Moar work
This commit is contained in:
Julius Haertl
@@ -1,114 +1,129 @@
|
||||
<div id="board-status" ng-if="statusservice.active">
|
||||
<div id="emptycontent">
|
||||
<div class="icon-{{ statusservice.icon }}"></div>
|
||||
<h2>{{ statusservice.title }}</h2>
|
||||
<p>{{ statusservice.text }}</p></div>
|
||||
<div id="emptycontent">
|
||||
<div class="icon-{{ statusservice.icon }}"></div>
|
||||
<h2>{{ statusservice.title }}</h2>
|
||||
<p>{{ statusservice.text }}</p></div>
|
||||
</div>
|
||||
<div id="board-header" style="background-color: {{boardservice.getCurrent().color | lightenColorFilter}}; color: {{boardservice.getCurrent().color | textColorFilter }};">
|
||||
<h1>
|
||||
{{ boardservice.data[id].title }}
|
||||
<div id="board-actions">
|
||||
<!--
|
||||
<div><i class="fa fa-filter"> </i> Filter</div>
|
||||
<div><i class="icon icon-search"> </i> {{ searchText }}</div>
|
||||
<div class="filter"><span class="filter-button" ng-click="status.filter.label=!status.filter.label">by label <i class="fa fa-caret-down"> </i></span></div>
|
||||
<ul class="filter-select bubble" ng-if="status.filter.label">
|
||||
<li ng-repeat="label in boardservice.data[id].labels"><span style="background-color:#{{ label.color }};"> </span> {{ label.title }}</li>
|
||||
</ul>
|
||||
<div class="filter"><span class="filter-button" ng-click="status.filter.assignee=!status.filter.assignee">by assignee<i class="fa fa-caret-down"> </i></span></div>
|
||||
<ul class="filter-select bubble" ng-if="status.filter.assignee">
|
||||
<li ng-repeat="label in boardservice.data[id].labels"><span style="background-color:#{{ label.color }};"> </span> {{ label.title }}</li>
|
||||
</ul>
|
||||
//-->
|
||||
|
||||
<div class="board-action-button"><a class="fa fa-archive" ui-sref="board.archive({ id: id })"> </a></div>
|
||||
<div class="board-action-button"><a class="fa fa-info" ui-sref="board.detail({ id: id })"> </a></div>
|
||||
|
||||
</div>
|
||||
</h1>
|
||||
</div>
|
||||
<div id="board" class="scroll-container" >
|
||||
|
||||
|
||||
<search on-search="search" class="ng-hide"></search>
|
||||
|
||||
|
||||
|
||||
<div id="innerBoard" data-ng-model="stacks">
|
||||
<div class="stack" ng-repeat="s in stackservice.data" data-columnindex="{{$index}}" id="column{{$index}}" data-ng-model="stackservice.data" style="border: 5px solid #{{ boardservice.getCurrent().color }};">
|
||||
<h2><span ng-show="!s.status.editStack">{{ s.title }}</span>
|
||||
<form ng-submit="stackservice.update(s)">
|
||||
<input type="text" placeholder="Add a new stack" ng-blur="s.status.editStack=false" ng-model="s.title" ng-if="s.status.editStack" autofocus-on-insert required />
|
||||
<button class="icon icon-save" ng-if="s.status.editStack" type="submit"></button>
|
||||
</form>
|
||||
<div class="stack-actions">
|
||||
<button class="icon-rename" ng-click="s.status.editStack=true"></button>
|
||||
<button class="icon-delete" ng-click="stackservice.delete(s.id)"></button>
|
||||
</div>
|
||||
</h2>
|
||||
<ul data-as-sortable="sortOptions" data-ng-model="s.cards" style="min-height: 40px;">
|
||||
<li class="card as-sortable-item" ng-repeat="c in s.cards | cardSearchFilter: searchText | orderObjectBy:'order'" data-as-sortable-item ui-sref="board.card({boardId: id, cardId: c.id})" ng-class="{'archived': c.archived }">
|
||||
<div data-as-sortable-item-handle>
|
||||
<div class="card-upper">
|
||||
<h3>{{ c.title }}</h3>
|
||||
<ul class="labels">
|
||||
<li ng-repeat="label in c.labels" style="background-color: #{{ label.color }};"><span>{{ label.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<button class="card-options icon-more" ng-click="c.status.showMenu=!c.status.showMenu; $event.stopPropagation();" ng-model="card"></button>
|
||||
<div class="popovermenu bubble" ng-show="c.status.showMenu"><ul>
|
||||
<li><a class="menuitem action action-rename permanent" data-action="Rename"><span class="icon icon-rename"></span><span>Umbenennen</span></a></li>
|
||||
<li><a class="menuitem action action-rename permanent" data-action="Rename" ng-click="cardservice.archive(c); $event.stopPropagation();"><span class="fa fa-archive"></span><span>Archive</span></a></li>
|
||||
<li><a class="menuitem action action-delete permanent" data-action="Delete" ng-click="cardDelete(c)"><span class="icon icon-delete"></span><span>Löschen</span></a></li></ul>
|
||||
</div>
|
||||
<div class="card-assignees">
|
||||
<!-- <div class="avatar" avatar user="{{c.owner}}" size="24"></div>//-->
|
||||
<div id="board-header"
|
||||
style="background-color: {{boardservice.getCurrent().color | lightenColorFilter }}; color: {{boardservice.getCurrent().color | textColorFilter }};">
|
||||
<h1>
|
||||
{{ boardservice.data[id].title }}
|
||||
<div id="board-actions">
|
||||
<div class="board-action-button" ng-if="filter!='archive'"><a class="fa fa-archive" ng-click="switchFilter('archive')" style="opacity:0.5;"> </a></div>
|
||||
<div class="board-action-button" ng-if="filter=='archive'"><a class="fa fa-archive" ng-click="switchFilter('')"> </a></div>
|
||||
<div class="board-action-button"><a class="fa fa-info" ui-sref="board.detail({ id: id })"> </a>
|
||||
</div>
|
||||
<!--<span class="info due"><i class="fa fa-clock-o" aria-hidden="true"></i> <span>Today</span></span>
|
||||
<span class="info tasks"><i class="fa fa-list" aria-hidden="true"></i> <span>3/12</span></span>
|
||||
<span class="info members"><i class="fa fa-users" aria-hidden="true"></i> <span>4</span></span>
|
||||
//-->
|
||||
</div>
|
||||
</h1>
|
||||
</div>
|
||||
<div id="board" class="scroll-container">
|
||||
|
||||
<search on-search="search" class="ng-hide"></search>
|
||||
|
||||
<div id="innerBoard" data-ng-model="stacks">
|
||||
<div class="stack" ng-repeat="s in stacks"
|
||||
data-columnindex="{{$index}}" id="column{{$index}}"
|
||||
data-ng-model="stackservice.data" style="">
|
||||
<h2><span ng-show="!s.status.editStack">{{ s.title }}</span>
|
||||
<form ng-submit="stackservice.update(s)">
|
||||
<input type="text" placeholder="Add a new stack"
|
||||
ng-blur="s.status.editStack=false" ng-model="s.title"
|
||||
ng-if="s.status.editStack" autofocus-on-insert
|
||||
required/>
|
||||
<button class="icon icon-save" ng-if="s.status.editStack"
|
||||
type="submit"></button>
|
||||
</form>
|
||||
<div class="stack-actions">
|
||||
<button class="icon-rename"
|
||||
ng-click="s.status.editStack=true"></button>
|
||||
<button class="icon-delete"
|
||||
ng-click="stackservice.delete(s.id)"></button>
|
||||
</div>
|
||||
</h2>
|
||||
<ul data-as-sortable="sortOptions" is-disabled="filter==='archive'" data-ng-model="s.cards"
|
||||
style="min-height: 40px;">
|
||||
<li class="card as-sortable-item"
|
||||
ng-repeat="c in s.cards"
|
||||
data-as-sortable-item
|
||||
ui-sref="board.card({boardId: id, cardId: c.id})"
|
||||
ng-class="{'archived': c.archived, 'has-labels': c.labels }">
|
||||
<div data-as-sortable-item-handle>
|
||||
<div class="card-upper">
|
||||
<h3>{{ c.title }}</h3>
|
||||
<ul class="labels">
|
||||
<li ng-repeat="label in c.labels"
|
||||
style="background-color: #{{ label.color }};">
|
||||
<span>{{ label.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<button class="card-options icon-more"
|
||||
ng-click="c.status.showMenu=!c.status.showMenu; $event.stopPropagation();"
|
||||
ng-model="card"></button>
|
||||
<div class="popovermenu bubble"
|
||||
ng-show="c.status.showMenu">
|
||||
<ul>
|
||||
<li ng-if="filter!=='archive'">
|
||||
<a class="menuitem action action-rename permanent"
|
||||
data-action="Archive"
|
||||
ng-click="cardArchive(c); $event.stopPropagation();"><span
|
||||
class="fa fa-archive"></span><span><?php p($l->t('Archive')); ?></span></a>
|
||||
</li>
|
||||
<li ng-if="filter==='archive'">
|
||||
<a class="menuitem action action-rename permanent"
|
||||
data-action="Unarchive"
|
||||
ng-click="cardUnarchive(c); $event.stopPropagation();"><span
|
||||
class="fa fa-archive"></span><span><?php p($l->t('Unarchive')); ?></span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="menuitem action action-delete permanent"
|
||||
data-action="Delete"
|
||||
ng-click="cardDelete(c)"><span
|
||||
class="icon icon-delete"></span><span><?php p($l->t('Delete')); ?></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-assignees" ng-if="c.assignees">
|
||||
<!-- <div class="avatar" avatar user="{{c.owner}}" size="24"></div>//-->
|
||||
</div>
|
||||
<!--<span class="info due"><i class="fa fa-clock-o" aria-hidden="true"></i> <span>Today</span></span>
|
||||
<span class="info tasks"><i class="fa fa-list" aria-hidden="true"></i> <span>3/12</span></span>
|
||||
//-->
|
||||
|
||||
|
||||
</div>
|
||||
</li></ul>
|
||||
<ul>
|
||||
<li class="card archived" ng-repeat="card in s.cards | cardSearchFilter: searchText | orderObjectBy:'lastModified'" ui-sref="board.card({boardId: id, cardId: c.id})">
|
||||
<div>
|
||||
<div class="card-upper">
|
||||
<h3>{{ card.title }}</h3>
|
||||
<ul class="labels">
|
||||
<li ng-repeat="label in c.labels" style="background-color: #{{ label.color }};"><span>{{ label.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="card-options fa fa-archive"></button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- CREATE CARD //-->
|
||||
<div class="card create" style="background-color:#{{ boardservice.getCurrent().color }};">
|
||||
<form ng-submit="createCard(s.id, newCard.title)">
|
||||
<h3 ng-if="s.status.addCard" >
|
||||
<input type="text" autofocus-on-insert ng-model="newCard.title" ng-blur="s.status.addCard=false" required />
|
||||
</h3>
|
||||
</form>
|
||||
<div class="fa fa-plus" ng-if="!s.status.addCard" ng-click="s.status.addCard=!s.status.addCard"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stack" style="display: inline-block;">
|
||||
<form class="ng-pristine ng-valid" ng-submit="createStack()">
|
||||
<h2>
|
||||
<input type="text" placeholder="Add a new stack" ng-focus="status.addStack=true" ng-blur="status.addStack=false" ng-model="newStack.title" required />
|
||||
<button class="icon icon-add" ng-show="status.addStack" type="submit"></button>
|
||||
</h2>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- CREATE CARD //-->
|
||||
<div class="card create"
|
||||
style="background-color:#{{ boardservice.getCurrent().color }};" ng-if="checkCanEdit()">
|
||||
<form ng-submit="createCard(s.id, newCard.title)">
|
||||
<h3 ng-if="s.status.addCard">
|
||||
<input type="text" autofocus-on-insert
|
||||
ng-model="newCard.title"
|
||||
ng-blur="s.status.addCard=false" required/>
|
||||
</h3>
|
||||
</form>
|
||||
<div class="fa fa-plus" ng-if="!s.status.addCard"
|
||||
ng-click="s.status.addCard=!s.status.addCard"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stack" style="display: inline-block;" ng-if="checkCanEdit()">
|
||||
<form class="ng-pristine ng-valid" ng-submit="createStack()">
|
||||
<h2>
|
||||
<input type="text" placeholder="Add a new stack"
|
||||
ng-focus="status.addStack=true"
|
||||
ng-blur="status.addStack=false"
|
||||
ng-model="newStack.title" required/>
|
||||
<button class="icon icon-add" ng-show="status.addStack"
|
||||
type="submit"></button>
|
||||
</h2>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -11,15 +11,14 @@
|
||||
|
||||
|
||||
<ul class="tabHeaders">
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==0 || !status.boardtab)}" ng-click="status.boardtab=0"><a>Sharing</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==1)}" ng-click="status.boardtab=1"><a>Labels</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==2)}" ng-click="status.boardtab=2"><a>Settings</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==0 || !status.boardtab)}" ng-click="status.boardtab=0"><a><?php p($l->t('Sharing')); ?></a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==1)}" ng-click="status.boardtab=1"><a><?php p($l->t('Labels')); ?></a></li>
|
||||
</ul>
|
||||
<div class="tabsContainer">
|
||||
<div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==0 || !status.boardtab">
|
||||
|
||||
<ui-select ng-model="status.addSharee" theme="bootstrap" style="width:100%;" title="Choose a user to assign" placeholder="Assign users ..." on-select="addAcl(status.addSharee)">
|
||||
<ui-select-match placeholder="Select users...">
|
||||
<ui-select-match placeholder="<?php p($l->t('Select users...')); ?>">
|
||||
<span><i class="fa fa-{{$item.type}}"></i> {{ $item.participant }}</span>
|
||||
</ui-select-match>
|
||||
<!-- FIXME: filter by selected or add multiple //-->
|
||||
@@ -27,30 +26,38 @@
|
||||
<span><i class="fa fa-{{sharee.type}}"></i> {{ sharee.participant }}</span>
|
||||
</ui-select-choices>
|
||||
<ui-select-no-choice>
|
||||
Dang! We couldn't find any choices...
|
||||
<?php p($l->t('Dang! We couldn\'t find any choices...')); ?>
|
||||
</ui-select-no-choice>
|
||||
</ui-select>
|
||||
|
||||
<ul id="shareWithList" class="shareWithList">
|
||||
<li>
|
||||
<span class="icon-loading-small" style="display:none;"></span>
|
||||
<div class="avatardiv" avatar ng-attr-displayname="{{ boardservice.getCurrent().owner }}" ng-if="boardservice.id"></div>
|
||||
<span class="has-tooltip username">
|
||||
{{ boardservice.getCurrent().owner }}</span>
|
||||
<span class="shareOption"><?php p($l->t('Board owner')); ?></span>
|
||||
</li>
|
||||
<li ng-repeat="acl in boardservice.getCurrent().acl track by $index">
|
||||
<span class="icon-loading-small" style="display:none;"></span>
|
||||
<div class="avatar " data-username="directmenu" style="height: 32px; width: 32px; color: rgb(255, 255, 255); font-weight: normal; text-align: center; line-height: 32px; font-size: 17.6px; background-color: rgb(195, 222, 124);">D</div>
|
||||
<div class="avatardiv" avatar displayname="{{ acl.participant }}" ng-if="acl.type=='user'"></div>
|
||||
<div class="avatardiv" ng-if="acl.type=='group'"><i class="fa fa-{{acl.type}}"></i></div>
|
||||
|
||||
<span class="has-tooltip username">
|
||||
<i class="fa fa-{{acl.type}}"></i>
|
||||
{{ acl.participant }}</span>
|
||||
<span class="shareOption">
|
||||
<input type="checkbox" class="permissions checkbox" id="checkbox-permission-{{ acl.id }}-share" ng-model="acl.permissionInvite" ng-change="updateAcl(acl)" />
|
||||
<label for="checkbox-permission-{{ acl.id }}-share">teilen</label>
|
||||
<label for="checkbox-permission-{{ acl.id }}-share"><?php p($l->t('Share')); ?></label>
|
||||
</span>
|
||||
<span class="shareOption">
|
||||
<input type="checkbox" class="permissions checkbox" id="checkbox-permission-{{ acl.id }}-edit" ng-model="acl.permissionWrite" ng-change="updateAcl(acl)" />
|
||||
<label for="checkbox-permission-{{ acl.id }}-edit">bearbeiten</label>
|
||||
<label for="checkbox-permission-{{ acl.id }}-edit"><?php p($l->t('Edit')); ?></label>
|
||||
</span>
|
||||
<span class="shareOption">
|
||||
<input type="checkbox" class="permissions checkbox" id="checkbox-permission-{{ acl.id }}-manage" ng-model="acl.permissionManage" ng-change="updateAcl(acl)" />
|
||||
<label for="checkbox-permission-{{ acl.id }}-manage">verwalten</label>
|
||||
<label for="checkbox-permission-{{ acl.id }}-manage"><?php p($l->t('Manage')); ?></label>
|
||||
</span>
|
||||
<a class="unshare" ng-click="deleteAcl(acl)"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span class="hidden-visually">Freigabe aufheben</span></a>
|
||||
<a class="unshare" ng-click="deleteAcl(acl)"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span class="hidden-visually"><?php p($l->t('Discard share')); ?></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -85,16 +92,9 @@
|
||||
</form>
|
||||
</li>
|
||||
<li ng-if="!status.createLabel">
|
||||
<a ng-click="status.createLabel=true"><span class="fa fa-plus"> </span> Create a new Label</a>
|
||||
<a ng-click="status.createLabel=true"><span class="fa fa-plus"> </span> <?php p($l->t('Create a new label')); ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==2">
|
||||
<p><input type="checkbox" class="checkbox" id="allowInvite" /> <label for="allowInvite">Allow members to invite other users</label></p>
|
||||
<p><input type="checkbox" class="checkbox" id="allowInvite" /> <label for="allowInvite">Allow members to make board public</label></p>
|
||||
<p><input type="checkbox" class="checkbox" id="allowInvite" /> <label for="allowInvite">Allow members to change labels</label></p>
|
||||
<p><input type="checkbox" class="checkbox" id="allowInvite" /> <label for="allowInvite">Allow members to create new stacks</label></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,54 @@
|
||||
<div id="boardlist">
|
||||
<table width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="cell-board-bullet"></td>
|
||||
<td class="cell-board-title">Board Title</td>
|
||||
<td class="cell-board-members">Members</td>
|
||||
<td class="cell-board-actions">Actions</td>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr data-ng-repeat="b in boardservice.data" ui-sref="board({boardId: b.id})">
|
||||
<td>
|
||||
<span class="board-bullet" style="background-color:#{{b.color}};"> </span>
|
||||
</td>
|
||||
<td> <a href="#/board/{{b.id}}">{{ b.title }}</a></td>
|
||||
<td>
|
||||
<div id="assigned-users">
|
||||
<!--<div class="avatardiv" style="height: 30px; width: 30px; color: rgb(255, 255, 255); font-weight: normal; text-align: center; line-height: 30px; font-size: 17px; background-color: rgb(213, 231, 116);">D</div>//-->
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<a class="action action-share permanent" href="#" data-action="Share" data-original-title="" title=""><span class="icon icon-share"></span><span class="hidden-visually">Sharing</span></a>
|
||||
<a class="action action-menu permanent" href="#" data-action="menu" data-original-title="" title=""><span class="icon icon-more"></span><span class="hidden-visually">Aktionen</span></a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="icon icon-add"></span></td>
|
||||
<td>
|
||||
<a ng-click="status.addBoard=!status.addBoard" ng-show="!status.addBoard">
|
||||
Board erstellen
|
||||
</a>
|
||||
<form ng-show="status.addBoard" ng-disabled="isAddingList" class="ng-pristine ng-valid" ng-submit="createBoard()">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" placeholder="Neue Liste" autofocus-on-insert ng-model="newBoard.title">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors" style="background-color:#{{ c }};" ng-click="selectColor(c)" ng-class="{'selected': (c == newBoard.color) }"><br /></div>
|
||||
</div>
|
||||
<input type="submit" value="" class="icon-checkmark svg">
|
||||
|
||||
</form>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table width="100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="cell-board-bullet"></td>
|
||||
<td class="cell-board-title" width="90%"><?php p($l->t('Board title')); ?></td>
|
||||
<td class="cell-board-members"><?php p($l->t('Members')); ?></td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr data-ng-repeat="b in boardservice.data"
|
||||
ui-sref="board({boardId: b.id})">
|
||||
<td>
|
||||
<span class="board-bullet"
|
||||
style="background-color:#{{b.color}};"> </span>
|
||||
</td>
|
||||
<td><a href="#/board/{{b.id}}">{{ b.title }}</a></td>
|
||||
<td>
|
||||
<div id="assigned-users">
|
||||
<div class="avatardiv" avatar
|
||||
displayname="{{ b.owner }}"></div>
|
||||
<div class="avatardiv" avatar
|
||||
displayname="{{ acl.participant }}"
|
||||
ng-repeat="acl in b.acl | limitTo: 7"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="icon icon-add"></span></td>
|
||||
<td>
|
||||
<a ng-click="status.addBoard=!status.addBoard"
|
||||
ng-show="!status.addBoard">
|
||||
<?php p($l->t('Create new board')); ?>
|
||||
</a>
|
||||
<form ng-show="status.addBoard" ng-disabled="isAddingList"
|
||||
class="ng-pristine ng-valid" ng-submit="createBoard()">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty"
|
||||
type="text" placeholder="<?php p($l->t('New board title')); ?>"
|
||||
autofocus-on-insert ng-model="newBoard.title">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors"
|
||||
style="background-color:#{{ c }};"
|
||||
ng-click="selectColor(c)"
|
||||
ng-class="{'selected': (c == newBoard.color) }">
|
||||
<br/></div>
|
||||
</div>
|
||||
<input type="submit" value="" class="icon-checkmark svg">
|
||||
</form>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -1,78 +1,107 @@
|
||||
<div id="board-status" ng-if="statusservice.active">
|
||||
<div id="emptycontent">
|
||||
<div class="icon-{{ statusservice.icon }}"></div>
|
||||
<h2>{{ statusservice.title }}</h2>
|
||||
<p>{{ statusservice.text }}</p></div>
|
||||
<div id="emptycontent">
|
||||
<div class="icon-{{ statusservice.icon }}"></div>
|
||||
<h2>{{ statusservice.title }}</h2>
|
||||
<p>{{ statusservice.text }}</p></div>
|
||||
</div>
|
||||
{{card=cardservice.getCurrent();""}}
|
||||
<div id="card-header">
|
||||
<a class="icon-close" ui-sref="board" ng-click="sidebar.show=!sidebar.show"> </a>
|
||||
<h2>
|
||||
<form ng-submit="renameCard(cardservice.getCurrent())">
|
||||
<!-- TODO: change to textarea elastic //-->
|
||||
<input class="input-inline" type="text" ng-if="status.renameCard" ng-model="cardservice.getCurrent().title" ng-blur="renameCard(cardservice.getCurrent())" autofocus-on-insert required>
|
||||
</form>
|
||||
<div ng-click="status.renameCard=true" ng-show="!status.renameCard">{{ cardservice.getCurrent().title }}</div>
|
||||
</h2>
|
||||
<a class="icon-close" ui-sref="board" ng-click="sidebar.show=!sidebar.show"> </a>
|
||||
<h2>
|
||||
<form ng-submit="renameCard(cardservice.getCurrent())">
|
||||
<!-- TODO: change to textarea elastic //-->
|
||||
<input class="input-inline" type="text" ng-if="status.renameCard"
|
||||
ng-model="cardservice.getCurrent().title"
|
||||
ng-blur="renameCard(cardservice.getCurrent())"
|
||||
autofocus-on-insert required>
|
||||
</form>
|
||||
<div ng-click="status.renameCard=true" ng-show="!status.renameCard">{{
|
||||
cardservice.getCurrent().title }}
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="card-meta" class="card-block">
|
||||
<div id="card-dates">
|
||||
Modified: <span>{{ cardservice.getCurrent().lastModified*1000|date:'medium' }}</span>
|
||||
Created: <span>{{ cardservice.getCurrent().createdAt*1000|date:'medium' }}</span>
|
||||
by <span>{{ cardservice.getCurrent().owner }}</span>
|
||||
</div>
|
||||
<div id="card-meta" class="card-block">
|
||||
<div id="card-dates">
|
||||
<?php p($l->t('Modified:')); ?> <span>{{ cardservice.getCurrent().lastModified*1000|date:'medium' }}</span>
|
||||
<?php p($l->t('Created:')); ?> <span>{{ cardservice.getCurrent().createdAt*1000|date:'medium' }}</span>
|
||||
<?php p($l->t('by')); ?>
|
||||
<span>{{ cardservice.getCurrent().owner }}</span>
|
||||
</div>
|
||||
|
||||
<ui-select multiple tagging="" ng-model="card.labels" theme="bootstrap" style="width:100%;" title="Choose a label" placeholder="Add a label"
|
||||
on-select="labelAssign($item, $model)" on-remove="labelRemove($item, $model)">
|
||||
<ui-select-match placeholder="Select labels..."><span class="select-label" style="background-color:#{{$item.color}}">{{$item.title}}</span></ui-select-match>
|
||||
<ui-select-choices repeat="label in boardservice.getCurrent().labels | filter:$select.search">
|
||||
<span style="background-color:#{{label.color}}">{{label.title}}</span>
|
||||
</ui-select-choices>
|
||||
</ui-select>
|
||||
<div id="labels">
|
||||
<ui-select multiple tagging="" ng-model="card.labels" theme="bootstrap"
|
||||
style="width:100%;" title="Choose a label"
|
||||
placeholder="Add a label"
|
||||
on-select="labelAssign($item, $model)"
|
||||
on-remove="labelRemove($item, $model)">
|
||||
<ui-select-match placeholder="Select labels..."><span
|
||||
class="select-label"
|
||||
style="background-color:#{{$item.color}}">{{$item.title}}</span>
|
||||
</ui-select-match>
|
||||
<ui-select-choices
|
||||
repeat="label in boardservice.getCurrent().labels | filter:$select.search">
|
||||
<span
|
||||
style="background-color:#{{label.color}}">{{label.title}}</span>
|
||||
</ui-select-choices>
|
||||
</ui-select>
|
||||
</div>
|
||||
|
||||
<div id="assigned-users">
|
||||
<ui-select multiple tagging="" ng-model="card.assignees" theme="bootstrap" style="width:100%;" title="Choose a user to assign" placeholder="Assign users ..."
|
||||
on-select="userAssign($item, $model)" on-remove="userRemove($item, $model)">
|
||||
<ui-select-match placeholder="Select users...">{{$item.title}}</ui-select-match>
|
||||
<ui-select-choices repeat="label in boardservice.getCurrent().labels | filter:$select.search">
|
||||
<span style="background-color:#{{label.color}}">{{label.title}}</span>
|
||||
</ui-select-choices>
|
||||
</ui-select>
|
||||
</div>
|
||||
<!--<div id="assigned-users">
|
||||
<ui-select multiple tagging="" ng-model="card.assignees"
|
||||
theme="bootstrap" style="width:100%;"
|
||||
title="Choose a user to assign"
|
||||
placeholder="Assign users ..."
|
||||
on-select="userAssign($item, $model)"
|
||||
on-remove="userRemove($item, $model)">
|
||||
<ui-select-match placeholder="Select users...">{{$item.title}}
|
||||
</ui-select-match>
|
||||
<ui-select-choices
|
||||
repeat="label in boardservice.getCurrent().labels | filter:$select.search">
|
||||
<span
|
||||
style="background-color:#{{label.color}}">{{label.title}}</span>
|
||||
</ui-select-choices>
|
||||
</ui-select>
|
||||
</div>//-->
|
||||
|
||||
<div id="card-description">
|
||||
<h3>Description</h3>
|
||||
<textarea elastic ng-if="status.description" placeholder="Enter your description here ..." ng-blur="updateCard(cardservice.getCurrent())" ng-model="cardservice.getCurrent().description" autofocus-on-insert> </textarea>
|
||||
<div class="container" ng-click="editDescription()" ng-show="!status.description" ng-animate><div ng-bind-html="cardservice.getCurrent().description | markdown" id="markdown"></div><div class="placeholder" ng-if="!cardservice.getCurrent().description">Add a card description ...</div></div>
|
||||
<div id="card-description">
|
||||
<h3>Description</h3>
|
||||
<textarea elastic ng-if="status.description"
|
||||
placeholder="Enter your description here ..."
|
||||
ng-blur="updateCard(cardservice.getCurrent())"
|
||||
ng-model="cardservice.getCurrent().description"
|
||||
autofocus-on-insert> </textarea>
|
||||
<div class="container" ng-click="editDescription()"
|
||||
ng-show="!status.description" ng-animate>
|
||||
<div ng-bind-html="cardservice.getCurrent().description | markdown"
|
||||
id="markdown"></div>
|
||||
<div class="placeholder"
|
||||
ng-if="!cardservice.getCurrent().description"><?php p($l->t('Add a card description ...')); ?></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
<ul class="tabHeaders">
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==0 || !status.boardtab)}" ng-click="status.boardtab=0"><a>Attachments</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==1)}" ng-click="status.boardtab=1"><a>Comments</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==2)}" ng-click="status.boardtab=2"><a>History</a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==0 || !status.boardtab)}" ng-click="status.boardtab=0"><a><?php p($l->t('Attachments')); ?></a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==1)}" ng-click="status.boardtab=1"><a><?php p($l->t('Comments')); ?></a></li>
|
||||
<li class="tabHeader" ng-class="{'selected': (status.boardtab==2)}" ng-click="status.boardtab=2"><a><?php p($l->t('History')); ?></a></li>
|
||||
</ul>
|
||||
<div class="tabsContainer">
|
||||
<div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==0 || !status.boardtab">
|
||||
|
||||
<div id="card-attachments">
|
||||
<button ng-click="status.addAttachment=true"><i class="fa fa-plus"></i> Add an attachment</button>
|
||||
<div ng-if="status.addAttachment" id="attachment-add">
|
||||
<button><i class="fa fa-file"></i> Attach a File</button>
|
||||
<button><i class="fa fa-link"></i> Attach a URL</button>
|
||||
<button><i class="fa fa-calendar"></i> Attach an Event</button>
|
||||
<button><i class="fa fa-user"></i> Attach an Contact</button>
|
||||
<button><i class="fa fa-image"></i> Attach an Image</button>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="fa fa-file"></span> clienta_webdesign_darft_032.pdf
|
||||
<span class="fa fa-file"></span> myfilename.pdf
|
||||
<div class="details">
|
||||
<span class="user">Added by John Doe at</span>
|
||||
<span class="added">1.3.2014 14:13</span>
|
||||
@@ -81,41 +110,11 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id="board-detail-labels" class="tab commentsTabView" ng-if="status.boardtab==1">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id="commentsTabView" class="tab commentsTabView" ng-if="status.boardtab==2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
<div class="card-block">
|
||||
|
||||
<h3>Comments</h3>
|
||||
</div>
|
||||
<div class="card-block">
|
||||
<h3>Build Status</h3>
|
||||
<p>
|
||||
Autem inventore et exercitationem quas voluptatem perspiciatis nostrum. Eligendi numquam officia quas facere voluptas mollitia. Blanditiis quia eveniet ipsum magnam. Et consectetur repellat eum odio impedit dolorem veritatis. Aperiam delectus qui quis enim consequatur nihil. Provident molestiae et occaecati facere.
|
||||
Quod perspiciatis ea dolores nostrum numquam rerum consectetur ut. Ex voluptatem fugiat officia voluptas et officia eaque consequatur. Voluptas minus soluta minima consequatur aspernatur ad voluptas. Neque et deleniti sunt a reprehenderit rerum.
|
||||
Non rerum natus recusandae dolorem nihil. Impedit dolore molestiae dolorum aspernatur. Impedit nulla dolore amet consectetur voluptatem iusto sit. Repellendus in pariatur officiis eos necessitatibus saepe est ut. Quia vel adipisci voluptate expedita hic. Ad sed quia aut inventore consequatur.
|
||||
Quia quia qui aspernatur cumque quo omnis corporis. Reprehenderit id sint architecto magni in. Et harum sequi eaque quasi qui sed id quod.
|
||||
Officia quaerat facere et totam officiis dolores velit qui. Earum velit sint quia. Id libero quibusdam voluptatem.
|
||||
</p>
|
||||
<p>
|
||||
Autem inventore et exercitationem quas voluptatem perspiciatis nostrum. Eligendi numquam officia quas facere voluptas mollitia. Blanditiis quia eveniet ipsum magnam. Et consectetur repellat eum odio impedit dolorem veritatis. Aperiam delectus qui quis enim consequatur nihil. Provident molestiae et occaecati facere.
|
||||
Quod perspiciatis ea dolores nostrum numquam rerum consectetur ut. Ex voluptatem fugiat officia voluptas et officia eaque consequatur. Voluptas minus soluta minima consequatur aspernatur ad voluptas. Neque et deleniti sunt a reprehenderit rerum.
|
||||
Non rerum natus recusandae dolorem nihil. Impedit dolore molestiae dolorum aspernatur. Impedit nulla dolore amet consectetur voluptatem iusto sit. Repellendus in pariatur officiis eos necessitatibus saepe est ut. Quia vel adipisci voluptate expedita hic. Ad sed quia aut inventore consequatur.
|
||||
Quia quia qui aspernatur cumque quo omnis corporis. Reprehenderit id sint architecto magni in. Et harum sequi eaque quasi qui sed id quod.
|
||||
Officia quaerat facere et totam officiis dolores velit qui. Earum velit sint quia. Id libero quibusdam voluptatem.
|
||||
</p>
|
||||
</div>// -->
|
||||
//-->
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
<ul class="with-icon">
|
||||
|
||||
<li><a href="#" class="">All Boards</a></li>
|
||||
<li><a href="#" class=""><?php p($l->t('All Boards')); ?></a></li>
|
||||
<!--
|
||||
<li><a href="#" class="icon-starred">Starred Boards</a></li>
|
||||
<li><a href="#" class="icon-share">Shared Boards</a></li>
|
||||
<li><a href="#" class="icon-public">Public Boards</a></li>
|
||||
//-->
|
||||
|
||||
<li class="with-menu" data-ng-repeat="b in boardservice.data">
|
||||
<li class="with-icon with-menu" data-ng-repeat="b in boardservice.data">
|
||||
<span class="board-bullet" style="background-color:#{{b.color}};" ng-if="!b.status.edit"> </span>
|
||||
<a href="#/board/{{b.id}}" ng-if="!b.status.edit">{{ b.title }}</a>
|
||||
<div class="app-navigation-entry-utils" ng-show="!b.status.edit">
|
||||
<a href="#/board/{{b.id}}/" ng-if="!b.status.edit">{{ b.title }}</a>
|
||||
<div class="app-navigation-entry-utils" ng-show="!b.status.edit" style="position:absolute;">
|
||||
<ul>
|
||||
<li class="app-navigation-entry-utils-menu-button svg"><button class="icon-more"></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="app-navigation-entry-menu" ng-show="!b.status.edit">
|
||||
<div class="app-navigation-entry-menu app-navigation-noclose" ng-show="!b.status.edit">
|
||||
<ul>
|
||||
<li><button class="icon-share svg" title="share"></button></li>
|
||||
<li><button class="icon-rename svg" title="rename" ng-click="b.status.edit=true"></button></li>
|
||||
@@ -40,17 +40,18 @@
|
||||
|
||||
<!-- Add new Board //-->
|
||||
<li>
|
||||
<a ng-click="status.addBoard=!status.addBoard" ng-show="!status.addBoard" class="icon-add">
|
||||
Board erstellen
|
||||
<a ng-click="status.addBoard=!status.addBoard" ng-show="!status.addBoard" class="icon-add app-navigation-noclose">
|
||||
<?php p($l->t('Create a new board')); ?>
|
||||
</a>
|
||||
<div class="app-navigation-entry-edit" ng-if="status.addBoard">
|
||||
<form ng-disabled="isAddingList" class="ng-pristine ng-valid" ng-submit="createBoard()">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" placeholder="Neue Liste" autofocus-on-insert ng-model="newBoard.title">
|
||||
<input id="newTitle" class="edit ng-valid ng-empty" type="text" placeholder="<?php p($l->t('Board title')); ?>" autofocus-on-insert ng-model="newBoard.title">
|
||||
<input type="submit" value="" class="action icon-checkmark svg">
|
||||
<div class="colorselect">
|
||||
<div class="color" ng-repeat="c in colors" style="background-color:#{{ c }};" ng-click="selectColor(c)" ng-class="{'selected': (c == newBoard.color) }"><br /></div>
|
||||
<div class="color" ng-repeat="c in colors" style="background-color:#{{ c }};" ng-click="selectColor(c)" n:w
|
||||
g-class="{'selected': (c == newBoard.color) }"><br /></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
@@ -5,11 +5,7 @@
|
||||
></button>
|
||||
</div>
|
||||
<div id="app-settings-content">
|
||||
We will provide some options here!
|
||||
<?php p($l->t('We will provide some options here!')); ?>
|
||||
<br />
|
||||
<input type="checkbox" /> Show labels on cards<br />
|
||||
<input type="checkbox" /> Show summary on cards<br />
|
||||
<input type="checkbox" /> Show members on cards<br />
|
||||
<input type="checkbox" /> Show archived cards
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user