Implement always show resource status

- Rename buttons after Roberts suggestion.

webapp/locales/de.json

@@ -455,18 +455,20 @@
       "contentRowHeadline": "Inhalt",
       "authorRowHeadline": "Autor",
       "decisionRowHeadline": "Entscheidung",
+      "enabled": "Status: Entsperrt",
+      "disabled": "Status: Gesperrt",
       "decided": "Entschieden",
       "noDecision": "Keine Entscheidung!",
-      "decideButton": "Entscheide",
+      "decideButton": "Bestätige",
       "DecisionSuccess": "Erfolgreich entschieden!",
-      "enabledBy": "Aktiviert von",
-      "disabledBy": "Deaktiviert von",
+      "enabledBy": "Status: Entsperrt von",
+      "disabledBy": "Status: Gesperrt von",
       "reasonCategory": "Kategorie",
       "reasonDescription": "Beschreibung",
       "createdAt": "Datum",
       "submitter": "Gemeldet von",
       "decideModal": {
-        "submit": "Abschließende Entscheidung",
+        "submit": "Bestätige Entscheidung",
         "cancel": "Abbruch",
         "User": {
           "disable": {

webapp/locales/en.json

@@ -456,18 +456,20 @@
       "contentRowHeadline": "Content",
       "authorRowHeadline": "Author",
       "decisionRowHeadline": "Decision",
+      "enabled": "State: Enabled",
+      "disabled": "State: Disabled",
       "decided": "Decided",
       "noDecision": "No decision!",
-      "decideButton": "Decide",
+      "decideButton": "Confirm",
       "DecisionSuccess": "Decided successfully!",
-      "enabledBy": "Enabled by",
-      "disabledBy": "Disabled by",
+      "enabledBy": "State: Enabled by",
+      "disabledBy": "State: Disabled by",
       "reasonCategory": "Category",
       "reasonDescription": "Description",
       "createdAt": "Date",
       "submitter": "Reported by",
       "decideModal": {
-        "submit": "Final decision",
+        "submit": "Confirm decision",
         "cancel": "Cancel",
         "User": {
           "disable": {

webapp/pages/moderation/index.vue

@@ -37,7 +37,7 @@
           <tr valign="top">
             <td class="ds-table-col ds-table-head-col ds-table-head-col-border">
               <!-- Icon -->
-              <ds-text :class="[!content.closed && 'no-decision']" color="soft">
+              <ds-text color="soft">
                 <ds-icon
                   v-if="content.type === 'Post'"
                   v-tooltip="{ content: $t('report.contribution.type'), placement: 'right' }"
@@ -105,9 +105,11 @@
               <div v-if="content.resource.decidedByModerator">
                 <br />
                 <div v-if="content.decisionDisable">
+                  <ds-icon name="eye-slash" class="ban" />
                   {{ $t('moderation.reports.disabledBy') }}
                 </div>
                 <div v-else>
+                  <ds-icon name="eye" class="no-ban" />
                   {{ $t('moderation.reports.enabledBy') }}
                 </div>
                 <hc-user
@@ -118,6 +120,17 @@
                   positionDatetime="below"
                 />
               </div>
+              <div v-else>
+                <br />
+                <div v-if="content.resource.disabled">
+                  <ds-icon name="eye-slash" class="ban" />
+                  {{ $t('moderation.reports.disabled') }}
+                </div>
+                <div v-else>
+                  <ds-icon name="eye" class="no-ban" />
+                  {{ $t('moderation.reports.enabled') }}
+                </div>
+              </div>
             </td>
           </tr>
           <tr>
@@ -322,4 +335,10 @@ export default {
 .no-decision {
   color: $color-warning;
 }
+.ban {
+  color: $color-danger;
+}
+.no-ban {
+  color: $color-success;
+}
 </style>