diff --git a/frontent/ops_vue/index.html b/frontent/ops_vue/index.html index 9e5fc8f..9d30802 100644 --- a/frontent/ops_vue/index.html +++ b/frontent/ops_vue/index.html @@ -1,9 +1,9 @@ - + - - - + + + Vite App diff --git a/frontent/ops_vue/package-lock.json b/frontent/ops_vue/package-lock.json index ec76156..759658f 100644 --- a/frontent/ops_vue/package-lock.json +++ b/frontent/ops_vue/package-lock.json @@ -8,6 +8,8 @@ "name": "ops_vue", "version": "0.0.0", "dependencies": { + "@tabler/core": "^1.4.0", + "@tabler/icons-vue": "^3.35.0", "pinia": "^3.0.3", "vue": "^3.5.22", "vue-router": "^4.5.1" @@ -1423,6 +1425,16 @@ "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==", "dev": true }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rolldown/pluginutils": { "version": "1.0.0-beta.29", "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz", @@ -1715,6 +1727,49 @@ "win32" ] }, + "node_modules/@tabler/core": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@tabler/core/-/core-1.4.0.tgz", + "integrity": "sha512-5BigzOlbOH9N0Is4u0rYNRCiwtnUXWO57K9zwuscygcicAa8UV9MGaS4zTgQsZEtZ9tsNANhN/YD8gCBGKYCiw==", + "license": "MIT", + "dependencies": { + "@popperjs/core": "^2.11.8", + "bootstrap": "5.3.7" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + } + }, + "node_modules/@tabler/icons": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-3.35.0.tgz", + "integrity": "sha512-yYXe+gJ56xlZFiXwV9zVoe3FWCGuZ/D7/G4ZIlDtGxSx5CGQK110wrnT29gUj52kEZoxqF7oURTk97GQxELOFQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + } + }, + "node_modules/@tabler/icons-vue": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/@tabler/icons-vue/-/icons-vue-3.35.0.tgz", + "integrity": "sha512-m5ugq8mWYfTzx0opMcX49ADFxr3xu0IhJaOddw8Djlhx30pBOPWwOiIUBMAqlgP9TFHAysdwqrq50hBw5DxPSQ==", + "license": "MIT", + "dependencies": { + "@tabler/icons": "3.35.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + }, + "peerDependencies": { + "vue": ">=3.0.1" + } + }, "node_modules/@tsconfig/node22": { "version": "22.0.2", "resolved": "https://registry.npmjs.org/@tsconfig/node22/-/node22-22.0.2.tgz", @@ -2719,6 +2774,25 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "dev": true }, + "node_modules/bootstrap": { + "version": "5.3.7", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.7.tgz", + "integrity": "sha512-7KgiD8UHjfcPBHEpDNg+zGz8L3LqR3GVwqZiBRFX04a1BCArZOz1r2kjly2HQ0WokqTO0v1nF+QAt8dsW4lKlw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "license": "MIT", + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/brace-expansion": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz", diff --git a/frontent/ops_vue/package.json b/frontent/ops_vue/package.json index a909cb2..d7f0173 100644 --- a/frontent/ops_vue/package.json +++ b/frontent/ops_vue/package.json @@ -18,6 +18,8 @@ "format": "prettier --write src/" }, "dependencies": { + "@tabler/core": "^1.4.0", + "@tabler/icons-vue": "^3.35.0", "pinia": "^3.0.3", "vue": "^3.5.22", "vue-router": "^4.5.1" diff --git a/frontent/ops_vue/src/App.vue b/frontent/ops_vue/src/App.vue index 7905b05..1967f3c 100644 --- a/frontent/ops_vue/src/App.vue +++ b/frontent/ops_vue/src/App.vue @@ -1,85 +1,147 @@ - + diff --git a/frontent/ops_vue/src/components/HelloWorld.vue b/frontent/ops_vue/src/components/HelloWorld.vue index d174cf8..1017376 100644 --- a/frontent/ops_vue/src/components/HelloWorld.vue +++ b/frontent/ops_vue/src/components/HelloWorld.vue @@ -1,41 +1,7 @@ - + - + diff --git a/frontent/ops_vue/src/components/TheWelcome.vue b/frontent/ops_vue/src/components/TheWelcome.vue index 6092dff..5c3efa9 100644 --- a/frontent/ops_vue/src/components/TheWelcome.vue +++ b/frontent/ops_vue/src/components/TheWelcome.vue @@ -1,94 +1,5 @@ - + diff --git a/frontent/ops_vue/src/components/WelcomeItem.vue b/frontent/ops_vue/src/components/WelcomeItem.vue index 6d7086a..0e7cb04 100644 --- a/frontent/ops_vue/src/components/WelcomeItem.vue +++ b/frontent/ops_vue/src/components/WelcomeItem.vue @@ -1,87 +1,5 @@ - + diff --git a/frontent/ops_vue/src/main.ts b/frontent/ops_vue/src/main.ts index 5dcad83..6079d8b 100644 --- a/frontent/ops_vue/src/main.ts +++ b/frontent/ops_vue/src/main.ts @@ -6,6 +6,9 @@ import { createPinia } from 'pinia' import App from './App.vue' import router from './router' +import '@tabler/core/dist/css/tabler.min.css' +import '@tabler/core/dist/css/tabler-vendors.min.css' + const app = createApp(App) app.use(createPinia()) diff --git a/frontent/ops_vue/src/views/AboutView.vue b/frontent/ops_vue/src/views/AboutView.vue index 756ad2a..81983bf 100644 --- a/frontent/ops_vue/src/views/AboutView.vue +++ b/frontent/ops_vue/src/views/AboutView.vue @@ -1,15 +1,7 @@ - + diff --git a/frontent/ops_vue/src/views/HomeView.vue b/frontent/ops_vue/src/views/HomeView.vue index d5c0217..7109cea 100644 --- a/frontent/ops_vue/src/views/HomeView.vue +++ b/frontent/ops_vue/src/views/HomeView.vue @@ -1,9 +1,9 @@