]> BookStack Code Mirror - bookstack/blob - resources/views/components/tag-manager.blade.php
5ae3831986bc8aa8eeee34a09f72275f63f4811a
[bookstack] / resources / views / components / tag-manager.blade.php
1 <div id="tag-manager" entity-id="{{ isset($entity) ? $entity->id : 0 }}" entity-type="{{ $entity ? $entity->getType() : $entityType }}">
2     <div class="tags">
3         <p class="text-muted small">{!! nl2br(e(trans('entities.tags_explain'))) !!}</p>
4
5
6         <draggable :options="{handle: '.handle'}" :list="tags" element="div">
7             <div v-for="(tag, i) in tags" :key="tag.key" class="card drag-card">
8                 <div class="handle" >@icon('grip')</div>
9                 <div>
10                     <autosuggest url="{{ baseUrl('/ajax/tags/suggest/names') }}" type="name" class="outline" :name="getTagFieldName(i, 'name')"
11                                  v-model="tag.name" @input="tagChange(tag)" @blur="tagBlur(tag)" placeholder="{{ trans('entities.tag') }}"/>
12                 </div>
13                 <div>
14                     <autosuggest url="{{ baseUrl('/ajax/tags/suggest/values') }}" type="value" class="outline" :name="getTagFieldName(i, 'value')"
15                                  v-model="tag.value" @change="tagChange(tag)" @blur="tagBlur(tag)" placeholder="{{ trans('entities.tag_value') }}"/>
16                 </div>
17                 <div v-show="tags.length !== 1" class="text-center drag-card-action text-neg" @click="removeTag(tag)">@icon('close')</div>
18             </div>
19         </draggable>
20
21         <button @click="addEmptyTag" type="button" class="text-button">{{ trans('entities.tags_add') }}</button>
22     </div>
23 </div>