Right aligned control area

This commit is contained in:
Zsolt Kocsmarszky
2018-05-10 11:30:22 +03:00
committed by Arik Fraimovich
parent aa756b2be6
commit b9db9f0b20
2 changed files with 63 additions and 63 deletions

View File

@@ -9,39 +9,7 @@
ng-if="$ctrl.showEmptyState"></empty-state>
<div class="row" ng-if="$ctrl.showList">
<div class="col-lg-3">
<input type='text' class='form-control' placeholder="Search Dashboards..."
ng-change="$ctrl.update()" ng-model="$ctrl.searchText" autofocus/>
<div class="list-group m-t-10 m-b-10 tags-list tiled">
<a href="dashboards" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'all'}">
All Dashboards
</a>
<a href="dashboards/favorite" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'favorites'}">
<span class="btn-favourite">
<i class="fa fa-star" aria-hidden="true"></i>
</span>
Favorites
</a>
<a href="dashboards/my" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'my'}">
<img ng-src="{{$ctrl.currentUser.profile_image_url}}" class="profile__image--navbar"
width="13" style="margin-right: 0;"/>
My Dashboards
</a>
</div>
<div class="list-group m-t-10 tags-list tiled" ng-if="$ctrl.allTags.length > 0">
<a ng-repeat="tag in $ctrl.allTags" ng-class="{active: $ctrl.selectedTags.has(tag)}"
class="list-group-item" ng-click="$ctrl.toggleTag($event, tag)">
{{ tag }}
</a>
</div>
</div>
<div class="col-lg-9 p-l-0">
<div class="col-lg-9 p-r-0">
<div class="bg-white tiled">
<table class="table table-condensed table-hover table-data">
<thead>
@@ -71,5 +39,37 @@
<paginator paginator="$ctrl.paginator"></paginator>
</div>
</div>
<div class="col-lg-3">
<input type='text' class='form-control' placeholder="Search Dashboards..."
ng-change="$ctrl.update()" ng-model="$ctrl.searchText" autofocus/>
<div class="list-group m-t-10 m-b-10 tags-list tiled">
<a href="dashboards" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'all'}">
All Dashboards
</a>
<a href="dashboards/favorite" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'favorites'}">
<span class="btn-favourite">
<i class="fa fa-star" aria-hidden="true"></i>
</span>
Favorites
</a>
<a href="dashboards/my" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'my'}">
<img ng-src="{{$ctrl.currentUser.profile_image_url}}" class="profile__image--navbar"
width="13" style="margin-right: 0;"/>
My Dashboards
</a>
</div>
<div class="list-group m-t-10 tags-list tiled" ng-if="$ctrl.allTags.length > 0">
<a ng-repeat="tag in $ctrl.allTags" ng-class="{active: $ctrl.selectedTags.has(tag)}"
class="list-group-item" ng-click="$ctrl.toggleTag($event, tag)">
{{ tag }}
</a>
</div>
</div>
</div>
</div>

View File

@@ -5,36 +5,7 @@
ng-if="$ctrl.showEmptyState()"></empty-state>
<div class="row" ng-if="$ctrl.showList()">
<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-10 m-b-10 tags-list tiled'>
<a href="queries" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'all'}">
All Queries
</a>
<a href="queries/favorite" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'favorites'}">
<span class="btn-favourite">
<i class="fa fa-star" aria-hidden="true"></i>
</span>
Favorites
</a>
<a href="queries/my" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'my'}">
<img ng-src="{{$ctrl.currentUser.profile_image_url}}" class="profile__image--navbar"
width="13" 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="col-lg-9 p-l-0">
<div class="col-lg-9 p-r-0">
<div class="bg-white tiled">
<table class="table table-condensed table-hover table-data">
@@ -71,5 +42,34 @@
<paginator paginator="$ctrl.paginator"></paginator>
</div>
</div>
<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-10 m-b-10 tags-list tiled'>
<a href="queries" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'all'}">
All Queries
</a>
<a href="queries/favorite" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'favorites'}">
<span class="btn-favourite">
<i class="fa fa-star" aria-hidden="true"></i>
</span>
Favorites
</a>
<a href="queries/my" class="list-group-item"
ng-class="{active: $ctrl.currentPage == 'my'}">
<img ng-src="{{$ctrl.currentUser.profile_image_url}}" class="profile__image--navbar"
width="13" 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>
</div>