From b1ac60fa02af339dc9286a68f4ee2cffc39014bb Mon Sep 17 00:00:00 2001
From: Yang Luo <hsluoyz@qq.com>
Date: Fri, 26 Mar 2021 23:25:09 +0800
Subject: [PATCH] Improve provide list.

---
 web/src/ApplicationListPage.js | 36 ++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

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 (
-            <Link to={`/providers/${text}`}>
-              {text}
-            </Link>
+            <List
+              size="small"
+              dataSource={providers}
+              renderItem={(row, i) => {
+                return (
+                  <List.Item>
+                    <div style={{display: "inline"}}>
+                      <Tooltip placement="topLeft" title="Edit">
+                        <Button style={{marginRight: "5px"}} icon={<EditOutlined />} size="small" onClick={() => Setting.goToLinkSoft(this, `/providers/${row}`)} />
+                      </Tooltip>
+                      <Link to={`/providers/${row}`}>
+                        {row}
+                      </Link>
+                    </div>
+                  </List.Item>
+                )
+              }}
+            />
           )
-        }
+        },
       },
       {
         title: i18next.t("general:Action"),