From 543e78e7abf41640bff7add395af3fcbea008424 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Mon, 8 Feb 2021 11:54:34 +0100
Subject: [PATCH] merge my local master in git clone master 2

---
 src/components/Modal.vue                 | 178 +++++++++--------------
 src/components/SidebarPlugin/SideBar.vue |  40 ++++-
 src/views/Layout/ContentFooter.vue       |   2 +-
 3 files changed, 102 insertions(+), 118 deletions(-)

diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 71f6af0f2..44996d624 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -1,121 +1,81 @@
 <template>
-  <SlideYUpTransition :duration="animationDuration">
-    <b-modal class="modal fade"
-        ref="app-modal"
-        :size="size"
-        :hide-header="!$slots.header"
-        :modal-class="[{'modal-mini': type === 'mini'}, ...modalClasses]"
-        @mousedown.self="closeModal"
-        tabindex="-1"
-        role="dialog"
-        centered
-        @close="closeModal"
-        @hide="closeModal"
-        :header-class="headerClasses"
-        :footer-class="footerClasses"
-        :content-class="[gradient ? `bg-gradient-${gradient}` : '', ...modalContentClasses]"
-        :body-class="bodyClasses"
-        :aria-hidden="!show">
+    <!--Notice modal-->
+        <modal :show.sync="$store.state.modals"
+              modal-classes="modal-danger"
+              modal-content-classes="bg-gradient-danger">
+          <h6 slot="header" class="modal-title">Your attention is required</h6>
 
-      <template v-slot:modal-header>
-        <slot name="header"></slot>
-            <slot name="close-button">
-              <button type="button"
-                      class="close"
-                      v-if="showClose"
-                      @click="closeModal"
-                      data-dismiss="modal"
-                      aria-label="Close">
-                <span :aria-hidden="!show">×</span>
-              </button>
-            </slot>
-      </template>
+          <div class="py-3 text-center">
+             
+             <form ref="form" @submit.stop.prevent="handleSubmit">
+                <b-form-group
+                  label="Name"
+                  label-for="name-input"
+                  invalid-feedback="Name is required"
+                  :state="nameState"
+                >
+                  <b-form-input
+                    id="name-input"
+                    v-model="name"
+                    :state="nameState"
+                    required
+                  ></b-form-input>
+                </b-form-group>
+              </form>
+          </div>
 
-      <slot />
-
-      <template v-slot:modal-footer>
-        <slot name="footer"></slot> 
-      </template>
-
-    </b-modal>
-  </SlideYUpTransition>
+          <template slot="footer">
+            <base-button type="white">Ok</base-button>
+            <base-button type="link" class="text-white ml-auto" @click="$store.state.modals = false">abbrechen</base-button>
+          </template>
+        </modal>
+     
 </template>
-<script>
-  import { SlideYUpTransition } from "vue2-transitions";
 
