152 lines
5.2 KiB
HTML
152 lines
5.2 KiB
HTML
<div style="margin-bottom: 4px;">
|
|
Service Types:
|
|
<label ng-repeat="service in service_filters">
|
|
<input
|
|
type="checkbox"
|
|
name="selected_filters[]"
|
|
value="{$ service.id $}"
|
|
ng-checked="service_filters_selections[service.id]"
|
|
ng-click="toggle_service_filter(service.id)"
|
|
> {$ service.name $}
|
|
</label>
|
|
<span ng-switch="switcher.pannel" style="float:right">
|
|
<span ng-switch-when="app" style="float: right" class="toggleView btn-group">
|
|
<img class="btn btn-default" ng-class="{active: (switcher.active == 'grid')}" ng-src="{$ STATIC_URL $}dashboard/project/app_catalog/1439233859_grid.png" ng-click="changeActivePanel('grid')"/>
|
|
<img class="btn btn-default" ng-class="{active: (switcher.active == 'list')}" ng-src="{$ STATIC_URL $}dashboard/project/app_catalog/1439233889_list.png" ng-click="changeActivePanel('list')"/>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
|
|
<div ng-switch="switcher.active">
|
|
<app-catalog-magic-search></app-catalog-magic-search>
|
|
<div ng-switch-when="grid" style="
|
|
background-color:#f9f9f9;
|
|
overflow: auto;
|
|
border-color:#cccccc; border-width:1px; border-style: solid;
|
|
">
|
|
<div ng-repeat="asset in assets | orderBy:'name':false" style="border:1px;
|
|
margin: 10px;
|
|
width: 200px; height: 180px; float: left;
|
|
">
|
|
<div ng-click="details(asset)" style="
|
|
margin:10px;
|
|
border-color:#cccccc; border-width:1px;
|
|
border-radius: 2px;
|
|
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
|
|
padding:8px;
|
|
height: 170px;
|
|
overflow: hidden;
|
|
background-color:#ffffff;
|
|
position: relative;
|
|
">
|
|
<div style="">
|
|
|
|
<div style="
|
|
width:128px;
|
|
height:128px;
|
|
overflow: hidden;
|
|
margin-left: auto; margin-right:auto;
|
|
">
|
|
|
|
<img style="
|
|
margin: {$ asset.icon.top $}px 0px 0px {$ asset.icon.left $}px;
|
|
height: {$ asset.icon.height $}px;
|
|
" src="{$ asset.icon.url $}">
|
|
|
|
</div>
|
|
<!--FIXME Move images out to common repo.-->
|
|
<span style="
|
|
max-height: 100%;
|
|
width: 23px;
|
|
height: 23px;
|
|
top: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
background: rgba(0, 0, 0, 0) url('{$ STATIC_URL $}dashboard/project/app_catalog/featured-corner-{$ asset.service.type $}.png') no-repeat scroll right top;
|
|
">
|
|
</span>
|
|
</div>
|
|
<div title="{$ asset.name $}" style="
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
line-height: 18px;
|
|
font-size: 16px;
|
|
"> {$ asset.name $}
|
|
<span style="
|
|
max-height: 100%;
|
|
width: 40px;
|
|
height: 20px;
|
|
bottom: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0;
|
|
">
|
|
</span>
|
|
</div>
|
|
<div title="{$ asset.provided_by.name $}" style="
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
line-height: 14px;
|
|
font-size: 12px;
|
|
"> {$ asset.provided_by.name $}
|
|
<span style="
|
|
max-height: 100%;
|
|
width: 40px;
|
|
height: 20px;
|
|
bottom: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0;
|
|
">
|
|
</span>
|
|
</div>
|
|
<div ng-switch="asset.disabled">
|
|
<div ng-switch-when="true" class="app_catalog_grid_item_hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-switch-when="list">
|
|
<table hz-table ng-cloak st-table="dispassets" st-safe-src="assets"
|
|
class="table-striped table-rsp table-detail modern">
|
|
<thead>
|
|
<tr>
|
|
<th class="expander"></th>
|
|
<th st-sort="name" st-sort-default="true" class="rsp-p1">Name</th>
|
|
<th st-sort='license' class="rsp-p1">License</th>
|
|
<th class="rsp-p1"></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr ng-repeat-start="asset in dispassets track by asset.name">
|
|
<td class="expander">
|
|
<i class="fa fa-chevron-right" hz-expand-detail duration="200"></i>
|
|
</td>
|
|
<td class="rsp-p1">{$ asset.name $}</td>
|
|
<td class="rsp-p2">{$ asset.license $}</td>
|
|
<td class="rsp-p2"><div app-action ng-scope ng-init="extraclasses='btn-sm';installclasses='btn-primary';launchclasses='btn-success'"></div></td>
|
|
</tr>
|
|
|
|
<tr ng-repeat-end class="detail-row">
|
|
<td class="detail" colspan="4">
|
|
<ng-include src="STATIC_URL + 'dashboard/project/app_catalog/_details_panel.html'"></ng-include>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="5" class="text-center">
|
|
<div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7"></div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|