add: draft for model player UI derived from WebUI

lablup · Nov 25, 2024 · f419121 · f419121
1 parent 3f18c86
commit f419121
Show file tree

Hide file tree

Showing 27 changed files with 188 additions and 64 deletions.
diff --git a/react/src/App.tsx b/react/src/App.tsx
@@ -102,17 +102,17 @@ const router = createBrowserRouter([
     children: [
       {
         path: '/',
-        element: <WebUINavigate to="/summary" replace />,
+        element: <WebUINavigate to="/serving" replace />,
       },
       {
         //for electron dev mode
         path: '/build/electron-app/app/index.html',
-        element: <WebUINavigate to="/summary" replace />,
+        element: <WebUINavigate to="/serving" replace />,
       },
       {
         //for electron prod mode
         path: '/app/index.html',
-        element: <WebUINavigate to="/summary" replace />,
+        element: <WebUINavigate to="/serving" replace />,
       },
       {
         path: '/summary',

diff --git a/react/src/components/MainLayout/WebUISider.tsx b/react/src/components/MainLayout/WebUISider.tsx
@@ -85,64 +85,70 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
   const primaryColors = usePrimaryColors();
 
   const generalMenu = filterEmptyItem<ItemType>([
-    {
-      label: <WebUILink to="/summary">{t('webui.menu.Summary')}</WebUILink>,
-      icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
-      key: 'summary',
-    },
-    {
-      label: <WebUILink to="/job">{t('webui.menu.Sessions')}</WebUILink>,
-      icon: <SessionsIcon style={{ color: token.colorPrimary }} />,
-      key: 'job',
-    },
+    // {
+    //   label: <WebUILink to="/summary">{t('webui.menu.Summary')}</WebUILink>,
+    //   icon: <DashboardOutlined style={{ color: token.colorPrimary }} />,
+    //   key: 'summary',
+    // },
+    // {
+    //   label: <WebUILink to="/job">{t('webui.menu.Sessions')}</WebUILink>,
+    //   icon: <SessionsIcon style={{ color: token.colorPrimary }} />,
+    //   key: 'job',
+    // },
     supportServing && {
-      label: <WebUILink to="/serving">{t('webui.menu.Serving')}</WebUILink>,
-      icon: <EndpointsIcon style={{ color: token.colorPrimary }} />,
-      key: 'serving',
-    },
-    {
-      label: <WebUILink to="/import">{t('webui.menu.Import&Run')}</WebUILink>,
-      icon: <PlayIcon style={{ color: token.colorPrimary }} />,
-      key: 'import',
-    },
-    {
-      label: <WebUILink to="/data">{t('webui.menu.Data&Storage')}</WebUILink>,
-      icon: <CloudUploadOutlined style={{ color: token.colorPrimary }} />,
-      key: 'data',
-    },
-    supportUserCommittedImage && {
-      label: (
-        <WebUILink to="/my-environment">
-          {t('webui.menu.MyEnvironments')}
-        </WebUILink>
-      ),
-      icon: <MyEnvironmentsIcon style={{ color: token.colorPrimary }} />,
-      key: 'my-environment',
-    },
-    !isHideAgents && {
       label: (
-        <WebUILink to="/agent-summary">
-          {t('webui.menu.AgentSummary')}
+        <WebUILink to="/serving">
+          {t('modelserving.menu.ModelServices')}
         </WebUILink>
       ),
-      icon: <HddOutlined style={{ color: token.colorPrimary }} />,
-      key: 'agent-summary',
+      icon: <EndpointsIcon style={{ color: token.colorPrimary }} />,
+      key: 'serving',
     },
+    // {
+    //   label: <WebUILink to="/import">{t('webui.menu.Import&Run')}</WebUILink>,
+    //   icon: <PlayIcon style={{ color: token.colorPrimary }} />,
+    //   key: 'import',
+    // },
     {
       label: (
-        <WebUILink to="/statistics">{t('webui.menu.Statistics')}</WebUILink>
+        <WebUILink to="/data">{t('modelserving.menu.ModelList')}</WebUILink>
       ),
-      icon: <BarChartOutlined style={{ color: token.colorPrimary }} />,
-      key: 'statistics',
-    },
-    !!fasttrackEndpoint && {
-      label: t('webui.menu.FastTrack'),
-      icon: <ExportOutlined style={{ color: token.colorPrimary }} />,
-      key: 'pipeline',
-      onClick: () => {
-        window.open(fasttrackEndpoint, '_blank', 'noopener noreferrer');
-      },
+      icon: <CloudUploadOutlined style={{ color: token.colorPrimary }} />,
+      key: 'data',
     },
+    // supportUserCommittedImage && {
+    //   label: (
+    //     <WebUILink to="/my-environment">
+    //       {t('webui.menu.MyEnvironments')}
+    //     </WebUILink>
+    //   ),
+    //   icon: <MyEnvironmentsIcon style={{ color: token.colorPrimary }} />,
+    //   key: 'my-environment',
+    // },
+    // !isHideAgents && {
+    //   label: (
+    //     <WebUILink to="/agent-summary">
+    //       {t('webui.menu.AgentSummary')}
+    //     </WebUILink>
+    //   ),
+    //   icon: <HddOutlined style={{ color: token.colorPrimary }} />,
+    //   key: 'agent-summary',
+    // },
+    // {
+    //   label: (
+    //     <WebUILink to="/statistics">{t('webui.menu.Statistics')}</WebUILink>
+    //   ),
+    //   icon: <BarChartOutlined style={{ color: token.colorPrimary }} />,
+    //   key: 'statistics',
+    // },
+    // !!fasttrackEndpoint && {
+    //   label: t('webui.menu.FastTrack'),
+    //   icon: <ExportOutlined style={{ color: token.colorPrimary }} />,
+    //   key: 'pipeline',
+    //   onClick: () => {
+    //     window.open(fasttrackEndpoint, '_blank', 'noopener noreferrer');
+    //   },
+    // },
   ]);
 
   const adminMenu: MenuProps['items'] = [
@@ -255,7 +261,7 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
             height: themeConfig?.logo?.size?.height || 24,
             cursor: 'pointer',
           }}
-          onClick={() => webuiNavigate(themeConfig?.logo?.href || '/summary')}
+          onClick={() => webuiNavigate(themeConfig?.logo?.href || '/serving')}
         />
       }
       theme={currentSiderTheme}
@@ -275,7 +281,7 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
             height: themeConfig?.logo.sizeCollapsed?.height ?? 24,
             cursor: 'pointer',
           }}
