diff --git a/web/src/ApplicationListPage.js b/web/src/ApplicationListPage.js index f0ef5e5e..32fea528 100644 --- a/web/src/ApplicationListPage.js +++ b/web/src/ApplicationListPage.js @@ -14,7 +14,8 @@ import React from "react"; import {Link} from "react-router-dom"; -import {Button, Col, Popconfirm, Row, Table} from 'antd'; +import {Button, Col, List, Popconfirm, Row, Table, Tooltip} from 'antd'; +import {EditOutlined} from "@ant-design/icons"; import moment from "moment"; import * as Setting from "./Setting"; import * as ApplicationBackend from "./backend/ApplicationBackend"; @@ -136,7 +137,7 @@ class ApplicationListPage extends React.Component { title: i18next.t("general:Organization"), dataIndex: 'organization', key: 'organization', - width: '200px', + width: '150px', sorter: (a, b) => a.organization.localeCompare(b.organization), render: (text, record, index) => { return ( @@ -150,15 +151,34 @@ class ApplicationListPage extends React.Component { title: i18next.t("general:Providers"), dataIndex: 'providers', key: 'providers', - width: '200px', - sorter: (a, b) => a.providers.localeCompare(b.providers), + width: '250px', render: (text, record, index) => { + const providers = text; + if (providers.length === 0) { + return "(empty)"; + } + return ( - - {text} - + { + return ( + + + + } size="small" onClick={() => Setting.goToLinkSoft(this, `/providers/${row}`)} /> + + + {row} + + + + ) + }} + /> ) - } + }, }, { title: i18next.t("general:Action"),