deck/templates/part.boardlist.php

<div id="controls">
	<div class="breadcrumb">
		<div class="crumb svg last">
			<a href="#" class="icon-home" title="<?php p($l->t('All Boards')); ?>">
			</a>
			<span style="display: none;"></span>
		</div>
	</div>
</div>
<div id="boardlist">
	<table width="100%">
		<thead>
		<tr>
			<td class="cell-board-bullet"></td>
			<td class="cell-board-title" width="90%"><?php p($l->t('Title')); ?></td>
			<td class="cell-board-members"><?php p($l->t('Members')); ?></td>
			<td></td>
		</tr>
		</thead>
		<tbody>
		<tr data-ng-repeat="b in boardservice.sorted" ng-class="{deleted: b.deletedAt > 0}">
			<td ng-click="gotoBoard(b)">
				<div class="board-bullet"
					  ng-style="{'background-color':'#{{b.color}}'};"> </div>
			</td>
			<td>
				<div ng-click="gotoBoard(b)" ng-show="!b.status.edit">{{ b.title }}</div>
				<div class="app-navigation-entry-edit" ng-show="b.status.edit">
					<form ng-disabled="isAddingList" class="ng-pristine ng-valid" ng-submit="boardUpdate(b)">
						<input id="newTitle" class="edit ng-valid ng-empty" type="text" autofocus-on-insert ng-model="b.title" maxlength="100">
						<div class="colorselect">
							<div class="color" ng-repeat="c in colors" ng-style="{'background-color':'#{{ c }}'}" ng-click="b.color=c" ng-class="{'selected': (c == b.color) }"><br /></div>
						</div>
					</form>
				</div>
			</td>
			<td>
				<div id="assigned-users">
					<div class="avatardiv" avatar displayname="{{ b.owner.uid }}" title="{{ b.owner.displayname }}"></div>
					<div class="avatardiv" avatar displayname="{{ acl.participant.uid }}" title="{{ acl.participant.uid }}" ng-repeat="acl in b.acl | limitTo: 7"></div>
				</div>
			</td>
			<td>
				<div class="hint"></div>
				<div class="app-popover-menu-utils" ng-if="b.deletedAt == 0" ng-show="!b.status.edit">
					<button class="icon icon-more button-inline" title="<?php p($l->t('More actions')); ?>"></button>
					<div class="popovermenu bubble hidden">
						<ul>
							<li ng-click="boardUpdateBegin(b); b.status.edit = true">
								<a class="menuitem"><span class="icon-rename"></span> <?php p($l->t('Edit board')); ?>
								</a>
							</li>
							<li ng-if="boardservice.canManage(b) && !b.archived" ng-click="boardArchive(b)">
								<a class="menuitem"><span class="icon-archive"></span> <?php p($l->t('Archive board')); ?>
								</a>
							</li>
							<li ng-if="boardservice.canManage(b) && b.archived" ng-click="boardUnarchive(b)">
								<a class="menuitem"><span class="icon-archive"></span> <?php p($l->t('Unarchive board')); ?>
								</a>
							</li>
							<li ng-if="boardservice.canManage(b)" ng-click="boardDelete(b)">
								<a class="menuitem"><span class="icon-delete"></span> <?php p($l->t('Delete board')); ?>
								</a>
							</li>
							<li ui-sref="board.detail({boardId: b.id})">
								<a class="menuitem"><span class="icon-info"></span> <?php p($l->t('Board details')); ?>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="board-edit-controls" ng-show="b.status.edit">
					<span class="icon icon-checkmark" ng-click="boardUpdate(b)"></span>
					<span class="icon icon-close" ng-click="boardUpdateReset(b)"></span>
				</div>
				<div class="app-popover-menu-utils" ng-if="b.deletedAt > 0">
					<button class="icon icon-history button-inline" ng-click="boardDeleteUndo(b)" title="Undo board deletion - Otherwise the board will be deleted during the next cronjob run."></button>
				</div>
			</td>
		</tr>
		<tr ng-if="status.filter === '' && !status.addBoard" ng-click="status.addBoard=!status.addBoard" class="board-create">
			<td><span class="icon icon-add"></span></td>
			<td colspan="3">
				<a ng-click="status.addBoard=!status.addBoard"
				   ng-show="!status.addBoard">
					<?php p($l->t('Create new board')); ?>
				</a>
			</td>
		</tr>

		<tr ng-if="status.filter === '' && status.addBoard">
			<td><span class="icon icon-add"></span></td>
			<td>
				<form ng-disabled="isAddingList"
					  class="ng-pristine ng-valid" ng-submit="boardCreate()">
					<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" maxlength="100">
					<div class="colorselect">
						<div class="color" ng-repeat="c in colors"
							 ng-style="{'background-color':'#{{ c }}'}"
							 ng-click="selectColor(c)"
							 ng-class="{'selected': (c == newBoard.color), 'dark': (newBoard.color | textColorFilter) === '#ffffff' }"></div>
					</div>
				</form>
			</td>
			<td></td>
			<td>
				<div class="board-edit-controls">
					<span class="icon icon-checkmark" ng-click="boardCreate()"></span>
					<span class="icon icon-close" ng-click="status.addBoard=!status.addBoard"></span>
				</div>
			</td>
		</tr>
		</tbody>
	</table>
</div>