chore: rename cdn to seed peer, change ui and apis. (#36)

Author: Gpia

.umirc.ts

@@ -43,7 +43,7 @@ export default defineConfig({
         },
         {
           exact: true,
-          path: '/configuration/cdn-cluster',
+          path: '/configuration/seed-peer-cluster',
           component: '@/pages/cdn',
         },
         {

mock/data.js

@@ -51,14 +51,14 @@ export const info = [
     en_US: 'Description',
   },
   {
-    key: 'cdn_cluster_id',
-    label: '关联CDN集群',
+    key: 'seed_peer_cluster_id',
+    label: '关联 seed peer 集群',
     type: 'select',
     tab: '1',
     props: {
-      placeholder: 'Please enter CDN cluster ID',
+      placeholder: 'Please enter seed peer cluster ID',
     },
-    en_US: 'CDN Cluster',
+    en_US: 'Seed Peer Cluster',
   },
   {
     key: 'security_group_id',
@@ -206,8 +206,8 @@ export const info = [
 
 export const updateOptions = [
   {
-    label: 'CDN Clusters',
-    value: 'cdn_clusters',
+    label: 'Seed Peer Clusters',
+    value: 'seed_peer_clusters',
     type: 'select',
   },
   {
@@ -232,7 +232,7 @@ export const updateOptions = [
   },
 ];
 
-export const cdnOptions = [
+export const seedPeerOptions = [
   {
     label: 'Load Limit',
     value: 'load_limit',
@@ -244,7 +244,7 @@ export const cdnOptions = [
   },
 ];
 
-export const cdnInfo = [
+export const seedPeerInfo = [
   {
     key: 'id',
     label: '集群ID',
@@ -304,15 +304,15 @@ export const cdnInfo = [
     },
     en_US: 'Load Limit',
   },
-  {
-    key: 'net_topology',
-    label: '',
-    tab: '1',
-    props: {
-      placeholder: 'Please enter Net Topology, separated by "|" characters',
-    },
-    en_US: 'Net Topology',
-  },
+  // {
+  //   key: 'net_topology',
+  //   label: '',
+  //   tab: '1',
+  //   props: {
+  //     placeholder: 'Please enter Net Topology, separated by "|" characters',
+  //   },
+  //   en_US: 'Net Topology',
+  // },
   {
     key: 'created_at',
     label: '创建时间',

src/layouts/index.jsx

@@ -175,8 +175,8 @@ export default function BasicLayout({
                   Scheduler Cluster
                 </Link>
               </Menu.Item>
-              <Menu.Item key="cdn-cluster">
-                <Link to="/configuration/cdn-cluster">CDN Cluster</Link>
+              <Menu.Item key="seed-peer-cluster">
+                <Link to="/configuration/seed-peer-cluster">Seed Peer Cluster</Link>
               </Menu.Item>
               {/* <Menu.Item key="application">
                 <Link to="/configuration/application">Application</Link>
@@ -219,15 +219,12 @@ export default function BasicLayout({
                 .replace(/^\S/, (s) => s.toUpperCase())}
             </Breadcrumb.Item>
             <Breadcrumb.Item key="bread_1">
-              {key[0]
+              {
+                key[0]
                 .split('-')
-                .map((e) =>
-                  e.includes('cdn')
-                    ? e.toUpperCase()
-                    : e.replace(/^\S/, (s) => s.toUpperCase()),
-                )
-                .toString()
-                .replace(/,/, ' ')}
+                .map((e) => e.replace(/^\S/, (s) => s.toUpperCase()))
+                .join(' ')
+              }
             </Breadcrumb.Item>
           </Breadcrumb>
           <Content

src/pages/application/index.tsx

@@ -29,14 +29,14 @@ export default function Application() {
     data: {},
   }); // infos
   const [schedulerClusters, setSchedulerClusters] = useState([]);
-  const [cdnClusters, setCDNClusters] = useState([]);
+  const [seedPeerClusters, setSeedPeerClusters] = useState([]);
 
   useEffect(() => {
     getApps(1);
     const userInfo = decode(Cookies.get('jwt'), 'jwt') || {};
     setUserId(userInfo.id);
     getSchedulerClusters();
-    getCDNClusters();
+    getSeedPeerClusters();
   }, []);
 
   const [form] = Form.useForm();
@@ -131,10 +131,10 @@ export default function Application() {
     }
   };
 
-  const getCDNClusters = async () => {
-    const res = await request('/api/v1/cdn-clusters');
+  const getSeedPeerClusters = async () => {
+    const res = await request('/api/v1/seed-peer-clusters');
     if (res && res.length > 0) {
-      setCDNClusters(
+      setSeedPeerClusters(
         res.map((el) => {
           return {
             label: el.name,
@@ -187,10 +187,10 @@ export default function Application() {
       },
     },
     // {
-    //   title: 'CDN Clusters',
-    //   dataIndex: 'cdn_clusters',
+    //   title: 'Seed Peer Clusters',
+    //   dataIndex: 'seed_peer_clusters',
     //   align: 'left',
-    //   key: 'cdn_clusters',
+    //   key: 'seed_peer_clusters',
     //   width: 130,
     //   ellipsis: true,
     //   render: (v: any, r: any) => {
@@ -397,18 +397,18 @@ export default function Application() {
               />
             </Form.Item>
             {/* <Form.Item
-              name="cdn_clusters"
+              name="seed_peer_clusters"
               style={{ marginBottom: 0 }}
-              label="CDN Cluster"
+              label="Seed Peer Cluster"
             >
               <Select
                 mode="multiple"
                 allowClear
                 showArrow
-                options={cdnClusters}
+                options={seedPeerClusters}
                 // onChange={(v: any) => {
                 //   form.setFieldsValue({
-                //     cdn_clusters: v,
+                //     seed_peer_clusters: v,
                 //   });
                 // }}
               />