Started to implement report infos

webapp/components/Modal/ReportModal.vue

@@ -8,6 +8,18 @@
 
     <!-- eslint-disable-next-line vue/no-v-html -->
     <p v-html="message" />
+    <ds-select
+      model="XXX"
+      :options="form.reasonCategoryOptions"
+      icon="comment"
+      :label="$t('report.reason.addText.label')"
+      :placeholder="$t('report.reason.addText.placeholder')"
+    />
+    <ds-input
+      id="text"
+      :label="$t('report.reason.addText.label')"
+      :placeholder="$t('report.reason.addText.placeholder')"
+    />
 
     <template slot="footer">
       <ds-button class="cancel" icon="close" @click="cancel">{{ $t('report.cancel') }}</ds-button>
@@ -44,6 +56,23 @@ export default {
       isOpen: true,
       success: false,
       loading: false,
+      form: {
+        reasonCategory: null,
+        reasonCategoryOptions: [
+          this.$t('report.reason.category.options.discrimination-etc'),
+          this.$t('report.reason.category.options.pornographic-content-links'),
+          this.$t('report.reason.category.options.glorific-trivia-of-cruel-inhuman-acts'),
+          this.$t('report.reason.category.options.unauthorized-disclosure-personalinformation'),
+          this.$t('report.reason.category.options.intentional-intimidation-stalking-persecution'),
+          this.$t('report.reason.category.options.advert-products-services-commercial'),
+          this.$t('report.reason.category.options.criminal-behavior-violation-german-law'),
+          this.$t('report.reason.category.options.other'),
+        ],
+        reasonAddText: '',
+      },
+      formSchema: {
+        reasonAddText: { required: true, min: 0, max: 150 },
+      },
     }
   },
   computed: {

webapp/locales/en.json

@@ -433,6 +433,26 @@
       "type": "Comment",
       "message": "Do you really want to report the comment from \"<b>{name}</b>\"?",
       "error": "You have already reported the comment!"
+    },
+    "reason": {
+      "category": {
+        "label": "Why you like to report this?",
+        "placeholder": "Additional information …",
+        "options": {
+          "discrimination-etc": "Discriminatory posts, comments, utterances or insults",
+          "pornographic-content-links": "Posting or linking of clearly pornographic material",
+          "glorific-trivia-of-cruel-inhuman-acts": "Glorification or trivialization of cruel or inhuman acts of violence",
+          "unauthorized-disclosure-personalinformation": "The disclosure of others' personal information without their consent or threat there of (\"doxing\")",
+          "intentional-intimidation-stalking-persecution": "Intentional intimidation, stalking or persecution",
+          "advert-products-services-commercial": "Advertising products and services with commercial intent",
+          "criminal-behavior-violation-german-law": "Criminal behavior or violation of German law",
+          "other": "Other"
+        }
+      },
+      "addText": {
+        "label": "Why you like to report this?",
+        "placeholder": "Additional information …"
+      }
     }
   },
   "followButton": {