From c831fdca6a96327ce920afd50d1f9e24bdd02880 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Mon, 22 Mar 2021 16:06:10 +0100
Subject: [PATCH] clear for deploy phase 1 WIP

---
 frontend/src/routes/routes.js                 |  7 ++-
 frontend/src/views/KontoOverview/GddSent.vue  | 53 +++++++++++++------
 .../src/views/KontoOverview/GddStatus.vue     | 11 ++--
 frontend/src/views/Layout/ContentFooter.vue   |  5 +-
 frontend/src/views/Pages/Explorer.vue         | 28 ++++++++++
 5 files changed, 79 insertions(+), 25 deletions(-)
 create mode 100644 frontend/src/views/Pages/Explorer.vue

diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index 4acb71d90..256758d3a 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -26,6 +26,11 @@ const routes = [
       {
         path: '/password',
         component: () => import('../views/Pages/Password.vue')
+      },
+      {
+        path: '/explorer',
+        name: 'Explorer',
+        component: () => import('../views/Pages/Explorer.vue'),
       }
     ]
   },
@@ -68,7 +73,7 @@ const routes = [
         meta: {
           requiresAuth: true
         }
-      }
+      }     
     ]
   }
 ];
diff --git a/frontend/src/views/KontoOverview/GddSent.vue b/frontend/src/views/KontoOverview/GddSent.vue
index b0a153b3b..2d2a858c7 100644
--- a/frontend/src/views/KontoOverview/GddSent.vue
+++ b/frontend/src/views/KontoOverview/GddSent.vue
@@ -6,6 +6,9 @@
             <span class="btn-inner--text">{{ $t('site.overview.send_gradido') }} </span>
           </base-button>
           <b-collapse id="collapse-1" class="mt-2">
+               <b-alert variant="warning" show dismissible >
+                  <strong>Achtung!</strong> Bitte überprüfe alle deine Eingaben sehr genau. Du bist alleine Verantwortlich für deine Entscheidungen. Versendete Gradidos können nicht wieder zurück geholt werden.
+              </b-alert>
             <b-card >              
               <div  v-if="scan">
                 <b-row>                                          
@@ -28,6 +31,10 @@
                   <qrcode-drop-zone id="input-0" v-model="form.img"></qrcode-drop-zone>
                   <br>
                   <div>
+                     <b-col    class="text-left pl-6">
+                            <b-badge variant="primary">Empfänger</b-badge>
+                          </b-col>  
+                                      
                     <b-input-group
                       id="input-group-1"
                         label="Empfänger:"
@@ -36,8 +43,8 @@
                           size="lg"
                         class="mb-3"
                         >
-                          <b-input-group-prepend>                            
-                                <img src="img/icons/gradido/qr-scan-pure.png" width="80" height="auto" @click="scan=true"/>                             
+                          <b-input-group-prepend  class="p-3">                            
+                                 <b-icon icon="envelope" class="display-3"></b-icon>                            
                           </b-input-group-prepend>
                       <b-form-input 
                           id="input-1"
@@ -51,12 +58,17 @@
                   </div>
                   <br>                
                   <div>
+                    <b-col    class="text-left pl-6">
+                            <b-badge variant="primary">Betrag</b-badge>
+                          </b-col> 
+                      <b-col v-if="($store.state.user.balance == form.amount)"  class="text-right">
+                            <b-badge variant="primary">maximale anzahl GDD zum versenden erreicht!</b-badge>
+                          </b-col>   
                     <b-input-group id="input-group-2" label="Betrag:" label-for="input-2"
                       size="lg"
                       class="mb-3"> 
                         <b-input-group-prepend>
-                           
-                             <img src="img/icons/gradido/plus.png" width="80">  
+                           <div class="h3 pt-3 pr-3">GDD</div>
                            
                         </b-input-group-prepend>
                         <b-form-input  
@@ -66,24 +78,31 @@
                           placeholder="0.01" 
                           step="0.01" 
                           min="0.01" 
-                          max="1000"
+                          :max="$store.state.user.balance"
                           style="font-size: xx-large; padding-left:20px">
                         </b-form-input>
-                        
-                        <b-input-group-prepend>                           
-                            <div class="h1">GDD</div>
-                        </b-input-group-prepend>
+                        {{$store.state.user.balance}}
+                       
 
