storyboard-webclient/src/app/dashboard/template/boards_worklists.html

93 lines
3.6 KiB
HTML

<!--
~ Copyright (c) 2015 Codethink Limited
~
~ Licensed under the Apache License, Version 2.0 (the "License"); you may
~ not use this file except in compliance with the License. You may obtain
~ a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
~ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
~ License for the specific language governing permissions and limitations
~ under the License.
-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<h1 view-title>Dashboard</h1>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card">
<h3>
<i class="fa fa-sb-board fa-lg text-muted"></i>&emsp;
My Boards
</h3>
<div class="card-row" ng-repeat="board in boards">
<a href="#!/board/{{board.id}}">
{{board.title}}
</a>
<p>
<small ng-repeat="lane in board.lanes"
ng-if="!lane.worklist.archived">
<span class="badge"
ng-class="{'badge-primary': lane.worklist.items.length > 0}">
{{lane.worklist.items.length}}
</span> {{lane.worklist.title}}
&nbsp;
</small>
</p>
</div>
<p ng-show="boards.length == 0"
class="card-row text-center text-muted">
<em>
You don't currently have any boards.
</em>
</p>
<p ng-show="loadingBoards"
class="card-row text-center">
<i class="fa fa-spinner fa-spin fa-lg"></i>
</p>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<h3>
<i class="fa fa-sb-worklist fa-lg text-muted"></i>&emsp;
My Worklists
</h3>
<div class="card-row" ng-repeat="worklist in worklists">
<subscribe class="pull-right"
resource="worklist"
resource-id="worklist.id"
subscriptions="worklistSubscriptions">
</subscribe>
<a href="#!/worklist/{{worklist.id}}">
{{worklist.title}}
</a>
<p>
<small>
<span class="badge"
ng-class="{'badge-primary': worklist.items.length > 0}">
{{worklist.items.length}}
</span> Items
</small>
</p>
</div>
<p ng-show="worklists.length == 0"
class="card-row text-center text-muted">
<em>
You don't currently have any worklists.
</em>
</p>
<p ng-show="loadingBoards"
class="card-row text-center">
<i class="fa fa-spinner fa-spin fa-lg"></i>
</p>
</div>
</div>
</div>