init

Author: lindongchen

.env

@@ -0,0 +1,3 @@
+NODE_ENV=production
+VITE_APP_SERVER_PORT=7777
+VITE_APP_DEV_TOOLS=close

.env.development

@@ -0,0 +1,3 @@
+NODE_ENV=development
+VITE_APP_API_PORT=7777
+VITE_APP_DEV_TOOLS=open

.gitignore

@@ -0,0 +1,39 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# dependencies
+/node_modules
+package-lock.json
+yarn.lock
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+/release
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Themes
+public/themes/soho-light/
+public/themes/soho-dark/
+public/themes/viva-light/
+public/themes/viva-dark/
+public/themes/mira/
+public/themes/nano/

CHANGELOG.md

@@ -0,0 +1,36 @@
+# Changelog
+
+## 3.9.0 (2023-11-01)
+
+**Migration Guide**
+
+-   Update theme files.
+
+**Implemented New Features and Enhancements**
+
+-   Upgrade to PrimeVue 3.39.0
+
+## 3.8.0 (2023-07-24)
+
+**Migration Guide**
+
+-   Update theme files.
+-   Update assets style files
+-   Remove code highlight
+
+**Implemented New Features and Enhancements**
+
+-   Upgrade to PrimeVue 3.30.2
+
+## 3.7.0 (2023-05-06)
+
+-   Upgrade to PrimeVue 3.28.0
+
+**Implemented New Features and Enhancements**
+
+## 3.6.0 (2023-04-12)
+
+**Implemented New Features and Enhancements**
+
+-   Upgrade to PrimeVue 3.26.1
+-   Upgrade to vite 4.2.1

back/gui/src/router/config.chat.js

@@ -0,0 +1,63 @@
+import _ from "lodash";
+import message from "./modules.chat/message";
+// import server from "./modules/server";
+// import pages from "./modules/pages";
+// import uikit from "./modules/uikit";
+import mesh from "./modules/mesh";
+import AppLayout from '@/layout/AppLayout.vue';
+
+const options = {
+  routes: [
+    {
+      path: "/login",
+      name: "Login",
+			component: () => import('@/views/pages/auth/Login.vue')
+    },
+    {
+      path: "/:pathMatch(.*)",
+      name: "404",
+			component: () => import('@/views/pages/NotFound.vue')
+    },
+    {
+      path: "/403",
+      name: "403",
+			component: () => import('@/views/pages/auth/Access.vue')
+    },
+		{
+		    path: '/error',
+		    name: 'error',
+		    component: () => import('@/views/pages/auth/Error.vue')
+		},
+		
+		// {
+		//   path: "/landing",
+		//   name: "landing",
+		// 	component: () => import('@/views/pages/Landing.vue')
+		// },
+		{
+		    path: '/root',
+		    name: 'Root',
+		    component: () => import('@/layout/AppRoot.vue')
+		},
+    {
+        path: '/',
+        component: AppLayout,
+				redirect: "/root",
+        children: [
+					mesh,
+					message,
+					{
+							path: '/workplace',
+							name: 'Workplace',
+							component: () => import('@/views.chat/Workplace.vue')
+					},
+					// server,
+					// pages,
+					// uikit
+				]
+    },
+  ],
+};
+
+options.initRoutes = _.cloneDeep(options.routes);
+export default options;

back/gui/src/router/index.js

@@ -0,0 +1,35 @@
+import { createRouter, createWebHashHistory } from 'vue-router';
+import { isAdmin } from "@/service/common/authority-utils";
+import baseOptions from '@/router/config';
+import chatOptions from '@/router/config.chat';
+
+const loginIgnore = {
+  names: ["404", "403", "Login", "Root"],
+  paths: ["/login","/root"],
+  includes(route) {
+    return this.names.includes(route.name) || this.paths.includes(route.path);
+  },
+};
+
+function resetRoutes(router, store) {
+	const options = import.meta.env.VITE_APP_MODE=='chat' ? chatOptions : baseOptions;
+	if(!!router){
+		const oldRoutes = router.getRoutes();
+		oldRoutes.forEach((oldRoute) => {
+		  router.removeRoute(oldRoute.name);
+		});
+		options.routes.forEach((newRoute) => {
+			router.addRoute(newRoute);
+		});
+	}
+	return options;
+}
+
+async function initRouter({ store }) {
+	const options = resetRoutes(null, store);
+  // options.history = createWebHistory(process.env.VUE_APP_PUBLIC_PATH);
+  options.history = createWebHashHistory();
+  return createRouter(options);
+}
+
+export { loginIgnore, initRouter, resetRoutes };

back/gui/src/router/modules.chat/message.js

@@ -0,0 +1,14 @@
+const message = {
+  path: "message",
+  name: "Message",
+	redirect: "/message/list",
+  children: [
+		{
+				path: '/message/list',
+				name: 'message',
+				component: () => import('@/views.chat/message/MessageList.vue')
+		},
+  ],
+};
+
+export default message;

back/gui/src/views.chat/Workplace.vue

@@ -0,0 +1,44 @@
+<script setup>
+import { onMounted, reactive, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import { useStore } from 'vuex';
+const store = useStore();
+const router = useRouter();
+
+const apps = ref([
+    { label: 'Services',route: '/mesh/services', color1: '#c084fc', color2: '#fbbf24', icon: 'pi pi-server' },
+    { label: 'Ports', route: '/mesh/ports', color1: '#fbbf24', color2: '#60a5fa', icon: 'pi pi-bullseye' },
+    { label: 'Logs', route: '/mesh/log', color1: '#60a5fa', color2: '#c084fc', icon: 'pi pi-book' },
+]);
+const go = (path) => {
+	router.push(path);
+}
+</script>
+
+<template>
+    
+	<AppHeader :main="true">
+			<template #center>
+				<b>Workplace</b>
+			</template>
+	
+			<template #end> 
+			</template>
+	</AppHeader>
+	<div class="grid mt-3 text-left px-5" >
+		<div class="col-6 md:col-4 lg:col-3" v-for="app of apps" :key="app.label">
+			<div class="surface-card shadow-2 p-3 border-round pointer" @click="go(app.route)">
+				<div class="flex" >
+						<span class="text-center " 
+						style="border-radius: 6px;height: 40px;line-height: 40px;width: 40px;"
+						:style="{ backgroundColor: `${app.color1}`, color: '#ffffff' }">
+								<i class="text-2xl relative" style="top:5px" :class="app.icon" />
+						</span>
+						<div class="gap-1 pl-3" style="flex: 1;line-height: 40px;">
+								<span class="text-surface-500 dark:text-surface-400 text-sm text-xl">{{ app.label }}</span>
+						</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>