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 >
2016-10-23 12:55:48 -04:00
< span toolbox - tab - button = " tags " title = " Page Tags " class = " active " >< i class = " zmdi zmdi-tag " ></ i ></ span >
2016-10-11 15:39:11 -04:00
@ if ( userCan ( 'file-create-all' ))
2016-10-23 12:55:48 -04:00
< span toolbox - tab - button = " files " title = " Attachments " >< i class = " zmdi zmdi-attachment " ></ i ></ span >
2016-10-11 15:39:11 -04:00
@ endif
2016-05-13 16:20:21 -04:00
</ div >
2016-05-15 15:12:53 -04:00
2016-10-23 12:55:48 -04:00
< div toolbox - 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-06-04 09:54:31 -04:00
< table class = " no-style " tag - 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-08-14 07:29:35 -04:00
< 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 >
< 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 >
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-10-11 15:39:11 -04:00
@ if ( userCan ( 'file-create-all' ))
2016-10-23 12:55:48 -04:00
< div toolbox - tab - content = " files " ng - controller = " PageAttachmentController " page - id = " { { $page->id or 0 }} " >
< h4 > Attachments </ h4 >
2016-10-11 15:39:11 -04:00
< div class = " padded files " >
2016-10-09 13:58:22 -04:00
2016-10-11 15:39:11 -04:00
< div id = " file-list " ng - show = " !editFile " >
2016-10-23 12:55:48 -04:00
< p class = " muted small " > Upload some files or attach some link to display on your page . This are visible in the page sidebar .</ p >
2016-10-10 16:13:18 -04:00
2016-10-23 12:55:48 -04:00
< div tab - container >
< div class = " nav-tabs " >
< div tab - button = " list " class = " tab-item " > File List </ div >
< div tab - button = " file " class = " tab-item " > Upload File </ div >
< div tab - button = " link " class = " tab-item " > Attach Link </ div >
</ div >
< div tab - content = " list " >
< table class = " file-table " style = " width: 100%; " >
< tbody ui - sortable = " sortOptions " ng - model = " files " >
< tr ng - repeat = " file in files track by $index " >
< td width = " 20 " >< i class = " handle zmdi zmdi-menu " ></ i ></ td >
< td >
< a ng - href = " @ { { getFileUrl(file)}} " target = " _blank " ng - bind = " file.name " ></ a >
< div ng - if = " file.deleting " >
< span class = " neg small " > Click delete again to confirm you want to delete this attachment .</ span >
< br >
< span class = " text-primary small " ng - click = " file.deleting=false; " > Cancel </ span >
</ div >
</ td >
< td width = " 10 " ng - click = " startEdit(file) " class = " text-center text-primary " style = " padding: 0; " >< i class = " zmdi zmdi-edit " ></ i ></ td >
< td width = " 5 " ></ td >
< td width = " 10 " ng - click = " deleteFile(file) " class = " text-center text-neg " style = " padding: 0; " >< i class = " zmdi zmdi-close " ></ i ></ td >
</ tr >
</ tbody >
</ table >
< p class = " small muted " ng - if = " files.length == 0 " >
No files have been uploaded .
</ p >
</ div >
< div tab - content = " file " >
< drop - zone upload - url = " @ { { getUploadUrl()}} " uploaded - to = " @ { { uploadedTo}} " event - success = " uploadSuccess " ></ drop - zone >
</ div >
< div tab - content = " link " sub - form = " attachLinkSubmit(file) " >
< p class = " muted small " > You can attach a link if you ' d prefer not to upload a file . This can be a link to another page or a link to a file in the cloud .</ p >
< div class = " form-group " >
< label for = " attachment-via-link " > Link Name </ label >
< input type = " text " placeholder = " Link name " ng - model = " file.name " >
< p class = " small neg " ng - repeat = " error in errors.link.name " ng - bind = " error " ></ p >
</ div >
< div class = " form-group " >
< label for = " attachment-via-link " > Link to file </ label >
< input type = " text " placeholder = " Url of site or file " ng - model = " file.link " >
< p class = " small neg " ng - repeat = " error in errors.link.link " ng - bind = " error " ></ p >
</ div >
< button type = " submit " class = " button pos " > Attach </ button >
2016-10-10 16:13:18 -04:00
2016-10-23 12:55:48 -04:00
</ div >
2016-10-11 15:39:11 -04:00
</ div >
</ div >
2016-10-23 12:55:48 -04:00
< div id = " file-edit " ng - if = " editFile " sub - form = " updateFile(editFile) " >
2016-10-11 15:39:11 -04:00
< h5 > Edit File </ h5 >
2016-10-23 12:55:48 -04:00
2016-10-11 15:39:11 -04:00
< div class = " form-group " >
< label for = " attachment-name-edit " > File Name </ label >
< input type = " text " id = " attachment-name-edit " placeholder = " File name " ng - model = " editFile.name " >
2016-10-23 12:55:48 -04:00
< p class = " small neg " ng - repeat = " error in errors.edit.name " ng - bind = " error " ></ p >
2016-10-11 15:39:11 -04:00
</ div >
2016-10-23 12:55:48 -04:00
< div tab - container = " @ { { editFile.external ? 'link' : 'file' }} " >
< div class = " nav-tabs " >
< div tab - button = " file " class = " tab-item " > Upload File </ div >
< div tab - button = " link " class = " tab-item " > Set Link </ div >
</ div >
< div tab - content = " file " >
< drop - zone upload - url = " @ { { getUploadUrl(editFile)}} " uploaded - to = " @ { { uploadedTo}} " placeholder = " Drop files or click here to upload and overwrite " event - success = " uploadSuccessUpdate " ></ drop - zone >
< br >
</ div >
< div tab - content = " link " >
< div class = " form-group " >
< label for = " attachment-link-edit " > Link to file </ label >
< input type = " text " id = " attachment-link-edit " placeholder = " Attachment link " ng - model = " editFile.link " >
< p class = " small neg " ng - repeat = " error in errors.edit.link " ng - bind = " error " ></ p >
</ div >
</ div >
2016-10-11 15:39:11 -04:00
</ div >
< button type = " button " class = " button " ng - click = " cancelEdit() " > Back </ button >
2016-10-23 12:55:48 -04:00
< button type = " submit " class = " button pos " > Save </ button >
2016-10-11 15:39:11 -04:00
</ div >
</ div >
2016-10-09 13:58:22 -04:00
</ div >
2016-10-11 15:39:11 -04:00
@ endif
2016-10-09 13:58:22 -04:00
2016-05-13 16:20:21 -04:00
</ div >