-                    </b-input-group>                           
+                    </b-input-group>  
+                     <b-col    class="text-left pl-6">
+                            <b-badge variant="primary">Nachricht für den Empfänger (optional)</b-badge>
+                          </b-col>         
+                          
                     <b-input-group>
-                      <b-input-group-prepend>                        
-                           <b-icon icon="chat-right-text" class="display-1"></b-icon>
+                      <b-input-group-prepend class="p-3">                        
+                           <b-icon icon="chat-right-text" class="display-3"></b-icon>
                       </b-input-group-prepend>
-                      <b-form-textarea v-model="form.memo"></b-form-textarea>
+                      <b-form-textarea v-model="form.memo"  class="pl-3"></b-form-textarea>
                     </b-input-group>
  
                   </div>
+                  {{$refs.observer}}
                   <br>
+                  <b-row>
+                    <b-col></b-col>
+                    <b-col></b-col>
+                  </b-row>
                   <b-button type="submit" variant="primary">{{$t('form.send_now')}}</b-button>
                   <b-button type="reset" variant="danger">{{$t('form.cancel')}}</b-button>
                   <br>
@@ -110,17 +129,21 @@ export default {
      },
   data(){
     return {
-      scan: false,
+       scan: false,
        show: true,
        form: {
           img: '',
           email: '',
           amount: '',
           memo:''     
-        }
+        },
+        sent: false,
     }
   },
   methods: {
+    sendbutton(){
+      this.sent = true
+    },
      async onDecode (decodedString) {
            console.log('onDecode JSON.parse(decodedString)',JSON.parse(decodedString) )
            const arr = JSON.parse(decodedString) 
diff --git a/frontend/src/views/KontoOverview/GddStatus.vue b/frontend/src/views/KontoOverview/GddStatus.vue
index 048e40a78..13d60fd13 100644
--- a/frontend/src/views/KontoOverview/GddStatus.vue
+++ b/frontend/src/views/KontoOverview/GddStatus.vue
@@ -4,7 +4,8 @@
         <b-col xl="6" md="6">
           <stats-card type="gradient-red"
                       sub-title="balance_gdd"
-                      class="mb-4">
+                      class="mb-4"
+                      style="font-size: -webkit-xxx-large">
               {{ $n($store.state.user.balance) }} GDD
           </stats-card>
         </b-col>
@@ -22,12 +23,6 @@
 
 <script>
 export default {
-  name: 'GddStatus',
-  data(){
-    return {
-      balance_gdd: this.$store.state.user.balance,
-      balance_gdt: this.$store.state.user.balance_gdt,
-    }
-  }
+  name: 'GddStatus'
 };
 </script>
\ No newline at end of file
diff --git a/frontend/src/views/Layout/ContentFooter.vue b/frontend/src/views/Layout/ContentFooter.vue
index d7c9d3e77..fb913523e 100755
--- a/frontend/src/views/Layout/ContentFooter.vue
+++ b/frontend/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://gradido.net/" class="font-weight-bold ml-1" target="_blank">Gradido Wallet</a>
+          © {{year}} <a href="#!" to="/login" class="font-weight-bold ml-1" >Gradido Wallet</a>
         </div>
       </b-col>
       <b-col lg="6">
@@ -17,6 +17,9 @@
           <b-nav-item href="https://gradido.net/" target="_blank">
             {{$t('privacy_policy')}}
           </b-nav-item>
+          <b-nav-item href="#!" to="/explorer" >
+            GDD-Explorer
+          </b-nav-item>
         </b-nav>
       </b-col>
     </b-row>
diff --git a/frontend/src/views/Pages/Explorer.vue b/frontend/src/views/Pages/Explorer.vue
new file mode 100644
index 000000000..edd6dbcc0
--- /dev/null
+++ b/frontend/src/views/Pages/Explorer.vue
@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <!-- Header -->
+    <div class="header bg-gradient-info py-7 py-lg-3 pt-lg-2">
+      <b-container>
+        <div class="header-body text-center mb-7"> 
+          <p class="h1">GDD</p>
+          <p class="h4">Explorer</p>
+          
+        </div>
+      </b-container>
+      <div class="separator separator-bottom separator-skew zindex-100">
+        <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
+          <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
+        </svg>
+      </div>
+    </div>
+    <!-- Page content -->
+  
+    <div>
+      <b-card>
+        <b-card-body>
+          This is some text within a card body.
+        </b-card-body>
+      </b-card>
+    </div>
+  </div>
+</template>