BookStack Code Mirror - bookstack/blob - resources/views/pages/form-toolbox.blade.php

1

2 <div toolbox class="floating-toolbox">

3

4 <div class="tabs primary-background-light">

5 <span toolbox-toggle><i class="zmdi zmdi-caret-left-circle"></i></span>

6 <span tab-button="tags" title="Page Tags" class="active"><i class="zmdi zmdi-tag"></i></span>

7 </div>

8

9 <div tab-content="tags" ng-controller="PageTagController" page-id="{{ $page->id or 0 }}">

10 <h4>Page Tags</h4>

11 <div class="padded tags">

12 <p class="muted small">Add some tags to better categorise your content. <br> You can assign a value to a tag for more in-depth organisation.</p>

13 <table class="no-style" tag-autosuggestions style="width: 100%;">

14 <tbody ui-sortable="sortOptions" ng-model="tags" >

15 <tr ng-repeat="tag in tags track by $index">

16 <td width="20" ><i class="handle zmdi zmdi-menu"></i></td>

17 <td><input autosuggest="{{ baseUrl('/ajax/tags/suggest/names') }}" autosuggest-type="name" class="outline" ng-attr-name="tags[@{{$index}}][name]" type="text" ng-model="tag.name" ng-change="tagChange(tag)" ng-blur="tagBlur(tag)" placeholder="Tag"></td>

18 <td><input autosuggest="{{ baseUrl('/ajax/tags/suggest/values') }}" autosuggest-type="value" class="outline" ng-attr-name="tags[@{{$index}}][value]" type="text" ng-model="tag.value" ng-change="tagChange(tag)" ng-blur="tagBlur(tag)" placeholder="Tag Value (Optional)"></td>

19 <td width="10" ng-show="tags.length != 1" class="text-center text-neg" style="padding: 0;" ng-click="removeTag(tag)"><i class="zmdi zmdi-close"></i></td>

20 </tr>

21 </tbody>

22 </table>

23 <table class="no-style" style="width: 100%;">

24 <tbody>

25 <tr class="unsortable">

26 <td width="34"></td>

27 <td ng-click="addEmptyTag()">

28 <button type="button" class="text-button">Add another tag</button>

29 </td>

30 <td></td>

31 </tr>

32 </tbody>

33 </table>

34 </div>

35 </div>

36

37 </div>