75 lines
2.5 KiB
HTML
75 lines
2.5 KiB
HTML
<page-title title="Datasource Manager: Search"></page-title>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row mt-5">
|
|
<div class="offset-md-3 col-md-6 offset-lg-4 col-lg-4">
|
|
<form>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" ng-model="textApiSearch" placeholder="Search..."/>
|
|
<span class="input-group-append">
|
|
<button type="submit" class="btn btn-primary" ng-click="search('', textApiSearch)">Search</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="offset-md-3 col-md-6 offset-lg-4 col-lg-4">
|
|
<p>
|
|
<b>Or browse using:</b>
|
|
<ul>
|
|
<li ng-repeat="f in browsableFields">
|
|
<a href="javascript:void(0)" data-toggle="modal" data-target="#showBrowseData" ng-click="browseField(f.k, f.v)">{{f.v}}</a>
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="showBrowseData" class="modal fade" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{browseFieldName}}</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<div class="modal-body small">
|
|
|
|
<page-filter filter="filterBrowseData" list="browseData"></page-filter>
|
|
|
|
<table class="table table-sm table-striped mt-4" style="table-layout: fixed;">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<a href="javascript:void(0)" ng-click="sortType = 'name'; sortReverse = !sortReverse">
|
|
Name
|
|
<i class="fa fa-sort-up" ng-show="sortType == 'name' && sortReverse" ></i>
|
|
<i class="fa fa-sort-down" ng-show="sortType == 'name' && !sortReverse"></i>
|
|
</a>
|
|
</th>
|
|
<th class="text-right">
|
|
<a href="javascript:void(0)" ng-click="sortType = 'total'; sortReverse = !sortReverse">
|
|
# datasources
|
|
<i class="fa fa-sort-up" ng-show="sortType == 'total' && sortReverse" ></i>
|
|
<i class="fa fa-sort-down" ng-show="sortType == 'total' && !sortReverse"></i>
|
|
</a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="row in browseData | orderBy:sortType:sortReverse | filter:filterBrowseData">
|
|
<th><a href="javascript:void(0)" ng-click="search(browseFieldId, row.term)" data-dismiss="modal">{{row.name}}</a></td>
|
|
<td class="text-right">{{row.total}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|