Implements the compact toggle

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>

templates/main.php

@@ -34,7 +34,13 @@ if (\OC_Util::getVersion()[0] < 14) {
 }
 ?>
 
-<div class="app app-deck" data-ng-app="Deck" ng-controller="AppController" ng-cloak config="<?php p(json_encode($_)); ?>" ng-class="{'app-navigation-hide': appNavigationHide}">
+<div
+		class="app app-deck"
+		data-ng-app="Deck"
+		ng-controller="AppController"
+		ng-cloak
+		config="<?php p(json_encode($_)); ?>"
+		ng-class="{'app-navigation-hide': appNavigationHide, 'compact-mode': compactMode}">
 
 	<div id="app-navigation" data-ng-controller="ListController" ng-init="initSidebar()">
 		<?php print_unescaped($this->inc('part.navigation')); ?>
@@ -60,4 +66,4 @@ if (\OC_Util::getVersion()[0] < 14) {
 		<?php print_unescaped($this->inc('part.card.attachments')); ?>
 	</script>
 
-</div>
+</div>

templates/part.board.headerControls.php

@@ -21,6 +21,10 @@
     <i class="icon icon-archive"></i>
     <span class="hidden-visually"><?php p($l->t('Hide archived cards')); ?></span>
 </button>
+<button ng-click="toggleCompactMode()" title="<?php p($l->t('Toggle compact mode')); ?>">
+	<i class="icon" ng-class="{ 'icon-toggle-compact-collapsed': compactMode, 'icon-toggle-compact-expanded': !compactMode }"></i>
+	<span class="hidden-visually"><?php p($l->t('Toggle compact mode')); ?></span>
+</button>
 <button ui-sref="board.detail({ id: id, tab: 0})"  title="<?php p($l->t('Board details')); ?>">
     <i class="icon icon-settings"></i>
     <span class="hidden-visually"><?php p($l->t('Board details')); ?></span>

templates/part.board.mainView.php

@@ -81,16 +81,15 @@
 										autofocus-on-insert required maxlength="100" />
 								</form>
 							</h4>
-							<ul class="labels">
+							<ul class="labels compact-item" ng-if="!compactMode">
 								<li ng-repeat="label in cardservice.get(c.id).labels"
 									ng-style="labelStyle(label.color)" title="{{ label.title }}">
 									<span>{{ label.title }}</span>
 								</li>
 							</ul>
-
 						</div>
 
-						<div class="card-controls">
+						<div class="card-controls compact-item" ng-if="!compactMode">
 							<i class="icon icon-filetype-text" ng-if="cardservice.get(c.id).description" title="{{ cardservice.get(c.id).description }}"></i>
 							<span class="due" ng-if="cardservice.get(c.id).duedate" ng-class="{'overdue': cardservice.get(c.id).overdue == 3, 'now': cardservice.get(c.id).overdue == 2, 'next': cardservice.get(c.id).overdue == 1  }" title="{{ cardservice.get(c.id).duedate }}">
 								<i class="icon icon-badge"></i>