From facf027d4dc1b346de52307019ed87af4274dfeb Mon Sep 17 00:00:00 2001 From: Bernd Storath <999999bst@gmail.com> Date: Wed, 14 Aug 2024 10:34:28 +0200 Subject: [PATCH] fix dialog --- .vscode/settings.json | 9 +- src/app.vue | 4 +- src/components/Clients/CreateDialog.vue | 113 + src/components/Clients/DeleteDialog.vue | 99 + src/components/Clients/QRCodeDialog.vue | 21 + src/eslint.config.mjs | 8 +- src/nuxt.config.ts | 2 +- src/pages/index.vue | 275 +- src/pnpm-lock.yaml | 6247 +++++++++++++++++------ src/stores/modal.ts | 2 + 10 files changed, 4889 insertions(+), 1891 deletions(-) create mode 100644 src/components/Clients/CreateDialog.vue create mode 100644 src/components/Clients/DeleteDialog.vue create mode 100644 src/components/Clients/QRCodeDialog.vue diff --git a/.vscode/settings.json b/.vscode/settings.json index 668b69d8..0ae8d411 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -3,10 +3,13 @@ "editor.useTabStops": false, "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, + "nuxtr.vueFiles.style.addStyleTag": false, + "nuxtr.piniaFiles.defaultTemplate": "setup", + "nuxtr.monorepoMode.DirectoryName": "src", "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, - "nuxtr.vueFiles.style.addStyleTag": false, - "nuxtr.piniaFiles.defaultTemplate": "setup", - "nuxtr.monorepoMode.DirectoryName": "src" + "[typescript]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, } \ No newline at end of file diff --git a/src/app.vue b/src/app.vue index 1395ec0b..16bfe6e6 100644 --- a/src/app.vue +++ b/src/app.vue @@ -1,9 +1,7 @@ - - - + diff --git a/src/components/Clients/CreateDialog.vue b/src/components/Clients/CreateDialog.vue new file mode 100644 index 00000000..5488ee05 --- /dev/null +++ b/src/components/Clients/CreateDialog.vue @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + + {{ $t('newClient') }} + + + + + + + + + + + + {{ $t('create') }} + + + {{ $t('create') }} + + + {{ $t('cancel') }} + + + + + + + + diff --git a/src/components/Clients/DeleteDialog.vue b/src/components/Clients/DeleteDialog.vue new file mode 100644 index 00000000..db3d1382 --- /dev/null +++ b/src/components/Clients/DeleteDialog.vue @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + + + + + + {{ $t('deleteClient') }} + + + + {{ $t('deleteDialog1') }} + {{ modalStore.clientDelete.name }}? {{ $t('deleteDialog2') }} + + + + + + + + {{ $t('deleteClient') }} + + + {{ $t('cancel') }} + + + + + + + + diff --git a/src/components/Clients/QRCodeDialog.vue b/src/components/Clients/QRCodeDialog.vue new file mode 100644 index 00000000..ea475f93 --- /dev/null +++ b/src/components/Clients/QRCodeDialog.vue @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + diff --git a/src/eslint.config.mjs b/src/eslint.config.mjs index f169e53b..ad6fe8e4 100644 --- a/src/eslint.config.mjs +++ b/src/eslint.config.mjs @@ -1,10 +1,4 @@ import { createConfigForNuxt } from '@nuxt/eslint-config/flat'; import eslintConfigPrettier from 'eslint-config-prettier'; -export default createConfigForNuxt() - .append({ - rules: { - 'vue/no-multiple-template-root': 'off', - }, - }) - .append(eslintConfigPrettier); +export default createConfigForNuxt().append(eslintConfigPrettier); diff --git a/src/nuxt.config.ts b/src/nuxt.config.ts index 771d25f9..00e78933 100644 --- a/src/nuxt.config.ts +++ b/src/nuxt.config.ts @@ -6,7 +6,7 @@ export default defineNuxtConfig({ '@nuxtjs/i18n', '@nuxtjs/tailwindcss', '@pinia/nuxt', - '@eschricht/nuxt-color-mode' + '@eschricht/nuxt-color-mode', ], colorMode: { preference: 'system', diff --git a/src/pages/index.vue b/src/pages/index.vue index 255bf062..474ddf92 100644 --- a/src/pages/index.vue +++ b/src/pages/index.vue @@ -1,263 +1,45 @@ - - + + - - - {{ $t('clients') }} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ $t('newClient') }} - - - - - - - - + + + {{ $t('clients') }} + - - - {{ $t('create') }} - - - {{ $t('create') }} - - - {{ $t('cancel') }} - + + + + - - - - - - - - - + - - - - + - - - - - - - - {{ $t('deleteClient') }} - - - - {{ $t('deleteDialog1') }} - {{ modalStore.clientDelete.name }}? {{ $t('deleteDialog2') }} - - - - - - - - {{ $t('deleteClient') }} - - - {{ $t('cancel') }} - - + - + + + + +
+ +
+ {{ $t('deleteDialog1') }} + {{ modalStore.clientDelete.name }}? {{ $t('deleteDialog2') }} +
- {{ $t('clients') }} -
- -
+ {{ $t('clients') }} +
- {{ $t('deleteDialog1') }} - {{ modalStore.clientDelete.name }}? {{ $t('deleteDialog2') }} -