|
1 | 1 | <html lang="en"> |
2 | | - <head> |
3 | | - <link href=" https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel=" stylesheet" > |
4 | | - <link href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel=" stylesheet" > |
5 | | - <link href='https://api.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.css' rel='stylesheet' /> |
6 | | - <link href="/chatflows/static/style.css" rel="stylesheet"> |
7 | | - </head> |
8 | 2 |
|
9 | | - <body> |
10 | | - <div id="app"><router-view></router-view></div> |
11 | | - <script src="/chatflows/static/mixins/field.js"></script> |
12 | | - <script src="https://unpkg.com/vue"></script> |
13 | | - <script src="https://unpkg.com/vuex"></script> |
14 | | - <script src=" https://unpkg.com/[email protected]" ></script> |
15 | | - <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> |
16 | | - <script src="https://unpkg.com/http-vue-loader"></script> |
17 | | - <script src="https://unpkg.com/axios/dist/axios.min.js"></script> |
18 | | - <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> |
19 | | - <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script> |
20 | | - <script src='https://api.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.js'></script> |
21 | | - <script src=" https://www.unpkg.com/[email protected]/dist/md5.min.js" ></script> |
22 | | - <script type="text/javascript"> |
| 3 | +<head> |
| 4 | + <link href=" https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel=" stylesheet" > |
| 5 | + <link href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel=" stylesheet" > |
| 6 | + <link href='https://api.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.css' rel='stylesheet' /> |
| 7 | + <link href="/chatflows/static/style.css" rel="stylesheet"> |
| 8 | +</head> |
23 | 9 |
|
24 | | - Vue.use(Vuex) |
25 | | - Vue.use(Vuetify) |
| 10 | +<body> |
| 11 | + <div id="app"> |
| 12 | + <router-view></router-view> |
| 13 | + </div> |
| 14 | + <script src="/chatflows/static/mixins/field.js"></script> |
| 15 | + <script src=" https://unpkg.com/[email protected]/dist/vue.js" ></script> |
| 16 | + <script src=" https://unpkg.com/[email protected]/dist/vue-router.js" ></script> |
| 17 | + <script src="https://unpkg.com/vuex"></script> |
| 18 | + <script src=" https://unpkg.com/[email protected]" ></script> |
| 19 | + <script src="https://unpkg.com/http-vue-loader"></script> |
| 20 | + <script src="https://unpkg.com/axios/dist/axios.min.js"></script> |
| 21 | + <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> |
| 22 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script> |
| 23 | + <script src='https://api.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.js'></script> |
| 24 | + <script src=" https://www.unpkg.com/[email protected]/dist/md5.min.js" ></script> |
| 25 | + <script type="text/javascript"> |
26 | 26 |
|
27 | | - const baseUrl = '/chatflows/static/' |
28 | | - const PACKAGE = '{{ package }}' |
29 | | - const CHAT = '{{ chat }}' |
30 | | - const QS = '{{ qs }}' |
31 | | - const USERNAME = '{{ username }}' |
32 | | - const EMAIL = '{{ email }}' |
33 | | - const CLIENT_IP = '{{ client_ip }}' |
34 | | - const NOHEADER = '{{ noheader }}' |
| 27 | + Vue.use(Vuex) |
| 28 | + Vue.use(Vuetify) |
35 | 29 |
|
36 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Message.vue`) |
37 | | - httpVueLoader.register(Vue, `${baseUrl}/components/String.vue`) |
38 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Number.vue`) |
39 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Secret.vue`) |
40 | | - httpVueLoader.register(Vue, `${baseUrl}/components/TextArea.vue`) |
41 | | - httpVueLoader.register(Vue, `${baseUrl}/components/DateTime.vue`) |
42 | | - httpVueLoader.register(Vue, `${baseUrl}/components/SingleChoice.vue`) |
43 | | - httpVueLoader.register(Vue, `${baseUrl}/components/MultipleChoices.vue`) |
44 | | - httpVueLoader.register(Vue, `${baseUrl}/components/DropDown.vue`) |
45 | | - httpVueLoader.register(Vue, `${baseUrl}/components/MultipleListChoices.vue`) |
46 | | - httpVueLoader.register(Vue, `${baseUrl}/components/UploadFile.vue`) |
47 | | - httpVueLoader.register(Vue, `${baseUrl}/components/DownloadFile.vue`) |
48 | | - httpVueLoader.register(Vue, `${baseUrl}/components/QRCode.vue`) |
49 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Markdown.vue`) |
50 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Form.vue`) |
51 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Loading.vue`) |
52 | | - httpVueLoader.register(Vue, `${baseUrl}/components/InfiniteLoading.vue`) |
53 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Confirm.vue`) |
54 | | - httpVueLoader.register(Vue, `${baseUrl}/components/TimeDelta.vue`) |
55 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Location.vue`) |
56 | | - httpVueLoader.register(Vue, `${baseUrl}/components/Error.vue`) |
57 | | - httpVueLoader.register(Vue, `${baseUrl}/components/MultiValues.vue`) |
| 30 | + const baseUrl = '/chatflows/static/' |
| 31 | + const PACKAGE = '{{ package }}' |
| 32 | + const CHAT = '{{ chat }}' |
| 33 | + const QS = '{{ qs }}' |
| 34 | + const USERNAME = '{{ username }}' |
| 35 | + const EMAIL = '{{ email }}' |
| 36 | + const CLIENT_IP = '{{ client_ip }}' |
| 37 | + const NOHEADER = '{{ noheader }}' |
58 | 38 |
|
59 | | - Vue.mixin({ |
60 | | - data: function() { |
61 | | - return { |
62 | | - categories: { |
63 | | - string_ask: 'String', |
64 | | - int_ask: 'Number', |
65 | | - secret_ask: 'Secret', |
66 | | - text_ask: 'TextArea', |
67 | | - single_choice: 'SingleChoice', |
68 | | - multi_choice: 'MultipleChoices', |
69 | | - multi_list_choice: 'MultipleListChoices', |
70 | | - drop_down_choice: 'DropDown', |
71 | | - datetime_picker: 'DateTime', |
72 | | - time_delta: 'TimeDelta', |
73 | | - location_ask: 'Location', |
74 | | - upload_file: 'UploadFile', |
75 | | - download_file: 'DownloadFile', |
76 | | - qrcode_show: 'QRCode', |
77 | | - md_show: 'Markdown', |
78 | | - confirm: 'Confirm', |
79 | | - loading: 'Loading', |
80 | | - infinite_loading: 'InfiniteLoading', |
81 | | - ask_multi_values: 'MultiValues', |
82 | | - form: 'Form', |
83 | | - error: 'Error' |
84 | | - } |
| 39 | + httpVueLoader.register(Vue, `${baseUrl}/components/Message.vue`) |
| 40 | + httpVueLoader.register(Vue, `${baseUrl}/components/String.vue`) |
| 41 | + httpVueLoader.register(Vue, `${baseUrl}/components/Number.vue`) |
| 42 | + httpVueLoader.register(Vue, `${baseUrl}/components/Secret.vue`) |
| 43 | + httpVueLoader.register(Vue, `${baseUrl}/components/TextArea.vue`) |
| 44 | + httpVueLoader.register(Vue, `${baseUrl}/components/DateTime.vue`) |
| 45 | + httpVueLoader.register(Vue, `${baseUrl}/components/SingleChoice.vue`) |
| 46 | + httpVueLoader.register(Vue, `${baseUrl}/components/MultipleChoices.vue`) |
| 47 | + httpVueLoader.register(Vue, `${baseUrl}/components/DropDown.vue`) |
| 48 | + httpVueLoader.register(Vue, `${baseUrl}/components/MultipleListChoices.vue`) |
| 49 | + httpVueLoader.register(Vue, `${baseUrl}/components/UploadFile.vue`) |
| 50 | + httpVueLoader.register(Vue, `${baseUrl}/components/DownloadFile.vue`) |
| 51 | + httpVueLoader.register(Vue, `${baseUrl}/components/QRCode.vue`) |
| 52 | + httpVueLoader.register(Vue, `${baseUrl}/components/Markdown.vue`) |
| 53 | + httpVueLoader.register(Vue, `${baseUrl}/components/Form.vue`) |
| 54 | + httpVueLoader.register(Vue, `${baseUrl}/components/Loading.vue`) |
| 55 | + httpVueLoader.register(Vue, `${baseUrl}/components/InfiniteLoading.vue`) |
| 56 | + httpVueLoader.register(Vue, `${baseUrl}/components/Confirm.vue`) |
| 57 | + httpVueLoader.register(Vue, `${baseUrl}/components/TimeDelta.vue`) |
| 58 | + httpVueLoader.register(Vue, `${baseUrl}/components/Location.vue`) |
| 59 | + httpVueLoader.register(Vue, `${baseUrl}/components/Error.vue`) |
| 60 | + httpVueLoader.register(Vue, `${baseUrl}/components/MultiValues.vue`) |
| 61 | + |
| 62 | + Vue.mixin({ |
| 63 | + data: function () { |
| 64 | + return { |
| 65 | + categories: { |
| 66 | + string_ask: 'String', |
| 67 | + int_ask: 'Number', |
| 68 | + secret_ask: 'Secret', |
| 69 | + text_ask: 'TextArea', |
| 70 | + single_choice: 'SingleChoice', |
| 71 | + multi_choice: 'MultipleChoices', |
| 72 | + multi_list_choice: 'MultipleListChoices', |
| 73 | + drop_down_choice: 'DropDown', |
| 74 | + datetime_picker: 'DateTime', |
| 75 | + time_delta: 'TimeDelta', |
| 76 | + location_ask: 'Location', |
| 77 | + upload_file: 'UploadFile', |
| 78 | + download_file: 'DownloadFile', |
| 79 | + qrcode_show: 'QRCode', |
| 80 | + md_show: 'Markdown', |
| 81 | + confirm: 'Confirm', |
| 82 | + loading: 'Loading', |
| 83 | + infinite_loading: 'InfiniteLoading', |
| 84 | + ask_multi_values: 'MultiValues', |
| 85 | + form: 'Form', |
| 86 | + error: 'Error' |
85 | 87 | } |
86 | 88 | } |
87 | | - }) |
| 89 | + } |
| 90 | + }) |
88 | 91 |
|
89 | | - const vuetify = new Vuetify({ |
90 | | - icons: { |
91 | | - iconfont: 'mdi' |
92 | | - }, |
93 | | - theme: { |
94 | | - themes: { |
95 | | - light: { |
96 | | - primary: '#1B4F72', |
97 | | - secondary: '#F39C12', |
98 | | - accent: '#F4F6F7', |
99 | | - error: '#EC7063', |
100 | | - }, |
| 92 | + const vuetify = new Vuetify({ |
| 93 | + icons: { |
| 94 | + iconfont: 'mdi' |
| 95 | + }, |
| 96 | + theme: { |
| 97 | + themes: { |
| 98 | + light: { |
| 99 | + primary: '#1B4F72', |
| 100 | + secondary: '#F39C12', |
| 101 | + accent: '#F4F6F7', |
| 102 | + error: '#EC7063', |
101 | 103 | }, |
102 | | - } |
103 | | - }) |
104 | | - |
105 | | - const app = httpVueLoader('/chatflows/static/App.vue') |
106 | | - const router = new VueRouter({ |
107 | | - routes: [ |
108 | | - { path: '/', component: app}, |
109 | | - ] |
110 | | - }) |
111 | | - new Vue({ |
112 | | - el: '#app', |
113 | | - components: { |
114 | | - App: app, |
115 | 104 | }, |
116 | | - router, |
117 | | - vuetify |
118 | | - }) |
119 | | - </script> |
120 | | - </body> |
| 105 | + } |
| 106 | + }) |
| 107 | + |
| 108 | + const app = httpVueLoader('/chatflows/static/App.vue') |
| 109 | + const router = new VueRouter({ |
| 110 | + routes: [ |
| 111 | + { path: '/', component: app }, |
| 112 | + ] |
| 113 | + }) |
| 114 | + new Vue({ |
| 115 | + el: '#app', |
| 116 | + components: { |
| 117 | + App: app, |
| 118 | + }, |
| 119 | + router, |
| 120 | + vuetify |
| 121 | + }) |
| 122 | + </script> |
| 123 | +</body> |
| 124 | + |
121 | 125 | </html> |
0 commit comments