|
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