add info text on the tabs

frontend/src/locales/de.json

@@ -32,6 +32,14 @@
     "writing": "Schreiben"
   },
   "contribution": {
+    "alert": {
+      "community":"Hier findest du alle eingereichten und bestätigten Beiträge von allen Mitgliedern aus dieser Gemeinschaft.",
+      "t1":"Hier findest du chronologisch aufgelistet alle deine eingereichten Beiträge. Es gibt drei Darstellungsarten. Du kannst deine Beiträge, welche noch nicht bestätigt wurden, jederzeit bearbeiten.",
+      "li1":"Eingereicht und wartet auf Bestätigung",
+      "li2":"bestätigt",
+      "li3":"gelöscht",
+      "t2":"Es wird bald an dieser Stelle die Möglichkeit geben das ein Dialog zwischen Moderatoren und dir stattfinden kann. Solltest du jetzt Probleme haben bitte nimm Kontakt mit dem Support auf."
+    },
     "activity": "Tätigkeit",
     "delete": "Beitrag löschen! Bist du sicher?",
     "deleted": "Der Beitrag wurde gelöscht! Wird aber sichtbar bleiben.",

frontend/src/locales/en.json

@@ -32,7 +32,16 @@
     "writing": "Writing"
   },
   "contribution": {
+    "alert": {
+      "community":"Here you will find all submitted and confirmed contributions from all members of this community.",
+      "t1": "Here you will find a chronological list of all your submitted contributions. There are three display types. There are three ways of displaying your posts. You can edit your contributions, which have not yet been confirmed, at any time.",
+      "li1": "Submitted and waiting for confirmation",
+      "li2": "confirmed",
+      "li3": "deleted",
+      "t2": "Soon there will be the possibility for a dialogue between moderators and you. If you have any problems now, please contact the support."
+    },
     "activity": "Activity",
+    
     "delete": "Delete Contribution! Are you sure?",
     "deleted": "The contribution has been deleted! But it will remain visible.",
     "formText": {

frontend/src/pages/Community.vue

@@ -6,21 +6,63 @@
           <contribution-form
             @set-contribution="setContribution"
             @update-contribution="updateContribution"
-            @delete-contribution="deleteContribution"
             v-model="form"
           />
         </b-tab>
         <b-tab :title="$t('community.myContributions')">
+          <div>
+            <b-alert show dismissible fade variant="secondary" class="text-dark">
+              <h4 class="alert-heading">{{ $t('community.myContributions') }}</h4>
+              <p>
+                {{ $t('contribution.alert.t1') }}
+              </p>
+              <ul class="h2">
+                <li>
+                  <b-icon icon="bell-fill" variant="primary"></b-icon>
+                  {{ $t('contribution.alert.li1') }}
+                </li>
+                <li>
+                  <b-icon icon="check" variant="success"></b-icon>
+                  {{ $t('contribution.alert.li2') }}
+                </li>
+                <li>
+                  <b-icon icon="x-circle" variant="danger"></b-icon>
+                  {{ $t('contribution.alert.li3') }}
+                </li>
+              </ul>
+              <hr />
+              <p class="mb-0">
+                {{ $t('contribution.alert.t2') }}
+              </p>
+            </b-alert>
+          </div>
           <contribution-list
             :items="items"
             @update-list-contributions="updateListContributions"
             @update-contribution-form="updateContributionForm"
+            @delete-contribution="deleteContribution"
             :contributionCount="contributionCount"
             :showPagination="true"
             :pageSize="pageSize"
           />
         </b-tab>
         <b-tab :title="$t('navigation.community')">
+          <b-alert show dismissible fade variant="secondary" class="text-dark">
+            <h4 class="alert-heading">{{ $t('navigation.community') }}</h4>
+            <p>
+              {{ $t('contribution.alert.community') }}
+            </p>
+            <ul class="h2">
+              <li>
+                <b-icon icon="bell-fill" variant="primary"></b-icon>
+                {{ $t('contribution.alert.li1') }}
+              </li>
+              <li>
+                <b-icon icon="check" variant="success"></b-icon>
+                {{ $t('contribution.alert.li2') }}
+              </li>
+            </ul>
+          </b-alert>
           <contribution-list
             :items="itemsAll"
             @update-list-contributions="updateListAllContributions"
@@ -113,6 +155,7 @@ export default {
         })
     },
     deleteContribution(data) {
+      alert('deleteContribution')
       this.$apollo
         .mutate({
           fetchPolicy: 'no-cache',