Resolve "Ankündigungen können über den Arbeitsplatz nicht gespeichert werden"

Closes #2365

Merge request studip/studip!1995

app/controllers/news.php

@@ -375,7 +375,7 @@ class NewsController extends StudipController
                 'legend' => _('In weiteren Bereichen anzeigen'),
                 'fields' => [
                     'news_ranges' => [
-                        'label' => _('Bereich auswählen'),
+                        'label' => _('In weiteren Bereichen anzeigen'),
                         'type' => 'NewsRanges',
                         'required' => true
                     ]

lib/classes/forms/NewsRangesInput.php

@@ -56,6 +56,7 @@ class NewsRangesInput extends Input
 
         $template = $GLOBALS['template_factory']->open('forms/news_ranges_input');
         $template->name = $this->name;
+        $template->title = $this->title;
         $template->items = $items;
         $template->searchtype = new \NewsRangesSearch();
         $template->selectable = $selectable;

resources/vue/components/EditableList.vue

 <template>
     <div>
+        <div hidden>
+            <label class="hiddeninput" v-if="required && sortedItems.length === 0">
+                <span class="textlabel">{{ label }}</span>
+                <input type="text" required value="">
+            </label>
+        </div>
         <div class="formpart">
             <ul class="clean editablelist">
                 <li v-for="item in sortedItems" :key="item.id" :data-type="item.type">
-                    <studip-icon v-if="item.icon" :shape="item.icon" role="info" size="20" class="text-bottom" alt=""></studip-icon>
+                    <studip-icon v-if="item.icon" :shape="item.icon" role="info" :size="20" class="text-bottom" alt=""></studip-icon>
                     <input v-if="name" type="hidden" :name="name + '[]'" :value="item.value">
                     <span>{{item.name}}</span>
                     <button v-if="item.deletable" @click.prevent="deleteItem(item)" :title="$gettextInterpolate($gettext('%{ name } löschen'), {name: item.name})" class="undecorated">
-                        <studip-icon shape="trash" role="clickable" size="20" class="text-bottom"></studip-icon>
+                        <studip-icon shape="trash" role="clickable" :size="20" class="text-bottom"></studip-icon>
                     </button>
                 </li>
             </ul>
@@ -57,6 +63,15 @@ export default {
             type: Array,
             required: false,
             default: () => [],
+        },
+        required: {
+            required: false,
+            type: Boolean,
+            default: false
+        },
+        label: {
+            type: String,
+            required: false
         }
     },
     data () {

templates/forms/news_ranges_input.php

@@ -3,5 +3,7 @@
                :items="<?= htmlReady(json_encode($items)) ?>"
                :selectable="<?= htmlReady(json_encode($selectable)) ?>"
                :category_order="<?= htmlReady(json_encode($category_order)) ?>"
+               :required="STUDIPFORM_REQUIRED.indexOf('<?= htmlReady($this->name) ?>') !== -1"
+               label="<?= htmlReady($this->title) ?>"
                @input="output => <?= htmlReady($this->name) ?> = output">
 </editable-list>