adjusting solution based on standards shown to me by jancborchardt

Signed-off-by: Ryan Fletcher <ryan.fletcher@codepassion.ca>
This commit is contained in:
Ryan Fletcher
2018-08-21 17:11:47 -04:00
parent 9353e4852c
commit 001609982d
2 changed files with 12 additions and 9 deletions

View File

@@ -56,7 +56,7 @@ var ListController = function ($scope, $location, $filter, BoardService, $elemen
$scope.boardservice = BoardService; $scope.boardservice = BoardService;
$scope.updatingBoard = null; $scope.updatingBoard = null;
var filterData = function () { var filterData = function () {
if($element.attr('id') === 'app-navigation') { if($element.attr('id') === 'app-navigation') {
$scope.boardservice.sidebar = $scope.boardservice.getData(); $scope.boardservice.sidebar = $scope.boardservice.getData();
$scope.boardservice.sidebar = $filter('orderBy')($scope.boardservice.sidebar, 'title'); $scope.boardservice.sidebar = $filter('orderBy')($scope.boardservice.sidebar, 'title');

View File

@@ -13,7 +13,15 @@
</div> </div>
</div> </div>
</div> </div>
<div id="boardlist"> <div id="emptycontent" ng-if="boardservice.sorted.length == 0 && status.filter == 'archived'">
<div class="icon-archive"></div>
<h2>No archived boards to display</h2>
</div>
<div id="emptycontent" ng-if="boardservice.sorted.length == 0 && status.filter == 'shared'">
<div class="icon-share"></div>
<h2>No shared boards to display</h2>
</div>
<div id="boardlist" ng-if="boardservice.sorted.length > 0 || !status.filter">
<table width="100%"> <table width="100%">
<thead> <thead>
<tr> <tr>
@@ -23,13 +31,8 @@
<td></td> <td></td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-if="boardservice.sorted.length == 0"> <tr data-ng-repeat="b in boardservice.sorted track by b.id" ng-class="{deleted: b.deletedAt > 0}">
<td class="center-text" colspan="4">
<?php p($l->t('There are no boards in this category to display')); ?>
</td>
</tr>
<tr ng-if="boardservice.sorted.length > 0" data-ng-repeat="b in boardservice.sorted track by b.id" ng-class="{deleted: b.deletedAt > 0}">
<td ng-click="gotoBoard(b)"> <td ng-click="gotoBoard(b)">
<div class="board-bullet" ng-style="{'background-color':'#'+b.color}"> </div> <div class="board-bullet" ng-style="{'background-color':'#'+b.color}"> </div>
</td> </td>