From f52d58d645de55792e24d84511ddb1b741901669 Mon Sep 17 00:00:00 2001 From: Leo Vasanko Date: Fri, 3 Nov 2023 16:15:37 +0000 Subject: [PATCH] Big changes... - Added Droppy SVG icons - Implemented Droppy-style Breadcrumb component - Implemented a Dialog component - Attempted transition effects on file explorer (not yet functional) - Changed FileExplorer to take list of documents and current path via props. - Various other cleanup etc. --- cista-front/components.d.ts | 14 -- cista-front/index.html | 14 +- cista-front/package-lock.json | 221 +++++++++++++++---- cista-front/package.json | 1 + cista-front/src/App.vue | 13 +- cista-front/src/assets/main.css | 95 ++------ cista-front/src/assets/svg/add-file.svg | 1 + cista-front/src/assets/svg/add-folder.svg | 1 + cista-front/src/assets/svg/arrow.svg | 1 + cista-front/src/assets/svg/arrows-h.svg | 1 + cista-front/src/assets/svg/arrows-v.svg | 1 + cista-front/src/assets/svg/check.svg | 1 + cista-front/src/assets/svg/code.svg | 1 + cista-front/src/assets/svg/cog.svg | 1 + cista-front/src/assets/svg/copy.svg | 1 + cista-front/src/assets/svg/create-file.svg | 1 + cista-front/src/assets/svg/create-folder.svg | 1 + cista-front/src/assets/svg/cross.svg | 1 + cista-front/src/assets/svg/disk.svg | 1 + cista-front/src/assets/svg/download.svg | 1 + cista-front/src/assets/svg/exclamation.svg | 1 + cista-front/src/assets/svg/eye.svg | 1 + cista-front/src/assets/svg/find.svg | 1 + cista-front/src/assets/svg/fullscreen.svg | 1 + cista-front/src/assets/svg/github.svg | 1 + cista-front/src/assets/svg/home.svg | 1 + cista-front/src/assets/svg/info.svg | 1 + cista-front/src/assets/svg/link.svg | 1 + cista-front/src/assets/svg/logo.svg | 1 + cista-front/src/assets/svg/loop.svg | 1 + cista-front/src/assets/svg/menu.svg | 1 + cista-front/src/assets/svg/next.svg | 1 + cista-front/src/assets/svg/open.svg | 1 + cista-front/src/assets/svg/paste.svg | 1 + cista-front/src/assets/svg/pause.svg | 1 + cista-front/src/assets/svg/pencil.svg | 1 + cista-front/src/assets/svg/play.svg | 1 + cista-front/src/assets/svg/plus.svg | 1 + cista-front/src/assets/svg/previous.svg | 1 + cista-front/src/assets/svg/reload.svg | 1 + cista-front/src/assets/svg/rename.svg | 1 + cista-front/src/assets/svg/scissors.svg | 1 + cista-front/src/assets/svg/shuffle.svg | 1 + cista-front/src/assets/svg/signin.svg | 1 + cista-front/src/assets/svg/signout.svg | 1 + cista-front/src/assets/svg/skip.svg | 1 + cista-front/src/assets/svg/spinner.svg | 1 + cista-front/src/assets/svg/stop.svg | 1 + cista-front/src/assets/svg/trash.svg | 1 + cista-front/src/assets/svg/triangle.svg | 1 + cista-front/src/assets/svg/unfullscreen.svg | 1 + cista-front/src/assets/svg/up-arrow.svg | 1 + cista-front/src/assets/svg/upload-cloud.svg | 1 + cista-front/src/assets/svg/user-cog.svg | 1 + cista-front/src/assets/svg/user.svg | 1 + cista-front/src/assets/svg/volume-high.svg | 1 + cista-front/src/assets/svg/volume-low.svg | 1 + cista-front/src/assets/svg/volume-medium.svg | 1 + cista-front/src/assets/svg/volume-mute.svg | 1 + cista-front/src/assets/svg/window-cross.svg | 1 + cista-front/src/assets/svg/window.svg | 1 + cista-front/src/assets/svg/wordwrap.svg | 1 + cista-front/src/assets/svg/zoomin.svg | 1 + cista-front/src/assets/svg/zoomout.svg | 1 + cista-front/src/components/AppNavigation.vue | 58 +++-- cista-front/src/components/Breadcrumb.vue | 76 +++++++ cista-front/src/components/Dialog.vue | 69 ++++++ cista-front/src/components/FileExplorer.vue | 32 +-- cista-front/src/components/HeaderMain.vue | 17 +- cista-front/src/stores/documents.ts | 5 - cista-front/src/views/ExplorerView.vue | 57 +++-- cista-front/vite.config.ts | 13 +- cista/wwwroot/assets/index-68773a87.js | 9 + cista/wwwroot/assets/index-d4bfeeb6.css | 1 + cista/wwwroot/index.html | 27 ++- 75 files changed, 554 insertions(+), 226 deletions(-) create mode 100644 cista-front/src/assets/svg/add-file.svg create mode 100644 cista-front/src/assets/svg/add-folder.svg create mode 100644 cista-front/src/assets/svg/arrow.svg create mode 100644 cista-front/src/assets/svg/arrows-h.svg create mode 100644 cista-front/src/assets/svg/arrows-v.svg create mode 100644 cista-front/src/assets/svg/check.svg create mode 100644 cista-front/src/assets/svg/code.svg create mode 100644 cista-front/src/assets/svg/cog.svg create mode 100644 cista-front/src/assets/svg/copy.svg create mode 100644 cista-front/src/assets/svg/create-file.svg create mode 100644 cista-front/src/assets/svg/create-folder.svg create mode 100644 cista-front/src/assets/svg/cross.svg create mode 100644 cista-front/src/assets/svg/disk.svg create mode 100644 cista-front/src/assets/svg/download.svg create mode 100644 cista-front/src/assets/svg/exclamation.svg create mode 100644 cista-front/src/assets/svg/eye.svg create mode 100644 cista-front/src/assets/svg/find.svg create mode 100644 cista-front/src/assets/svg/fullscreen.svg create mode 100644 cista-front/src/assets/svg/github.svg create mode 100644 cista-front/src/assets/svg/home.svg create mode 100644 cista-front/src/assets/svg/info.svg create mode 100644 cista-front/src/assets/svg/link.svg create mode 100644 cista-front/src/assets/svg/logo.svg create mode 100644 cista-front/src/assets/svg/loop.svg create mode 100644 cista-front/src/assets/svg/menu.svg create mode 100644 cista-front/src/assets/svg/next.svg create mode 100644 cista-front/src/assets/svg/open.svg create mode 100644 cista-front/src/assets/svg/paste.svg create mode 100644 cista-front/src/assets/svg/pause.svg create mode 100644 cista-front/src/assets/svg/pencil.svg create mode 100644 cista-front/src/assets/svg/play.svg create mode 100644 cista-front/src/assets/svg/plus.svg create mode 100644 cista-front/src/assets/svg/previous.svg create mode 100644 cista-front/src/assets/svg/reload.svg create mode 100644 cista-front/src/assets/svg/rename.svg create mode 100644 cista-front/src/assets/svg/scissors.svg create mode 100644 cista-front/src/assets/svg/shuffle.svg create mode 100644 cista-front/src/assets/svg/signin.svg create mode 100644 cista-front/src/assets/svg/signout.svg create mode 100644 cista-front/src/assets/svg/skip.svg create mode 100644 cista-front/src/assets/svg/spinner.svg create mode 100644 cista-front/src/assets/svg/stop.svg create mode 100644 cista-front/src/assets/svg/trash.svg create mode 100644 cista-front/src/assets/svg/triangle.svg create mode 100644 cista-front/src/assets/svg/unfullscreen.svg create mode 100644 cista-front/src/assets/svg/up-arrow.svg create mode 100644 cista-front/src/assets/svg/upload-cloud.svg create mode 100644 cista-front/src/assets/svg/user-cog.svg create mode 100644 cista-front/src/assets/svg/user.svg create mode 100644 cista-front/src/assets/svg/volume-high.svg create mode 100644 cista-front/src/assets/svg/volume-low.svg create mode 100644 cista-front/src/assets/svg/volume-medium.svg create mode 100644 cista-front/src/assets/svg/volume-mute.svg create mode 100644 cista-front/src/assets/svg/window-cross.svg create mode 100644 cista-front/src/assets/svg/window.svg create mode 100644 cista-front/src/assets/svg/wordwrap.svg create mode 100644 cista-front/src/assets/svg/zoomin.svg create mode 100644 cista-front/src/assets/svg/zoomout.svg create mode 100644 cista-front/src/components/Breadcrumb.vue create mode 100644 cista-front/src/components/Dialog.vue create mode 100644 cista/wwwroot/assets/index-68773a87.js create mode 100644 cista/wwwroot/assets/index-d4bfeeb6.css diff --git a/cista-front/components.d.ts b/cista-front/components.d.ts index 32492e8..dfabf2e 100644 --- a/cista-front/components.d.ts +++ b/cista-front/components.d.ts @@ -7,21 +7,7 @@ export {} declare module 'vue' { export interface GlobalComponents { - ABreadcrumb: typeof import('ant-design-vue/es')['Breadcrumb'] - ABreadcrumbItem: typeof import('ant-design-vue/es')['BreadcrumbItem'] - AButton: typeof import('ant-design-vue/es')['Button'] - ACol: typeof import('ant-design-vue/es')['Col'] - AForm: typeof import('ant-design-vue/es')['Form'] - AFormItem: typeof import('ant-design-vue/es')['FormItem'] - AImage: typeof import('ant-design-vue/es')['Image'] - AInput: typeof import('ant-design-vue/es')['Input'] - AInputSearch: typeof import('ant-design-vue/es')['InputSearch'] - AModal: typeof import('ant-design-vue/es')['Modal'] - APageHeader: typeof import('ant-design-vue/es')['PageHeader'] AppNavigation: typeof import('./src/components/AppNavigation.vue')['default'] - AProgress: typeof import('ant-design-vue/es')['Progress'] - ARow: typeof import('ant-design-vue/es')['Row'] - ATooltip: typeof import('ant-design-vue/es')['Tooltip'] FileExplorer: typeof import('./src/components/FileExplorer.vue')['default'] FileRenameInput: typeof import('./src/components/FileRenameInput.vue')['default'] FileViewer: typeof import('./src/components/FileViewer.vue')['default'] diff --git a/cista-front/index.html b/cista-front/index.html index 0382407..94b028b 100644 --- a/cista-front/index.html +++ b/cista-front/index.html @@ -1,12 +1,12 @@ - - + + +Cista - -Vite Vasanko - -
+ + - + +
diff --git a/cista-front/package-lock.json b/cista-front/package-lock.json index 7847d4d..a030807 100644 --- a/cista-front/package-lock.json +++ b/cista-front/package-lock.json @@ -9,7 +9,6 @@ "version": "0.0.0", "dependencies": { "@vueuse/core": "^10.4.1", - "axios": "^1.5.0", "esbuild": "^0.19.5", "locale-includes": "^1.0.5", "lodash": "^4.17.21", @@ -17,6 +16,7 @@ "pinia": "^2.1.6", "unplugin-vue-components": "^0.25.2", "vite-plugin-rewrite-all": "^1.0.1", + "vite-svg-loader": "^4.0.0", "vue": "^3.3.4", "vue-router": "^4.2.4" }, @@ -784,6 +784,14 @@ "node": ">= 10" } }, + "node_modules/@trysound/sax": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", + "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==", + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/@tsconfig/node18": { "version": "18.2.2", "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-18.2.2.tgz", @@ -1638,17 +1646,8 @@ "node_modules/asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" - }, - "node_modules/axios": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.5.0.tgz", - "integrity": "sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==", - "dependencies": { - "follow-redirects": "^1.15.0", - "form-data": "^4.0.0", - "proxy-from-env": "^1.1.0" - } + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true }, "node_modules/balanced-match": { "version": "1.0.2", @@ -1675,8 +1674,7 @@ "node_modules/boolbase": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", - "dev": true + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" }, "node_modules/bplist-parser": { "version": "0.2.0", @@ -1846,6 +1844,7 @@ "version": "1.0.8", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, "dependencies": { "delayed-stream": "~1.0.0" }, @@ -1900,6 +1899,44 @@ "node": ">= 8" } }, + "node_modules/css-select": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", + "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-tree": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", + "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", + "dependencies": { + "mdn-data": "2.0.30", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, + "node_modules/css-what": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", + "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -1912,6 +1949,36 @@ "node": ">=4" } }, + "node_modules/csso": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz", + "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==", + "dependencies": { + "css-tree": "~2.2.0" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/css-tree": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz", + "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==", + "dependencies": { + "mdn-data": "2.0.28", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/mdn-data": { + "version": "2.0.28", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz", + "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==" + }, "node_modules/cssstyle": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz", @@ -2039,6 +2106,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true, "engines": { "node": ">=0.4.0" } @@ -2076,6 +2144,30 @@ "node": ">=6.0.0" } }, + "node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ] + }, "node_modules/domexception": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz", @@ -2088,6 +2180,33 @@ "node": ">=12" } }, + "node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", + "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, "node_modules/editorconfig": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz", @@ -2134,7 +2253,6 @@ "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "dev": true, "engines": { "node": ">=0.12" }, @@ -2547,29 +2665,11 @@ "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==", "dev": true }, - "node_modules/follow-redirects": { - "version": "1.15.3", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", - "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==", - "funding": [ - { - "type": "individual", - "url": "https://github.com/sponsors/RubenVerborgh" - } - ], - "engines": { - "node": ">=4.0" - }, - "peerDependenciesMeta": { - "debug": { - "optional": true - } - } - }, "node_modules/form-data": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dev": true, "dependencies": { "asynckit": "^0.4.0", "combined-stream": "^1.0.8", @@ -3242,6 +3342,11 @@ "node": ">=12" } }, + "node_modules/mdn-data": { + "version": "2.0.30", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", + "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==" + }, "node_modules/memorystream": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz", @@ -3281,6 +3386,7 @@ "version": "1.52.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, "engines": { "node": ">= 0.6" } @@ -3289,6 +3395,7 @@ "version": "2.1.35", "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, "dependencies": { "mime-db": "1.52.0" }, @@ -3495,7 +3602,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", - "dev": true, "dependencies": { "boolbase": "^1.0.0" }, @@ -3906,11 +4012,6 @@ "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==", "dev": true }, - "node_modules/proxy-from-env": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", - "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" - }, "node_modules/psl": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", @@ -4439,6 +4540,37 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svgo": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz", + "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==", + "dependencies": { + "@trysound/sax": "0.2.0", + "commander": "^7.2.0", + "css-select": "^5.1.0", + "css-tree": "^2.2.1", + "csso": "^5.0.5", + "picocolors": "^1.0.0" + }, + "bin": { + "svgo": "bin/svgo" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/svgo" + } + }, + "node_modules/svgo/node_modules/commander": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", + "engines": { + "node": ">= 10" + } + }, "node_modules/symbol-tree": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", @@ -4824,6 +4956,15 @@ "vite": "^2.0.0 || ^3.0.0 || ^4.0.0" } }, + "node_modules/vite-svg-loader": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-4.0.0.tgz", + "integrity": "sha512-0MMf1yzzSYlV4MGePsLVAOqXsbF5IVxbn4EEzqRnWxTQl8BJg/cfwIzfQNmNQxZp5XXwd4kyRKF1LytuHZTnqA==", + "dependencies": { + "@vue/compiler-sfc": "^3.2.20", + "svgo": "^3.0.2" + } + }, "node_modules/vite/node_modules/@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", diff --git a/cista-front/package.json b/cista-front/package.json index 559ed0a..f0ec287 100644 --- a/cista-front/package.json +++ b/cista-front/package.json @@ -21,6 +21,7 @@ "pinia": "^2.1.6", "unplugin-vue-components": "^0.25.2", "vite-plugin-rewrite-all": "^1.0.1", + "vite-svg-loader": "^4.0.0", "vue": "^3.3.4", "vue-router": "^4.2.4" }, diff --git a/cista-front/src/App.vue b/cista-front/src/App.vue index fd89631..4d02ab6 100644 --- a/cista-front/src/App.vue +++ b/cista-front/src/App.vue @@ -7,9 +7,9 @@ import { useDocumentStore } from '@/stores/documents' import { computed } from 'vue' - import HeaderMain from './components/HeaderMain.vue' - import AppNavigation from './components/AppNavigation.vue' - import Router from './router/index'; + import HeaderMain from '@/components/HeaderMain.vue' + import AppNavigation from '@/components/AppNavigation.vue' + import Router from '@/router/index'; interface Path { path: string; @@ -43,8 +43,8 @@