initPluginColumns()

in src/routes/System/Metadata/index.js [276:393]

• 37 lines of code
• 5 McCabe index (conditional complexity)

  initPluginColumns() {
    this.setState({
      columns: [
        {
          align: "center",
          title: getIntlContent("SHENYU.AUTH.APPNAME"),
          dataIndex: "appName",
          key: "appName",
          ellipsis:true,
          width: 150,
          sorter: (a,b) => a.appName > b.appName ? 1 : -1,
          render: text => {
            return <div style={{color: "#260033","fontWeight":"bold"}}>{text}</div>
          }
        },
        {
          align: "center",
          title: getIntlContent("SHENYU.META.PATH"),
          dataIndex: "path",
          key: "path",
          ellipsis:true,
          render: (text,record) => {
            let content =(
              <div>
                <p>{record.pathDesc}</p>
                <hr />
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.META.SERVER.INTER")}</span> :
                  <span style={{color:"#1f640a"}}>{record.serviceName}</span>
                </p>
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.META.FUNC.NAME")}</span>:
                  <span style={{color:"#1f640a"}}>{record.methodName}</span>
                </p>
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.AUTH.PARAMS")}</span> :
                  <span style={{color:"#1f640a"}}>{record.parameterTypes}</span>
                </p>
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.META.EXPAND.PARAMS")}</span> :
                  <span style={{color:"#1f640a"}}>{record.rpcExt}</span>
                </p>
                <hr />
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.SYSTEM.CREATETIME")}</span> :
                  <span style={{color:"#1f640a"}}>{record.dateCreated}</span>
                </p>
                <p>
                  <span style={{color:"#204969"}}>{getIntlContent("SHENYU.SYSTEM.UPDATETIME")}</span> :
                  <span style={{color:"#1f640a"}}>{record.dateUpdated}</span>
                </p>
              </div>
            );
            return <Popover placement="topLeft" content={content} title={getIntlContent("SHENYU.AUTH.PATH.DESCRIBE")}><div style={{color: "#1f640a"}}>{text || "----"}</div></Popover>

          }
        },
        {
          align: "center",
          title: `Rpc${getIntlContent("SHENYU.COMMON.TYPE")}`,
          dataIndex: "rpcType",
          key: "rpcType",
          ellipsis:true,
          width: 120,
          sorter: (a,b) => a.rpcType > b.rpcType ? 1 : -1,
          render: text => {
            if (text.length < 5) {
              return <Tag color="cyan">{text}</Tag>;
            } else if (text.length < 15) {
              return <Tag color="purple">{text}</Tag>;
            } else if (text.length < 25) {
              return <Tag color="blue">{text}</Tag>;
            }
            return <Tag color="red">{text}</Tag>;
          }
        },

        {
          align: "center",
          title: getIntlContent("SHENYU.SYSTEM.STATUS"),
          dataIndex: "enabled",
          key: "enabled",
          ellipsis:true,
          width: 60,
          render: text => {
            if (text) {
              return <div className="open">{getIntlContent("SHENYU.COMMON.OPEN")}</div>;
            } else {
              return <div className="close">{getIntlContent("SHENYU.COMMON.CLOSE")}</div>;
            }
          }
        },
        {
          align: "center",
          title: getIntlContent("SHENYU.COMMON.OPERAT"),
          ellipsis:true,
          dataIndex: "operate",
          key: "operate",
          width: 80,
          fixed: "right",
          render: (text, record) => {
            return (
              <AuthButton perms="system:meta:edit">
                <div
                  className="edit"
                  onClick={() => {
                    this.editClick(record);
                  }}
                >
                  {getIntlContent("SHENYU.SYSTEM.EDITOR")}
                </div>
              </AuthButton>
            );
          }
        }
      ]
    })
  }