Merge pull request #86 from gradido/new-work-activity

activity page stap 2

frontend/src/store/store.js

@@ -147,7 +147,7 @@ export const store = new Vuex.Store({
 
       state.ajaxCreateData.amount = state.ajaxCreateData.amount * 10000
 
-      const result = await communityAPI.create(
+      const result = await communityAPI.send(
         state.session_id,
         state.ajaxCreateData.email,
         state.ajaxCreateData.amount,

frontend/src/views/KontoOverview/GddAddWork2.vue

@@ -8,7 +8,7 @@
               <b-form-input
                 type="number"
                 size="lg"
-                placeholder="23"
+                placeholder="0"
                 style="font-size: xx-large; padding-left: 20px"
               />
             </base-input>
@@ -32,7 +32,9 @@
             </base-input>
           </b-col>
         </b-row>
-
+        <b-row>
+          <div ref="mydiv"></div>
+        </b-row>
         <b-row>
           <b-col md="6">
             <b-button @click.prevent="newWorkForm" variant="warning">+ weitere Stunden</b-button>
@@ -90,6 +92,7 @@ export default {
           .month(this.$moment().month() - 2)
           .format('MMMM'),
       },
+      formular: null,
     }
   },
   created() {},
@@ -98,6 +101,7 @@ export default {
       stunden(this.form)
     },
   },
+  mounted() {},
   methods: {
     stunden(hour, i, mon) {
       let n = 0
@@ -137,7 +141,42 @@ export default {
       //console.log('textFocus TODO')
     },
     newWorkForm() {
+      this.formular = `  
+          <b-col lg="3">
+            <base-input label="Stunden">
+              <b-form-input
+                type="number"
+                size="lg"
+                placeholder="0"
+                style="font-size: xx-large; padding-left: 20px"
+              />
+            </base-input>
+            <base-input label="Datum / Zeitraum">
+              <flat-pickr
+                class="form-control"
+                v-model="date"
+                :config="config"
+                style="font-size: xx-large; padding-left: 20px"
+              ></flat-pickr>
+            </base-input>
+          </b-col>
+          <b-col lg="9">
+            <base-input label="Arbeitsreport">
+              <textarea
+                class="form-control"
+                rows="5"
+                @focus="textFocus"
+                style="font-size: x-large; padding-left: 20px"
+              ></textarea>
+            </base-input>
+          </b-col>
+         `
+
       // console.log('newWorkForm TODO')
+      const myElement = this.$refs.mydiv
+      myElement.append(this.formular)
+      this.$compile(myElement)
+      this.formular = null
     },
   },
 }

frontend/src/views/Pages/UserProfileActivity.vue

@@ -3,7 +3,7 @@
     <div class="header pb-7 pt-5"></div>
 
     <b-container fluid class="mt--6">
-      <div class="display-3 mb-3">Gemeinschaftsstunden Chart</div>
+      <div class="display-4 mb-3">Gemeinschaftsstunden Chart</div>
       <b-row>
         <b-col>
           <div class="chart">
@@ -12,7 +12,7 @@
         </b-col>
       </b-row>
       <hr />
-      <div class="display-3 mt-6">Neue Gemeinschaftsstunden eintragen</div>
+      <div class="display-4 mt-6">Neue Gemeinschaftsstunden eintragen</div>
       <b-row>
         <b-col>
           <gdd-add-work-2 />
@@ -20,7 +20,7 @@
       </b-row>
 
       <hr />
-      <div class="display-3 mb-3">Meine Gemeinschaftsstunden Liste</div>
+      <div class="display-4 mb-3">Meine Gemeinschaftsstunden Liste</div>
       <b-row>
         <b-col class="mb-5">
           community