From e34b6f7137b45d881a4c6781205832d654441a30 Mon Sep 17 00:00:00 2001 From: Hannes Heine Date: Thu, 25 Nov 2021 15:25:57 +0100 Subject: [PATCH] Add package vue-toasted --- admin/package.json | 1 + admin/src/components/CreationFormular.vue | 2 +- admin/src/main.js | 13 +++++++++++++ admin/yarn.lock | 5 +++++ 4 files changed, 20 insertions(+), 1 deletion(-) diff --git a/admin/package.json b/admin/package.json index e3c94f5d8..9d70c0b06 100644 --- a/admin/package.json +++ b/admin/package.json @@ -43,6 +43,7 @@ "vue-jest": "^3.0.7", "vue-moment": "^4.1.0", "vue-router": "^3.5.3", + "vue-toasted": "^1.1.28", "vuex": "^3.6.2", "vuex-persistedstate": "^4.1.0" }, diff --git a/admin/src/components/CreationFormular.vue b/admin/src/components/CreationFormular.vue index 0cfcee217..a87837e8b 100644 --- a/admin/src/components/CreationFormular.vue +++ b/admin/src/components/CreationFormular.vue @@ -7,7 +7,6 @@ ? 'Einzelschöpfung für ' + item.firstName + ' ' + item.lastName + '' : 'Mehrfachschöpfung für ' + Object.keys(this.itemsMassCreation).length + ' Mitglieder' }} - {{ item }}
Bitte wähle ein oder Mehrere Mitglieder aus für die du Schöpfen möchtest @@ -277,6 +276,7 @@ export default { .then((result) => { this.$emit('update-user-data', this.item, result.data.createPendingCreation) this.$store.commit('openCreationsPlus', 1) + this.$toasted.success('Schöpfung eingereicht') }) .catch((error) => { this.$toasted.error(error.message) diff --git a/admin/src/main.js b/admin/src/main.js index 3be3ae0bf..55ba42e45 100644 --- a/admin/src/main.js +++ b/admin/src/main.js @@ -21,6 +21,7 @@ import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' import moment from 'vue-moment' +import Toasted from 'vue-toasted' const httpLink = new HttpLink({ uri: CONFIG.GRAPHQL_URI }) @@ -63,6 +64,18 @@ Vue.use(moment) Vue.use(VueApollo) +Vue.use(Toasted, { + position: 'top-center', + duration: 5000, + fullWidth: true, + action: { + text: 'x', + onClick: (e, toastObject) => { + toastObject.goAway(0) + }, + }, +}) + addNavigationGuards(router, store) new Vue({ diff --git a/admin/yarn.lock b/admin/yarn.lock index d7960320b..46b5aaa93 100644 --- a/admin/yarn.lock +++ b/admin/yarn.lock @@ -12524,6 +12524,11 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.9.0: resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825" integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw== +vue-toasted@^1.1.28: + version "1.1.28" + resolved "https://registry.yarnpkg.com/vue-toasted/-/vue-toasted-1.1.28.tgz#dbabb83acc89f7a9e8765815e491d79f0dc65c26" + integrity sha512-UUzr5LX51UbbiROSGZ49GOgSzFxaMHK6L00JV8fir/CYNJCpIIvNZ5YmS4Qc8Y2+Z/4VVYRpeQL2UO0G800Raw== + vue@^2.6.11: version "2.6.14" resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.14.tgz#e51aa5250250d569a3fbad3a8a5a687d6036e235"