3 |
17 |
18 |
--------------------------------------------------------------------------------
/gui/src/components/common/Avatar.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
11 |
6 |
10 |
13 |
16 |
3 | ![]()
4 |
5 |
6 |
7 |
53 |
54 |
--------------------------------------------------------------------------------
/gui/src/components/common/BaseCard.vue:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/gui/src/components/common/Card.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
30 |
31 |
32 |
42 |
43 |
--------------------------------------------------------------------------------
/gui/src/components/common/DataViewLayoutOptions.vue:
--------------------------------------------------------------------------------
1 |
27 |
28 |
29 |
4 |
6 |
7 |
21 |
8 |
20 |
9 |
16 |
10 |
12 |
13 |
15 |
17 |
19 |
22 |
29 |
23 |
25 |
26 |
28 |
24 |
37 |
29 |
35 |
36 | {{errorMessage}}
16 | {{props.label}}
10 |
11 |
13 | {{errorMessage}}
13 |
3 |
13 |
14 |
15 |
63 |
--------------------------------------------------------------------------------
/gui/src/components/editor/ShellEditor.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
15 |
16 |
75 |
--------------------------------------------------------------------------------
/gui/src/directives.js:
--------------------------------------------------------------------------------
1 | import StyleClass from 'primevue/styleclass';
2 | import Ripple from 'primevue/ripple';
3 | import Tooltip from 'primevue/tooltip';
4 | import BadgeDirective from 'primevue/badgedirective';
5 | import longtap from './directives/longtap';
6 |
7 |
8 | export function useDirective(app){
9 | app.directive('tooltip', Tooltip);
10 | app.directive('badge', BadgeDirective);
11 | app.directive('ripple', Ripple);
12 | app.directive('styleclass', StyleClass);
13 | app.directive('longtap', longtap);
14 | }
15 |
--------------------------------------------------------------------------------
/gui/src/directives/longtap.js:
--------------------------------------------------------------------------------
1 | export default {
2 | mounted(el, binding) {
3 | const duration = binding.arg || 600;
4 | let timer = null;
5 |
6 | const start = (event) => {
7 | if ((event.type === 'mousedown' || event.type === 'touchstart') && event?.button != 2) {
8 | timer = setTimeout(() => {
9 | event.preventDefault();
10 | binding.value(event);
11 | }, duration);
12 | }
13 | };
14 |
15 | const cancel = (event) => {
16 | if (timer) {
17 | clearTimeout(timer);
18 | timer = null;
19 | }
20 | };
21 |
22 | const preventContextMenu = (event) => {
23 | event.preventDefault();
24 | binding.value(event);
25 | };
26 |
27 | el._start = start;
28 | el._cancel = cancel;
29 | el._preventContextMenu = preventContextMenu;
30 |
31 | el.addEventListener('mousedown', start);
32 | el.addEventListener('touchstart', start);
33 | el.addEventListener('mouseup', cancel);
34 | el.addEventListener('mouseout', cancel);
35 | el.addEventListener('touchend', cancel);
36 | el.addEventListener('touchcancel', cancel);
37 | el.addEventListener('contextmenu', preventContextMenu);
38 | },
39 |
40 | unmounted(el) {
41 | el.removeEventListener('mousedown', el._start);
42 | el.removeEventListener('touchstart', el._start);
43 | el.removeEventListener('mouseup', el._cancel);
44 | el.removeEventListener('mouseout', el._cancel);
45 | el.removeEventListener('touchend', el._cancel);
46 | el.removeEventListener('touchcancel', el._cancel);
47 |
48 | delete el._start;
49 | delete el._cancel;
50 | }
51 | };
--------------------------------------------------------------------------------
/gui/src/i18n/en.json:
--------------------------------------------------------------------------------
1 | {
2 | "hello": "Hello, World!"
3 | }
--------------------------------------------------------------------------------
/gui/src/i18n/index.js:
--------------------------------------------------------------------------------
1 | import { createI18n } from 'vue-i18n';
2 |
3 | // 导入语言文件
4 | import en from './en.json';
5 | import zh from './zh.json';
6 |
7 | const messages = {
8 | en,
9 | zh,
10 | };
11 | const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
12 | let tzLang = 'en';
13 | if (timeZone === "Asia/Shanghai" || timeZone === "Asia/Chongqing") {
14 | tzLang = 'zh'
15 | } else if (timeZone === "Asia/Hong_Kong") {
16 | tzLang = 'zh'
17 | }
18 | const defaultLang = localStorage.getItem('lang')|| tzLang ||import.meta.env.VITE_APP_LANG;
19 | // 创建 i18n 实例
20 | const i18n = createI18n({
21 | locale: defaultLang,
22 | fallbackLocale: 'en',
23 | messages,
24 | });
25 |
26 | export default i18n;
--------------------------------------------------------------------------------
/gui/src/layout/AppFooter.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | ![]()
12 | ZTM by
13 | Pipy proxy
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/gui/src/layout/AppMenu.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/gui/src/layout/AppSidebar.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
26 |
28 |
--------------------------------------------------------------------------------
/gui/src/views/apps/core/TermContent.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
11 |
12 |
59 |
--------------------------------------------------------------------------------
/gui/src/views/others/Documentation.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
29 |
30 |
31 |
49 |
--------------------------------------------------------------------------------
/gui/src/views/pages/auth/Access.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 | 一、启动 xeye 服务
5 |6 | 需要在运行服务的机器上先安装 pipy、openssl(3.0以上版本）这2个可执行程序，另外，9090、6060 这2个端口需要可用。 7 |
8 | 9 |1. 下载工程
10 | git clone https://github.com/polaristech-io/xeye.git 2. 启动服务
13 |cd xeye/client
14 | pipy pjs/main.js 二、使用浏览器测试效果
17 |1. 安装CA根证书
18 |将 CA.crt 证书安装到系统，或者安装到浏览器。
19 | 20 |2. 给浏览器设置 http、https 代理
21 |代理地址 xeye服务地址:9090。
22 | 23 |3. 浏览器访问
24 |访问 https//flomesh.io/ 等网站。
25 | 26 |4. 查看 xeye GUI 网页
27 |浏览器访问 http://xeye服务地址:6060/。
28 |
7 |
26 |
27 |
--------------------------------------------------------------------------------
/gui/src/views/pages/auth/Error.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
8 |
25 |
9 |
24 |
10 |
23 |
11 | ![Access denied]()
17 |
22 |
12 |
13 |
14 | Access Denied
15 | You do not have the necessary permisions. Please contact admins. 16 |
18 |
19 | Go to Dashboard
20 |
21 |
7 |
26 |
27 |
--------------------------------------------------------------------------------
/gui/vite.config.js:
--------------------------------------------------------------------------------
1 | import { fileURLToPath, URL } from 'node:url';
2 | import { defineConfig, loadEnv } from 'vite';
3 | import vue from '@vitejs/plugin-vue';
4 | import { resolve } from 'path';
5 | import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
6 |
7 | const mobile = !!/android|ios/.exec(process.env.TAURI_ENV_PLATFORM);
8 | const host = process.env.TAURI_DEV_HOST;
9 |
10 | export default defineConfig(async (config) => {
11 | return {
12 | clearScreen: false,
13 | optimizeDeps: {
14 | dynamicImportVars: true,
15 | },
16 | server: {
17 | port: 1420,
18 | strictPort: true,
19 | host: host || false,
20 | hmr: mobile
21 | ? {
22 | protocol: "ws",
23 | host: host,
24 | port: 1421,
25 | }
26 | : undefined,
27 | watch: {
28 | // 3. tell vite to ignore watching `src-tauri`
29 | ignored: ["**/src-tauri/**"],
30 | },
31 | proxy: {
32 | '/api': {
33 | target: `http://0.0.0.0:${loadEnv(config.mode, process.cwd()).VITE_APP_API_PORT}/`,
34 | changeOrigin: true,
35 | },
36 | }
37 | },
38 | plugins: [
39 | vue({reactivityTransform: true}),
40 | createSvgIconsPlugin({
41 | iconDirs: [resolve(process.cwd(), './src/assets/svg')],
42 | symbolId: 'svg-[name]',
43 | }),
44 | ],
45 | resolve: {
46 | alias: {
47 | '@': fileURLToPath(new URL('./src', import.meta.url))
48 | }
49 | }
50 | }
51 | });
52 |
--------------------------------------------------------------------------------
/hub/options.js:
--------------------------------------------------------------------------------
1 | export default function (argv, { defaults, shorthands }) {
2 | var args = []
3 | var opts = {}
4 | var lastOption
5 |
6 | argv.forEach(
7 | function (term, i) {
8 | if (i === 0) return
9 | if (lastOption) {
10 | if (term.startsWith('-')) throw `Value missing for option ${lastOption}`
11 | addOption(lastOption, term)
12 | lastOption = undefined
13 | } else if (term.startsWith('--')) {
14 | var kv = term.split('=')
15 | processOption(kv[0], kv[1])
16 | } else if (term.startsWith('-')) {
17 | if (term.length === 2) {
18 | processOption(term)
19 | } else {
20 | processOption(term.substring(0, 2), term.substring(2))
21 | }
22 | } else {
23 | args.push(term)
24 | }
25 | }
26 | )
27 |
28 | function processOption(name, value) {
29 | var k = shorthands[name] || name
30 | if (!(k in defaults)) throw `invalid option ${k}`
31 | if (typeof defaults[k] === 'boolean') {
32 | opts[k] = true
33 | } else if (value) {
34 | addOption(k, value)
35 | } else {
36 | lastOption = name
37 | }
38 | }
39 |
40 | function addOption(name, value) {
41 | var k = shorthands[name] || name
42 | switch (typeof defaults[k]) {
43 | case 'number': opts[k] = Number.parseFloat(value); break
44 | case 'string': opts[k] = value; break
45 | case 'object': (opts[k] ??= []).push(value); break
46 | }
47 | }
48 |
49 | return { args, ...defaults, ...opts }
50 | }
51 |
--------------------------------------------------------------------------------
8 |
25 |
9 |
24 |
10 |
23 |
11 | ![Error]()
17 |
22 |
12 |
13 |
14 | Error Occured
15 | Requested resource is not available. 16 |
18 |
19 | Go to Dashboard
20 |
21 |