Required (#1209)

Required

src/components/Controls.vue

@@ -42,9 +42,10 @@
 					<label for="new-stack-input-main" class="hidden-visually">Add a new stack</label>
 					<input id="new-stack-input-main" v-model="newStackTitle" type="text"
 						class="no-close"
-						placeholder="Add a new stack">
+						placeholder="Add a new stack" required>
 					<input v-tooltip="t('deck', 'clickAddNewStack')" class="icon-confirm" type="submit"
 						value="">
+
 				</form>
 			</div>
 			<div class="board-action-buttons">

src/components/board/Stack.vue

@@ -48,8 +48,10 @@
 			<label for="new-stack-input-main" class="hidden-visually">Add a new card</label>
 			<input id="new-stack-input-main" v-model="newCardTitle" type="text"
 				class="no-close"
-				placeholder="Add a new card">
-			<input v-tooltip="t('deck', 'Create a new card')" class="icon-confirm" type="submit"
+				placeholder="Add a new card" required>
+
+			<input class="icon-confirm"
+				type="submit"
 				value="">
 		</form>
 
@@ -121,6 +123,7 @@ export default {
 				boardId: this.stack.boardId
 			}
 			this.$store.dispatch('addCard', newCard)
+			this.newCardTitle = ''
 		}
 	}
 }

src/components/cards/CardItem.vue

@@ -24,7 +24,8 @@
 	<div :class="{'compact': compactMode}" tag="div" class="card"
 		@click.self="openCard">
 		<div class="card-upper">
-			<h3 @click.stop="startEditing(card)">{{ card.title }}</h3>
+			<h3 v-if="showArchived">{{ card.title }}</h3>
+			<h3 v-else @click.stop="startEditing(card)">{{ card.title }}</h3>
 			<transition name="fade" mode="out-in">
 				<form v-if="editing">
 					<input v-model="copiedCard.title" type="text" autofocus>
@@ -32,9 +33,9 @@
 				</form>
 
 				<Actions @click.stop.prevent>
-					<ActionButton icon="icon-user" @click="assignCardToMe()">{{ t('deck', 'Assign to me') }}</ActionButton>
+					<ActionButton v-if="showArchived === false" icon="icon-user" @click="assignCardToMe()">{{ t('deck', 'Assign to me') }}</ActionButton>
 					<ActionButton icon="icon-archive" @click="archiveUnarchiveCard()">{{ t('deck', (showArchived ? 'Unarchive card' : 'Archive card')) }}</ActionButton>
-					<ActionButton icon="icon-delete" @click="deleteCard()">{{ t('deck', 'Delete card') }}</ActionButton>
+					<ActionButton v-if="showArchived === false" icon="icon-delete" @click="deleteCard()">{{ t('deck', 'Delete card') }}</ActionButton>
 					<ActionButton icon="icon-settings-dark" @click="openCard">{{ t('deck', 'Card details') }}</ActionButton>
 				</Actions>