From 2cd7ee9ac6b00e9e007c520c047336c8e4df921c Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 11 Nov 2019 15:07:26 +0300
Subject: [PATCH] add donations info page to admin pages

---
 webapp/locales/de.json           |  5 +++++
 webapp/locales/en.json           |  5 +++++
 webapp/pages/admin.vue           |  4 ++++
 webapp/pages/admin/donations.vue | 35 ++++++++++++++++++++++++++++++++
 4 files changed, 49 insertions(+)
 create mode 100644 webapp/pages/admin/donations.vue

diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 3aaab5544..ba1908798 100644
--- a/webapp/locales/de.json
+++ b/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": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 7c8ddbe4c..34de8c5bc 100644
--- a/webapp/locales/en.json
+++ b/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": {
diff --git a/webapp/pages/admin.vue b/webapp/pages/admin.vue
index 7852673b0..8f2b989d6 100644
--- a/webapp/pages/admin.vue
+++ b/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'),
diff --git a/webapp/pages/admin/donations.vue b/webapp/pages/admin/donations.vue
new file mode 100644
index 000000000..5043ceaec
--- /dev/null
+++ b/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>