-          onClick={() => webuiNavigate(themeConfig?.logo?.href || '/summary')}
+          onClick={() => webuiNavigate(themeConfig?.logo?.href || '/serving')}
         />
       }
       logoTitle={themeConfig?.logo?.logoTitle || siteDescription || 'WebUI'}

diff --git a/react/src/pages/Page401.tsx b/react/src/pages/Page401.tsx
@@ -38,7 +38,7 @@ const Page401 = () => {
           <Button
             size="large"
             type="primary"
-            onClick={() => webuiNavigate('/summary')}
+            onClick={() => webuiNavigate('/data')}
           >
             {t('button.GoBackToSummaryPage')}
           </Button>

diff --git a/react/src/pages/Page404.tsx b/react/src/pages/Page404.tsx
@@ -38,7 +38,7 @@ const Page404 = () => {
           <Button
             size="large"
             type="primary"
-            onClick={() => webuiNavigate('/summary')}
+            onClick={() => webuiNavigate('/data')}
           >
             {t('button.GoBackToSummaryPage')}
           </Button>

diff --git a/resources/i18n/de.json b/resources/i18n/de.json
@@ -1769,5 +1769,11 @@
     "hour": "Stunde",
     "day": "day",
     "week": "Woche"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Modelldienstleistungen",
+      "ModelList": "Modellliste"
+    }
   }
 }
diff --git a/resources/i18n/el.json b/resources/i18n/el.json
@@ -1769,5 +1769,11 @@
     "hour": "ώρα",
     "day": "day",
     "week": "εβδομάδα"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Υπηρεσίες μοντέλου",
+      "ModelList": "Λίστα μοντέλων"
+    }
   }
 }
diff --git a/resources/i18n/en.json b/resources/i18n/en.json
@@ -566,7 +566,8 @@
     "Expand": "Expand",
     "Clear": "Clear",
     "Apply": "Apply",
-    "CopySomething": "Copy {{name}}"
+    "CopySomething": "Copy {{name}}",
+    "GoBackToModelServicesPage": "Go back to model services page"
   },
   "agent": {
     "Endpoint": "Endpoint",
@@ -1774,5 +1775,11 @@
     "hour": "hour",
     "day": "day",
     "week": "week"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Model Services",
+      "ModelList": "Model List"
+    }
   }
 }
