2016-03-13 09:30:47 -04:00
< div id = " image-manager " image - type = " { { $imageType }} " ng - controller = " ImageManagerController " uploaded - to = " { { $uploaded_to or 0 }} " >
2015-12-30 13:38:18 -05:00
< div class = " overlay anim-slide " ng - show = " showing " ng - cloak ng - click = " hide() " >
< div class = " image-manager-body " ng - click = " $event .stopPropagation() " >
< div class = " image-manager-content " >
2016-04-03 09:59:54 -04:00
< div ng - if = " imageType === 'gallery' " class = " container " >
< div class = " image-manager-header row faded-small nav-tabs " >
< div class = " col-xs-4 tab-item " title = " View all images " ng - class = " { selected: (view=='all')} " ng - click = " setView('all') " >< i class = " zmdi zmdi-collection-image " ></ i > All </ div >
< div class = " col-xs-4 tab-item " title = " View images uploaded to this book " ng - class = " { selected: (view=='book')} " ng - click = " setView('book') " >< i class = " zmdi zmdi-book text-book " ></ i > Book </ div >
< div class = " col-xs-4 tab-item " title = " View images uploaded to this page " ng - class = " { selected: (view=='page')} " ng - click = " setView('page') " >< i class = " zmdi zmdi-file-text text-page " ></ i > Page </ div >
</ div >
</ div >
< div ng - show = " view === 'all' " >
< form ng - submit = " searchImages() " class = " contained-search-box " >
< input type = " text " placeholder = " Search by image name " ng - model = " searchTerm " >
< button ng - class = " { active: searching} " title = " Clear Search " type = " button " ng - click = " cancelSearch() " class = " text-button cancel " >< i class = " zmdi zmdi-close-circle-o " ></ i ></ button >
< button title = " Search " class = " text-button " type = " submit " >< i class = " zmdi zmdi-search " ></ i ></ button >
</ form >
</ div >
2015-12-30 13:38:18 -05:00
< div class = " image-manager-list " >
< div ng - repeat = " image in images " >
2016-02-07 05:14:11 -05:00
< div class = " image anim fadeIn " ng - style = " { animationDelay: ( $index > 26) ? '160ms' : ( $index * 25) + 'ms'} "
ng - class = " { selected: (image==selectedImage)} " ng - click = " imageSelect(image) " >
< img ng - src = " @ { { image.thumbs.gallery}} " ng - attr - alt = " @ { { image.title}} " ng - attr - title = " @ { { image.name}} " >
< div class = " image-meta " >
< span class = " name " ng - bind = " image.name " ></ span >
< span class = " date " > Uploaded @ {{ getDate ( image . created_at ) | date : 'mediumDate' }} </ span >
</ div >
</ div >
2015-12-30 13:38:18 -05:00
</ div >
< div class = " load-more " ng - show = " hasMore " ng - click = " fetchData() " > Load More </ div >
</ div >
</ div >
< button class = " neg button image-manager-close " ng - click = " hide() " > x </ button >
< div class = " image-manager-sidebar " >
< h2 > Images </ h2 >
2016-03-13 09:30:47 -04:00
< drop - zone upload - url = " @ { { getUploadUrl()}} " uploaded - to = " @ { { uploadedTo}} " event - success = " uploadSuccess " ></ drop - zone >
2015-12-30 13:38:18 -05:00
< div class = " image-manager-details anim fadeIn " ng - show = " selectedImage " >
< hr class = " even " >
< form ng - submit = " saveImageDetails( $event ) " >
2016-02-07 05:14:11 -05:00
< div >
< a ng - href = " @ { { selectedImage.url}} " target = " _blank " style = " display: block; " >
< img ng - src = " @ { { selectedImage.thumbs.gallery}} " ng - attr - alt = " @ { { selectedImage.title}} " ng - attr - title = " @ { { selectedImage.name}} " >
</ a >
</ div >
2015-12-30 13:38:18 -05:00
< div class = " form-group " >
< label for = " name " > Image Name </ label >
< input type = " text " id = " name " name = " name " ng - model = " selectedImage.name " >
</ div >
</ form >
< hr class = " even " >
< div ng - show = " dependantPages " >
< p class = " text-neg text-small " >
This image is used in the pages below , Click delete again to confirm you want to delete
this image .
</ p >
< ul class = " text-neg " >
< li ng - repeat = " page in dependantPages " >
< a ng - href = " @ { { page.url }} " target = " _blank " class = " text-neg " ng - bind = " page.name " ></ a >
</ li >
</ ul >
</ div >
< form ng - submit = " deleteImage( $event ) " >
< button class = " button neg " >< i class = " zmdi zmdi-delete " ></ i > Delete Image </ button >
</ form >
</ div >
< div class = " image-manager-bottom " >
< button class = " button pos anim fadeIn " ng - show = " selectedImage " ng - click = " selectButtonClick() " >
< i class = " zmdi zmdi-square-right " ></ i > Select Image
</ button >
</ div >
</ div >
</ div >
</ div >
</ div >