sheercms
Version:
Sheer Cliff CMS is a simple and powerful content management system (CMS) for Node JS.
93 lines (73 loc) • 4.21 kB
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Image Selector</title>
<link rel="stylesheet" href="/cms/static/lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/cms/static/lib/bootstrap/css/bootstrap-theme.css">
<link rel="stylesheet" href="/cms/static/lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/cms/static/build/styles.min.css">
</head>
<body id="EditorDialog" ng-app="app" ng-controller="EditorItemSelectorController" ng-init="init('media')" ng-cloak>
<div class="editor-dialog container-fluid">
<div class="selector-body">
<div ng-if="dialog.message && dialog.message.length > 0">
<div class="alert {{dialog.messageType}}">{{dialog.message}}</div>
</div>
<div class="row">
<div class="col-md-12">
<strong>Group:</strong>
<select ng-model="data.group" ng-options="g as g.name for g in data.groups" class="group-dropdown"></select>
<label ng-show="data.group !== null" class="show-recent">
<input type="checkbox" ng-model="data.showingRecent" /> Show recently uploaded
</label>
<div class="paginator pull-right" settings="paging"></div>
</div>
</div>
<div class="row selector-items-row">
<div class="col-md-12 left-side">
<div ng-if="data.group === null" class="alert alert-warning">
Select a group from the dropdown above to view its items.
</div>
<div ng-if="data.group !== null && data.items.length === 0" class="alert alert-warning">
There are no items in this group.
</div>
<div ng-if="data.items.length > 0">
<ul class="gallery">
<li ng-repeat="item in data.items" ng-class="{selected: item == data.selectedItem}">
<img ng-src="{{item.url}}?cmsmode=preview&thumb=1" title="{{item.name}}" alt="{{item.name}}" ng-click="selectItem(item)"/>
<div>
{{item.name}}
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- end of row -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary min-width pull-left" ng-click="upload()">Upload</button>
<span class="upload-msg" ng-show="data.uploading == true">Uploading files...please wait...</span>
<button type="submit" class="btn btn-primary min-width" ng-disabled="data.disableOk" ng-click="ok()">OK</button>
<button type="button" class="btn btn-default min-width" ng-click="cancel()">Close</button>
</div>
</div>
<!-- jQuery -->
<script src="/cms/static/js/jquery.min.js"></script>
<!-- Other libraries -->
<script src="/cms/static/lib/async/async.js"></script>
<!-- File Upload Shim -->
<script src="/cms/static/lib/angular-file-upload/angular-file-upload-shim.min.js"></script>
<!-- AngularJS -->
<script src="/cms/static/lib/angular/angular.min.js"></script>
<!-- Angular Cache -->
<script src="/cms/static/lib/angular-cache/angular-cache.min.js"></script>
<!-- File Upload Angular Module -->
<script src="/cms/static/lib/angular-file-upload/angular-file-upload.min.js"></script>
<!-- Angular Bootstrap UI -->
<script src="/cms/static/lib/ui-bootstrap/ui-bootstrap-custom-tpls-0.10.0.min.js"></script>
<!-- Controller, Directives, and Services -->
<script src="/cms/static/build/editor-dialogs.min.js"></script>
</body>
</html>