cover images

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>

lib/Controller/BoardController.php

@@ -73,10 +73,11 @@ class BoardController extends ApiController {
 	 * @param $title
 	 * @param $color
 	 * @param $archived
+	 * @param $coverImages
 	 * @return \OCP\AppFramework\Db\Entity
 	 */
-	public function update($id, $title, $color, $archived) {
+	public function update($id, $title, $color, $archived, $coverImages) {
-		return $this->boardService->update($id, $title, $color, $archived);
+		return $this->boardService->update($id, $title, $color, $archived, $coverImages);
 	}
 
 	/**

lib/Db/Board.php

@@ -38,6 +38,7 @@ class Board extends RelationalEntity {
 	protected $stacks = [];
 	protected $deletedAt = 0;
 	protected $lastModified = 0;
+	protected $coverImages = true;
 
 	protected $settings = [];
 
@@ -47,6 +48,7 @@ class Board extends RelationalEntity {
 		$this->addType('archived', 'boolean');
 		$this->addType('deletedAt', 'integer');
 		$this->addType('lastModified', 'integer');
+		$this->addType('coverImages', 'boolean');
 		$this->addRelation('labels');
 		$this->addRelation('acl');
 		$this->addRelation('shared');

lib/Migration/Version10400Date20210305.php

@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OCA\Deck\Migration;
+
+use Closure;
+use OCP\DB\ISchemaWrapper;
+use OCP\Migration\IOutput;
+use OCP\Migration\SimpleMigrationStep;
+
+class Version10400Date20210305 extends SimpleMigrationStep {
+	public function changeSchema(IOutput $output, Closure $schemaClosure, array $options): ?ISchemaWrapper {
+		/** @var ISchemaWrapper $schema */
+		$schema = $schemaClosure();
+
+		// Add cover image database field
+		$table = $schema->getTable('deck_boards');
+		if (!$table->hasColumn('coverImages')) {
+			$table->addColumn('coverImages', 'boolean', [
+				'notnull' => false,
+				'default' => true,
+			]);
+		}
+		return $schema;
+	}
+}

lib/Service/BoardService.php

@@ -408,13 +408,14 @@ class BoardService {
 	 * @param $title
 	 * @param $color
 	 * @param $archived
+	 * @param $coverImages
 	 * @return \OCP\AppFramework\Db\Entity
 	 * @throws DoesNotExistException
 	 * @throws \OCA\Deck\NoPermissionException
 	 * @throws \OCP\AppFramework\Db\MultipleObjectsReturnedException
 	 * @throws BadRequestException
 	 */
-	public function update($id, $title, $color, $archived) {
+	public function update($id, $title, $color, $archived, $coverImages) {
 		if (is_numeric($id) === false) {
 			throw new BadRequestException('board id must be a number');
 		}
@@ -431,12 +432,17 @@ class BoardService {
 			throw new BadRequestException('archived must be a boolean');
 		}
 
+		if (is_bool($coverImages) === false) {
+			throw new BadRequestException('coverImages must be a boolean');
+		}
+
 		$this->permissionService->checkPermission($this->boardMapper, $id, Acl::PERMISSION_MANAGE);
 		$board = $this->find($id);
 		$changes = new ChangeSet($board);
 		$board->setTitle($title);
 		$board->setColor($color);
 		$board->setArchived($archived);
+		$board->setCoverImages($coverImages);
 		$changes->setAfter($board);
 		$this->boardMapper->update($board); // operate on clone so we can check for updated fields
 		$this->boardMapper->mapOwner($board);

src/components/cards/CardItem.vue

@@ -36,6 +36,7 @@
 			</div>
 			<div class="card-upper">
 				<h3 v-if="compactMode || isArchived || showArchived || !canEdit || standalone">
+					{{ attachments }}
 					{{ card.title }}
 				</h3>
 				<h3 v-else-if="!editing">
@@ -121,6 +122,7 @@ export default {
 		}),
 		...mapGetters([
 			'isArchived',
+
 		]),
 		board() {
 			return this.$store.getters.boardById(this?.stack?.boardId)
@@ -128,6 +130,9 @@ export default {
 		stack() {
 			return this.$store.getters.stackById(this?.card?.stackId)
 		},
+		attachments() {
+			return [...this.$store.getters.attachmentsByCard(this.currentCard.id)].filter(attachment => attachment.deletedAt >= 0)
+		},
 		canEdit() {
 			if (this.currentBoard) {
 				return !this.currentBoard.archived && this.$store.getters.canEdit

src/components/navigation/AppNavigationBoard.vue

@@ -111,7 +111,11 @@
 				@click="isDueSubmenuActive=true">
 				{{ dueDateReminderText }}
 			</ActionButton>
-
+			<ActionCheckbox v-if="canManage"
+				:checked="board.coverImages"
+				@change="actionToggleCoverImages">
+				{{ t('deck', 'Show cover images') }}
+			</ActionCheckbox>
 			<ActionButton v-if="canManage && !isDueSubmenuActive"
 				icon="icon-delete"
 				:close-after-click="true"
@@ -136,7 +140,7 @@
 </template>
 
 <script>
-import { AppNavigationIconBullet, AppNavigationCounter, AppNavigationItem, ColorPicker, Actions, ActionButton } from '@nextcloud/vue'
+import { AppNavigationIconBullet, AppNavigationCounter, AppNavigationItem, ColorPicker, Actions, ActionButton, ActionCheckbox } from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
 
 export default {
@@ -148,6 +152,7 @@ export default {
 		ColorPicker,
 		Actions,
 		ActionButton,
+		ActionCheckbox,
 	},
 	directives: {
 		ClickOutside,
@@ -308,6 +313,9 @@ export default {
 			this.isDueSubmenuActive = false
 			this.updateDueSetting = null
 		},
+		actionToggleCoverImages() {
+			this.$store.dispatch('toggleCoverImages', this.board)
+		},
 	},
 }
 </script>

src/store/main.js

@@ -311,6 +311,9 @@ export default new Vuex.Store({
 				Vue.delete(state.currentBoard.acl, removeIndex)
 			}
 		},
+		toggleCoverImages(state) {
+			state.coverImages = !state.coverImages
+		},
 
 	},
 	actions: {
@@ -497,5 +500,13 @@ export default new Vuex.Store({
 					dispatch('loadBoardById', acl.boardId)
 				})
 		},
+		toggleCoverImages({ commit }, board) {
+			const boardCopy = JSON.parse(JSON.stringify(board))
+			boardCopy.coverImages = !boardCopy.coverImages
+			apiClient.updateBoard(boardCopy)
+				.then((board) => {
+					commit('toggleCoverImages', board)
+				})
+		},
 	},
 })