change open creation-page, add tabs for all state on contributions

admin/src/components/NavBar.vue

@@ -12,12 +12,11 @@
           <b-nav-item to="/">{{ $t('navbar.overview') }}</b-nav-item>
           <b-nav-item to="/user">{{ $t('navbar.user_search') }}</b-nav-item>
           <b-nav-item to="/creation">{{ $t('navbar.multi_creation') }}</b-nav-item>
-          <b-nav-item
-            v-show="$store.state.openCreations > 0"
-            class="bg-color-creation p-1"
-            to="/creation-confirm"
-          >
-            {{ $store.state.openCreations }} {{ $t('navbar.open_creation') }}
+          <b-nav-item class="bg-color-creation p-1" to="/creation-confirm">
+            {{ $t('creation') }}
+            <b-badge v-show="$store.state.openCreations > 0" variant="danger">
+              {{ $store.state.openCreations }}
+            </b-badge>
           </b-nav-item>
           <b-nav-item to="/contribution-links">
             {{ $t('navbar.automaticContributions') }}
@@ -57,7 +56,4 @@ export default {
   height: 2rem;
   padding-left: 10px;
 }
-.bg-color-creation {
-  background-color: #cf1010dc;
-}
 </style>

admin/src/locales/de.json

@@ -29,6 +29,13 @@
     "validFrom": "Startdatum",
     "validTo": "Enddatum"
   },
+  "contributions": {
+    "all": "Alle",
+    "confirmed": "Bestätigte",
+    "deleted": "Gelöscht",
+    "denied": "Abgelehnt",
+    "open": "Offen"
+  },
   "creation": "Schöpfung",
   "creationList": "Schöpfungsliste",
   "creation_form": {
@@ -101,7 +108,6 @@
     "logout": "Abmelden",
     "multi_creation": "Mehrfachschöpfung",
     "my-account": "Mein Konto",
-    "open_creation": "Offene Schöpfungen",
     "overview": "Übersicht",
     "statistic": "Statistik",
     "user_search": "Nutzersuche"

admin/src/locales/en.json

@@ -29,6 +29,13 @@
     "validFrom": "Start-date",
     "validTo": "End-Date"
   },
+  "contributions": {
+    "all": "All",
+    "confirmed": "Confirmed",
+    "deleted": "Deleted",
+    "denied": "Denied",
+    "open": "Open"
+  },
   "creation": "Creation",
   "creationList": "Creation list",
   "creation_form": {
@@ -101,7 +108,6 @@
     "logout": "Logout",
     "multi_creation": "Multiple creation",
     "my-account": "My Account",
-    "open_creation": "Open creations",
     "overview": "Overview",
     "statistic": "Statistic",
     "user_search": "User search"

admin/src/pages/CreationConfirm.vue

@@ -1,17 +1,36 @@
 <template>
   <div class="creation-confirm">
+    <div>
+      <b-tabs content-class="mt-3" fill>
+        <b-tab :title="$t('contributions.open')" active>
+          <open-creations-table
+            class="mt-4"
+            :items="pendingCreations"
+            :fields="fields"
+            @remove-creation="removeCreation"
+            @show-overlay="showOverlay"
+            @update-state="updateState"
+            @update-contributions="$apollo.queries.PendingContributions.refetch()"
+          />
+        </b-tab>
+        <b-tab :title="$t('contributions.deleted')">
+          <p>{{ $t('contributions.deleted') }}</p>
+        </b-tab>
+        <b-tab :title="$t('contributions.confirmed')">
+          <p>{{ $t('contributions.confirmed') }}</p>
+        </b-tab>
+        <b-tab :title="$t('contributions.denied')">
+          <p>{{ $t('contributions.denied') }}</p>
+        </b-tab>
+        <b-tab :title="$t('contributions.all')">
+          <p>{{ $t('contributions.all') }}</p>
+        </b-tab>
+      </b-tabs>
+    </div>
+
     <div v-if="overlay" id="overlay" @dblclick="overlay = false">
       <overlay :item="item" @overlay-cancel="overlay = false" @confirm-creation="confirmCreation" />
     </div>
-    <open-creations-table
-      class="mt-4"
-      :items="pendingCreations"
-      :fields="fields"
-      @remove-creation="removeCreation"
-      @show-overlay="showOverlay"
-      @update-state="updateState"
-      @update-contributions="$apollo.queries.PendingContributions.refetch()"
-    />
   </div>
 </template>
 <script>