2016-05-14 15:02:00 -04:00
< div toolbox class = " floating-toolbox " >
2016-05-15 15:12:53 -04:00
2016-05-13 16:20:21 -04:00
< div class = " tabs primary-background-light " >
2016-05-14 15:02:00 -04:00
< span toolbox - toggle >< i class = " zmdi zmdi-caret-left-circle " ></ i ></ span >
< span tab - button = " tags " title = " Page Tags " class = " active " >< i class = " zmdi zmdi-tag " ></ i ></ span >
2016-05-13 16:20:21 -04:00
</ div >
2016-05-15 15:12:53 -04:00
2016-05-14 15:02:00 -04:00
< div tab - content = " tags " ng - controller = " PageTagController " page - id = " { { $page->id or 0 }} " >
2016-05-15 05:39:17 -04:00
< h4 > Page Tags </ h4 >
< div class = " padded tags " >
< 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 >
2016-05-15 15:12:53 -04:00
< table class = " no-style " autosuggestions style = " width: 100%; " >
2016-05-15 05:39:17 -04:00
< tbody ui - sortable = " sortOptions " ng - model = " tags " >
< tr ng - repeat = " tag in tags track by $index " >
< td width = " 20 " >< i class = " handle zmdi zmdi-menu " ></ i ></ td >
2016-05-15 15:12:53 -04:00
< td >< input autosuggest = " /ajax/tags/suggest/names " 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 >
< td >< input autosuggest = " /ajax/tags/suggest/values " 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 >
2016-05-15 05:39:17 -04:00
< 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 >
2016-05-13 16:20:21 -04:00
</ tr >
2016-05-15 05:39:17 -04:00
</ tbody >
</ table >
< table class = " no-style " style = " width: 100%; " >
< tbody >
< tr class = " unsortable " >
< td width = " 34 " ></ td >
< td ng - click = " addEmptyTag() " >
< button type = " button " class = " text-button " > Add another tag </ button >
</ td >
< td ></ td >
</ tr >
</ tbody >
</ table >
</ div >
2016-05-13 16:20:21 -04:00
</ div >
2016-05-15 15:12:53 -04:00
2016-05-13 16:20:21 -04:00
</ div >