Revision 53965
Added by Michele Artini over 5 years ago
| repoList.html | ||
|---|---|---|
| 6 | 6 |
<form class="form-inline pull-right" role="form"> |
| 7 | 7 |
<div class="form-group"> |
| 8 | 8 |
<label class="sr-only" for="apiFilter">Filter...</label> |
| 9 |
<input type="text" class="form-control input-sm" id="apiFilter" ng-model="filterApis.filterText" placeholder="Filter..." />
|
|
| 9 |
<input type="text" class="form-control input-sm" id="apiFilter" ng-model="filterApis" placeholder="Filter..." /> |
|
| 10 | 10 |
</div> |
| 11 | 11 |
<button ng-click="updateApis(true)" class="btn btn-sm btn-default" type="button"><span class="glyphicon glyphicon-refresh"></span></button> |
| 12 | 12 |
<button ng-click="go('#')" class="btn btn-sm btn-default" type="button">back</button>
|
| 13 | 13 |
</form> |
| 14 | 14 |
</div> |
| 15 |
</div> |
|
| 15 | 16 |
|
| 16 |
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> </div> |
|
| 17 |
|
|
| 18 |
<div id="apisTable" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 control" ng-grid="gridApis"></div> |
|
| 19 |
|
|
| 17 |
<div class="row" style="margin-top: 20px"> |
|
| 18 |
<div class="col-xs-12"> |
|
| 19 |
<table class="table table-condensed table-striped"> |
|
| 20 |
<thead> |
|
| 21 |
<tr> |
|
| 22 |
<th class="col-xs-7"> |
|
| 23 |
<a href="javascript:void(0)" ng-click="sortType = 'repoName'; sortReverse = !sortReverse"> |
|
| 24 |
Datasource Api |
|
| 25 |
<span ng-show="sortType == 'repoName' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 26 |
<span ng-show="sortType == 'repoName' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 27 |
</a> |
|
| 28 |
|
|
| 29 |
</th> |
|
| 30 |
<th class="col-xs-1 text-center"> |
|
| 31 |
<a href="javascript:void(0)" ng-click="sortType = 'repoCountry'; sortReverse = !sortReverse"> |
|
| 32 |
Country |
|
| 33 |
<span ng-show="sortType == 'repoCountry' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 34 |
<span ng-show="sortType == 'repoCountry' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 35 |
</a> |
|
| 36 |
</th> |
|
| 37 |
<th class="col-xs-1 text-center"> |
|
| 38 |
<a href="javascript:void(0)" ng-click="sortType = 'repoPrefix'; sortReverse = !sortReverse"> |
|
| 39 |
Namespace Prefix |
|
| 40 |
<span ng-show="sortType == 'repoPrefix' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 41 |
<span ng-show="sortType == 'repoPrefix' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 42 |
</a> |
|
| 43 |
</th> |
|
| 44 |
<th class="col-xs-1 text-center"> |
|
| 45 |
<a href="javascript:void(0)" ng-click="sortType = 'protocol'; sortReverse = !sortReverse"> |
|
| 46 |
Protocol |
|
| 47 |
<span ng-show="sortType == 'protocol' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 48 |
<span ng-show="sortType == 'protocol' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 49 |
</a> |
|
| 50 |
</th> |
|
| 51 |
<th class="col-xs-1 text-center"> |
|
| 52 |
<a href="javascript:void(0)" ng-click="sortType = 'aggrDate'; sortReverse = !sortReverse"> |
|
| 53 |
Last Aggregation Date |
|
| 54 |
<span ng-show="sortType == 'aggrDate' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 55 |
<span ng-show="sortType == 'aggrDate' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 56 |
</a> |
|
| 57 |
</th> |
|
| 58 |
<th class="col-xs-1 text-right"> |
|
| 59 |
<a href="javascript:void(0)" ng-click="sortType = 'aggrTotal'; sortReverse = !sortReverse"> |
|
| 60 |
Total |
|
| 61 |
<span ng-show="sortType == 'aggrTotal' && !sortReverse" class="small glyphicon glyphicon-chevron-down"></span> |
|
| 62 |
<span ng-show="sortType == 'aggrTotal' && sortReverse" class="small glyphicon glyphicon-chevron-up"></span> |
|
| 63 |
</a> |
|
| 64 |
</th> |
|
| 65 |
</tr> |
|
| 66 |
</thead> |
|
| 67 |
<tbody> |
|
| 68 |
<tr ng-repeat="api in apis | orderBy:sortType:sortReverse | filter:filterApis"> |
|
| 69 |
<td> |
|
| 70 |
<span class="label" ng-class="{'label-danger': !api.active, 'label-success': api.active}" style="width: 100px; display: inline-block; padding: 3px;">
|
|
| 71 |
{{api.compliance}}
|
|
| 72 |
</span> |
|
| 73 |
<a href="#/api/{{api.repoId}}/{{api.id}}/ALL/ALL" ng-hide="m.deleting">
|
|
| 74 |
{{api.repoName}} ({{api.id.substr(api.id.lastIndexOf('::') + 2)}})
|
|
| 75 |
</a> |
|
| 76 |
</td> |
|
| 77 |
<td class="text-center"><img ng-src="../resources/img/flags/{{api.repoCountry}}.gif" /> {{api.repoCountry}}</td>
|
|
| 78 |
<td class="text-center">{{api.repoPrefix}}</td>
|
|
| 79 |
<td class="text-center">{{api.protocol}}</td>
|
|
| 80 |
<td class="text-center"> |
|
| 81 |
<span ng-show="api.aggrDate">{{api.aggrDate | date:'yyyy-MM-dd HH:mm:ss'}}</span>
|
|
| 82 |
<span ng-hide="api.aggrDate"><i>not yet available</i></span> |
|
| 83 |
</td> |
|
| 84 |
<td class="text-right" ng-class="{'text-success' : api.aggrTotal > 0, 'text-danger' : api.aggrTotal == 0}">{{api.aggrTotal}}</td>
|
|
| 85 |
</tr> |
|
| 86 |
</tbody> |
|
| 87 |
</table> |
|
| 88 |
</div> |
|
| 20 | 89 |
</div> |
| 21 | 90 |
|
| 91 |
|
|
Also available in: Unified diff
Removed ng-grid library and enabled the "Open in other tab" functionality in page containing the list of apis