sheercms/static/routes/content/views/gallery.html

Sheer Cliff CMS is a simple and powerful content management system (CMS) for Node JS.

<div ng-controller="GalleryViewController">
    <div ng-if="data.items.length == 0">
        <div class="alert alert-warning max-width-medium">There are currently no media items matching this criteria.  <a href="javascript:void(0);" ng-click="showUpload()">Upload media.</a></div>
    </div>

    <div ng-if="data.items.length > 0">
        <ul class="gallery">
            <li ng-repeat="item in data.items">
                <img ng-if="item.mediaType == 'Image'" ng-src="{{item.url}}?cmsmode=preview&thumb=1" title="{{item.name}}" alt="{{item.name}}" ng-click="previewImage(item)"/>
                <img ng-if="item.mediaType != 'Image'" ng-src="{{item.icon}}" class="gallery-icon" title="{{item.templateName}}" alt="{{item.contentType}}" ng-click="editItem(item.contentId)" />
                <div>
                    <a href="#edit/{{item.contentId}}" title="Edit image properties">{{item.name}}</a>
                </div>
            </li>
        </ul>
    </div>
</div>