diff --git a/resources/i18n/es.json b/resources/i18n/es.json
@@ -1771,5 +1771,11 @@
     "hour": "hora",
     "day": "day",
     "week": "semana"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Servicios modelo",
+      "ModelList": "Lista de modelos"
+    }
   }
 }
diff --git a/resources/i18n/fi.json b/resources/i18n/fi.json
@@ -1767,5 +1767,11 @@
     "hour": "tunnin",
     "day": "day",
     "week": "viikko"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Mallipalvelut",
+      "ModelList": "Malliluettelo"
+    }
   }
 }
diff --git a/resources/i18n/fr.json b/resources/i18n/fr.json
@@ -1769,5 +1769,11 @@
     "hour": "heure",
     "day": "day",
     "week": "semaine"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Services de modèles",
+      "ModelList": "Liste des modèles"
+    }
   }
 }
diff --git a/resources/i18n/id.json b/resources/i18n/id.json
@@ -1769,5 +1769,11 @@
     "hour": "jam",
     "day": "day",
     "week": "pekan"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Layanan Model",
+      "ModelList": "Daftar Model"
+    }
   }
 }
diff --git a/resources/i18n/it.json b/resources/i18n/it.json
@@ -1769,5 +1769,11 @@
     "hour": "ora",
     "day": "day",
     "week": "settimana"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Servizi modello",
+      "ModelList": "Elenco dei modelli"
+    }
   }
 }
diff --git a/resources/i18n/ja.json b/resources/i18n/ja.json
@@ -1769,5 +1769,11 @@
     "hour": "時間",
     "day": "日",
     "week": "週"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "モデルサービス",
+      "ModelList": "機種一覧"
+    }
   }
 }
diff --git a/resources/i18n/ko.json b/resources/i18n/ko.json
@@ -1771,5 +1771,11 @@
     "hour": "시간",
     "day": "일",
     "week": "주"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "모델 서비스",
+      "ModelList": "모델 리스트"
+    }
   }
 }
diff --git a/resources/i18n/mn.json b/resources/i18n/mn.json
@@ -1769,5 +1769,11 @@
     "hour": "цаг",
     "day": "day",
     "week": "долоо хоног"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Загвар үйлчилгээ",
+      "ModelList": "Загварын жагсаалт"
+    }
   }
 }
diff --git a/resources/i18n/ms.json b/resources/i18n/ms.json
@@ -1769,5 +1769,11 @@
     "hour": "jam",
     "day": "day",
     "week": "minggu"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Perkhidmatan Model",
+      "ModelList": "Senarai Model"
+    }
   }
 }
diff --git a/resources/i18n/pl.json b/resources/i18n/pl.json
@@ -1769,5 +1769,11 @@
     "hour": "godzina",
     "day": "day",
     "week": "tydzień"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Usługi modelarskie",
+      "ModelList": "Lista modeli"
+    }
   }
 }
diff --git a/resources/i18n/pt-BR.json b/resources/i18n/pt-BR.json
@@ -1769,5 +1769,11 @@
     "hour": "hora",
     "day": "day",
     "week": "semana"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Serviços de modelo",
+      "ModelList": "Lista de modelos"
+    }
   }
 }
diff --git a/resources/i18n/pt.json b/resources/i18n/pt.json
@@ -1769,5 +1769,11 @@
     "hour": "hora",
     "day": "day",
     "week": "semana"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Serviços de modelo",
+      "ModelList": "Lista de modelos"
+    }
   }
 }
diff --git a/resources/i18n/ru.json b/resources/i18n/ru.json
@@ -1769,5 +1769,11 @@
     "hour": "час",
     "day": "day",
     "week": "неделя"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "Модельные услуги",
+      "ModelList": "Список моделей"
+    }
   }
 }
diff --git a/resources/i18n/th.json b/resources/i18n/th.json
@@ -1749,5 +1749,11 @@
     "hour": "ชั่วโมง",
     "day": "day",
     "week": "สัปดาห์"
+  },
+  "modelserving": {
+    "menu": {
+      "ModelServices": "บริการโมเดล",
+      "ModelList": "รายการรุ่น"
+    }
   }
 }