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

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

<div ng-controller="ListViewController">
    <div ng-if="data.group != null && data.items.length == 0">
        <div class="alert alert-warning max-width-medium">There are no items in this group matching this criteria.  <a href="javascript:void(0);" ng-click="showNewItem()">Create a new item.</a></div>
    </div>

    <div ng-if="data.items.length > 0">
        <table id="list" class="table table-click table-bordered">
            <thead>
            <tr>
                <th style="width:24px;"><input type="checkbox" ng-model="checks.all" ng-change="toggleCheckAll()" /></th>
                <th>Name / URL</th>
                <th style="width:160px;">Content Type</th>
                <th style="width:160px;">Template</th>
                <th style="width:160px;">Category</th>
                <th style="width:200px;">Date / Author</th>
                <th style="width:100px;">Status</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in data.items" tooltip-options="tooltipOptions" ng-click="selectItem($event, item)" ng-dblclick="editItem(item.contentId)" ng-class="{active: selectedItem == item}">
                <td><input type="checkbox" ng-model="item.checked" ng-change="toggleCheck(item)" /></td>
                <td>
                    <img class="icon" ng-src="{{item.icon}}" alt="{{item.templateName}}" title="{{item.templateName}}" />
                    <div class="two-rows">
                        <div class="row1"><strong>{{item.name}}</strong></div>
                        <div class="row2">{{item.url}}</div>
                    </div>
                </td>
                <td>{{item.typeName}}</td>
                <td>{{item.templateName}}</td>
                <td>{{item.category}}</td>
                <td>
                    <div class="two-rows">
                        <div class="row1">{{item.startDate | date: 'yyyy-MM-dd h:mm:ss a'}}</div>
                        <div class="row2">{{item.author}}</div>
                    </div>
                </td>
                <td><span class="label {{item.statusCss}}">{{item.statusText}}</span></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>