-  export default {
-    name: "modal",
-    components: {
-      SlideYUpTransition
-    },
-    props: {
-      show: Boolean,
-      showClose: {
-        type: Boolean,
-        default: true
-      },
-      type: {
-        type: String,
-        default: "",
-        validator(value) {
-          let acceptedValues = ["", "notice", "mini"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-        description: 'Modal type (notice|mini|"") '
-      },
-      modalClasses: {
-        type: [Object, String],
-        description: "Modal dialog css classes"
-      },
-      size: {
-        type: String,
-        description: 'Modal size',
-        validator(value) {
-          let acceptedValues = ["", "sm", "lg"];
-          return acceptedValues.indexOf(value) !== -1;
-        },
-      },
-      modalContentClasses: {
-        type: [Object, String],
-        description: "Modal dialog content css classes"
-      },
-      gradient: {
-        type: String,
-        description: "Modal gradient type (danger, primary etc)"
-      },
-      headerClasses: {
-        type: [Object, String],
-        description: "Modal Header css classes"
-      },
-      bodyClasses: {
-        type: [Object, String],
-        description: "Modal Body css classes"
-      },
-      footerClasses: {
-        type: [Object, String],
-        description: "Modal Footer css classes"
-      },
-      animationDuration: {
-        type: Number,
-        default: 500,
-        description: "Modal transition duration"
+<script>
+ 
+
+ export default {
+   name: 'modal',
+    data() {
+      return {
+        name: '',
+        nameState: null,
+        submittedNames: []
       }
     },
-    methods: {
-      closeModal() {
-        this.$emit("update:show", false);
-        this.$emit("close");
-      }
+     /*Modal*/
+    checkFormValidity() {
+        const valid = this.$refs.form.checkValidity()
+        this.nameState = valid
+        return valid
     },
-    watch: {
-      show(val) {
-        if (val) {
-          this.$refs['app-modal'].show();
-        } else {
-          this.$refs['app-modal'].hide();
+    resetModal() {
+        this.name = ''
+        this.nameState = null
+      },
+    handleOk(bvModalEvt) {
+        // Prevent modal from closing
+        bvModalEvt.preventDefault()
+        // Trigger submit handler
+        this.handleSubmit()
+      },
+    handleSubmit() {
+        // Exit when the form isn't valid
+        if (!this.checkFormValidity()) {
+          return
         }
-      }
-    }
+         // Push the name to submitted names
+         this.submittedNames.push(this.name)
+         this.$store.state.modals = false
+         this.$store.commit('loginAsAdmin')
+         this.$router.push('/AdminOverview')        
+        
+        // Hide the modal manually
+        this.$nextTick(() => {
+          this.$bvModal.hide('modal-prevent-closing')
+        })
+      } 
   };
 </script>
 <style>
diff --git a/src/components/SidebarPlugin/SideBar.vue b/src/components/SidebarPlugin/SideBar.vue
index 1fd536306..e28d733e4 100755
--- a/src/components/SidebarPlugin/SideBar.vue
+++ b/src/components/SidebarPlugin/SideBar.vue
@@ -82,28 +82,45 @@
                 <!--Divider-->
                 <hr class="my-3">
                 <!--Heading-->
-                <h6 class="navbar-heading text-muted">Documentation</h6>
+                <h6 class="navbar-heading text-muted">{{ $t('site.sidebar.community') }}</h6>
                 <!--Navigation-->
                 <ul class="navbar-nav mb-md-3">
                     <li class="nav-item">
                         <a class="nav-link"
-                           href="https://www.creative-tim.com/learning-lab/bootstrap-vue/alerts/argon-dashboard">
-                            <i class="ni ni-spaceship"></i> Getting started
+                           href="https://gradido.net/de/">
+                            <i class="ni ni-spaceship"></i> Gradido.net
                         </a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link"
-                           href="https://www.creative-tim.com/learning-lab/bootstrap-vue/colors/argon-dashboard">
-                            <i class="ni ni-palette"></i> Foundation
+                           href="https://elopage.com/s/gradido/sign_in">
+                            <i class="ni ni-palette"></i> {{ $t('site.sidebar.members_area') }}
                         </a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link"
-                           href="https://www.creative-tim.com/learning-lab/bootstrap-vue/alerts/argon-dashboard">
-                            <i class="ni ni-ui-04"></i> Components
+                           href="https://gradido.net/de/memberships/">
+                            <i class="ni ni-ui-04"></i> {{ $t('site.sidebar.membership') }}
                         </a>
                     </li>
                 </ul>
+                 <!--Divider-->
+                <hr class="my-3">
+                  <!--Heading-->
+                <h6 class="navbar-heading text-muted">{{ $t('site.sidebar.language') }}</h6>
+                <!--Navigation-->
+                <ul class="navbar-nav mb-md-3">
+                    <li class="nav-item">
+                        <div class="nav-link"  @click.prevent="setLocale('en')">
+                          <i class="ni ni-ui-04"></i> English</div>
+                    </li>
+                    <li class="nav-item">
+                        <div class="nav-link" @click.prevent="setLocale('de')">
+                          <i class="ni ni-ui-04"></i> Deutsch</div>
+                    </li>
+                     
+                </ul>
+
             </div>
             </div>
     </nav>
@@ -139,7 +156,14 @@
       },
       showSidebar() {
         this.$sidebar.displaySidebar(true)
-      }
+      },
+      setLocale(locale) {
+      this.$i18n.locale = locale
+      this.$router.push({
+        params: { lang: locale }
+      })
+      this.hideDropdown()
+    }
     },
     beforeDestroy() {
       if (this.$sidebar.showSidebar) {
diff --git a/src/views/Layout/ContentFooter.vue b/src/views/Layout/ContentFooter.vue
index bbf8814ad..1424984d2 100755
--- a/src/views/Layout/ContentFooter.vue
+++ b/src/views/Layout/ContentFooter.vue
@@ -3,7 +3,7 @@
     <b-row align-v="center" class="justify-content-lg-between">
       <b-col lg="6">
         <div class="copyright text-center text-lg-left text-muted">
-          © {{year}} <a href="https://www.creative-tim.com" class="font-weight-bold ml-1" target="_blank">Gradido WalletFcreativ</a>
+          © {{year}} <a href="https://gradido.net/" class="font-weight-bold ml-1" target="_blank">Gradido Wallet</a>
         </div>
       </b-col>
       <b-col lg="6">