add donations info page to admin pages

webapp/locales/de.json

@@ -369,6 +369,11 @@
       "name": "Benutzer einladen",
       "title": "Leute einladen",
       "description": "Einladungen sind ein wunderbarer Weg, deine Freund in deinem Netzwerk zu haben …"
+    },
+    "donations": {
+      "name": "Spendeninfo",
+      "goal": "Monatlich benötigte Spenden",
+      "progress": "Bereits gesammelte Spenden"
     }
   },
   "post": {

webapp/locales/en.json

@@ -370,6 +370,11 @@
       "name": "Invite users",
       "title": "Invite people",
       "description": "Invitations are a wonderful way to have your friends in your network …"
+    },
+    "donations": {
+      "name": "Donations info",
+      "goal": "Monthly donations needed",
+      "progress": "Donations collected so far"
     }
   },
   "post": {

webapp/pages/admin.vue

@@ -55,6 +55,10 @@ export default {
           name: this.$t('admin.invites.name'),
           path: `/admin/invite`,
         },
+        {
+          name: this.$t('admin.donations.name'),
+          path: '/admin/donations',
+        },
         // TODO implement
         /* {
           name: this.$t('admin.settings.name'),

webapp/pages/admin/donations.vue

@@ -0,0 +1,35 @@
+<template>
+  <ds-card :header="$t('admin.donations.name')">
+    <ds-form v-model="formData" @submit="submit">
+      <ds-input model="goal" :label="$t('admin.donations.goal')" placeholder="15000" icon="money" />
+      <ds-input
+        model="progress"
+        :label="$t('admin.donations.progress')"
+        placeholder="1200"
+        icon="money"
+      />
+      <ds-button primary type="submit" :disabled="!formData.goal || !formData.progress">
+        {{ $t('actions.save') }}
+      </ds-button>
+    </ds-form>
+  </ds-card>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formData: {
+        goal: '',
+        progress: '',
+      },
+    }
+  },
+  methods: {
+    submit() {
+      // TODO: save form data... somewhere
+      console.log('submitting donations form')
+    },
+  },
+}
+</script>