From 9353e4852c50439e45dd4c444b60b39f96d2c90b Mon Sep 17 00:00:00 2001
From: Ryan Fletcher <ryan.fletcher@codepassion.ca>
Date: Tue, 21 Aug 2018 14:35:03 -0400
Subject: [PATCH] Added empty message to board list when there are no boards
 present.

Signed-off-by: Ryan Fletcher <ryan.fletcher@codepassion.ca>
---
 css/style.scss               | 5 +++++
 templates/part.boardlist.php | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/css/style.scss b/css/style.scss
index 12504fe91..29798eac5 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -34,6 +34,11 @@ $color-darkgrey: nc-darken($color-main-background, 32%);
 /**
  * General styles
  */
+
+.center-text {
+	text-align: center;
+}
+
 button,
 .button,
 .app-deck .icon {
diff --git a/templates/part.boardlist.php b/templates/part.boardlist.php
index f7043b51f..f4e6aa19c 100644
--- a/templates/part.boardlist.php
+++ b/templates/part.boardlist.php
@@ -24,7 +24,12 @@
 		</tr>
 		</thead>
 		<tbody>
-		<tr data-ng-repeat="b in boardservice.sorted track by b.id" ng-class="{deleted: b.deletedAt > 0}">
+		<tr ng-if="boardservice.sorted.length == 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)">
 				<div class="board-bullet" ng-style="{'background-color':'#'+b.color}"> </div>
 			</td>