Better queries page...

This commit is contained in:
Zsolt Kocsmarszky
2018-05-09 14:20:12 +03:00
parent 32e9b4c71c
commit c9ae48f466
2 changed files with 52 additions and 31 deletions

View File

@@ -48,7 +48,7 @@ class QueriesListCtrl {
this.tabs = [
{ path: 'queries', name: 'All Queries', isActive: path => path === '/queries' },
{ name: 'My Queries', path: 'queries/my' },
{ name: 'Search', path: 'queries/search' },
//{ name: 'Search', path: 'queries/search' },
];
this.showList = () => this.paginator.getPageRows() !== undefined && this.paginator.getPageRows().length > 0;

View File

@@ -5,41 +5,62 @@
ng-if="$ctrl.showEmptyState()"></empty-state>
<div ng-if="$ctrl.showList()">
<tab-nav tabs="$ctrl.tabs"></tab-nav>
<div class="col-lg-3">
<input type='text' class='form-control' placeholder="Search Queries..."
ng-change="$ctrl.update()" ng-model="$ctrl.searchText" autofocus/>
<div class='list-group m-t-20 tags-list tiled'>
<a href="" class="list-group-item">
<span class="btn-favourite">
<i class="fa fa-star" aria-hidden="true"></i>
</span>
Favorites
</a>
<a href="" class="list-group-item">
<img ng-src="{{$ctrl.currentUser.profile_image_url}}" class="profile__image--navbar" width="16" style="margin-right: 0;"/>My Queries
</a>
<a ng-repeat='tag in $ctrl.allTags' ng-class='{"active": $ctrl.tagIsSelected(tag)}'
class='list-group-item' ng-click='$ctrl.toggleTag($event, tag)'>
{{ tag }}
</a>
</div>
</div>
<div class="bg-white tiled">
<table class="table table-condensed table-hover">
<thead>
<tr>
<th>Name</th>
<th>Created At</th>
<th>Runtime</th>
<th>Last Executed At</th>
<th>Update Schedule</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="query in $ctrl.paginator.getPageRows()">
<td class="table-main-title">
<favorites-control item="query"></favorites-control>
<div class="col-lg-9">
<a href="queries/{{query.id}}">{{query.name}}</a>
<div class="bg-white tiled">
<table class="table table-condensed table-hover">
<thead>
<tr>
<th>Name</th>
<th>Created At</th>
<th>Runtime</th>
<th>Last Executed At</th>
<th>Update Schedule</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="query in $ctrl.paginator.getPageRows()">
<td class="table-main-title">
<favorites-control item="query"></favorites-control>
<a href="queries/{{query.id}}">{{query.name}}</a>
<span class="label label-default" ng-if="query.is_draft">Unpublished</span>
<span class="label label-default" ng-if="query.is_draft">Unpublished</span>
<span class="float-right">
<img ng-src="{{query.user.profile_image_url}}" class="profile__image_thumb" title="Created by {{query.user.name}}"/>
</span>
</td>
<td>{{query.created_at | dateTime}}</td>
<td>{{query.runtime | durationHumanize}}</td>
<td>{{query.retrieved_at | dateTime}}</td>
<td>{{query.schedule | scheduleHumanize}}</td>
</tr>
</tbody>
</table>
<paginator paginator="$ctrl.paginator"></paginator>
<span class="float-right">
<img ng-src="{{query.user.profile_image_url}}" class="profile__image_thumb" title="Created by {{query.user.name}}"/>
</span>
</td>
<td>{{query.created_at | dateTime}}</td>
<td>{{query.runtime | durationHumanize}}</td>
<td>{{query.retrieved_at | dateTime}}</td>
<td>{{query.schedule | scheduleHumanize}}</td>
</tr>
</tbody>
</table>
<paginator paginator="$ctrl.paginator"></paginator>
</div>
</div>
</div>
</div>