Merge pull request #3147 from nextcloud/enh/dashboardAddCardButton2

src/views/Dashboard.vue

@@ -21,11 +21,11 @@
   -->
 
 <template>
+	<div>
 		<DashboardWidget :items="cards"
 			empty-content-icon="icon-deck"
 			:empty-content-message="t('deck', 'No upcoming cards')"
 			:show-more-text="t('deck', 'upcoming cards')"
-		:show-more-url="showMoreUrl"
 			:loading="loading"
 			@hide="() => {}"
 			@markDone="() => {}">
@@ -47,6 +47,13 @@
 				</a>
 			</template>
 		</DashboardWidget>
+		<div class="center-button">
+			<button @click="toggleAddCardModel">
+				{{ t('deck', 'Add card') }}
+			</button>
+			<CardCreateDialog v-if="showAddCardModal" @close="toggleAddCardModel" />
+		</div>
+	</div>
 </template>
 
 <script>
@@ -55,17 +62,20 @@ import { mapGetters } from 'vuex'
 import labelStyle from './../mixins/labelStyle'
 import DueDate from '../components/cards/badges/DueDate'
 import { generateUrl } from '@nextcloud/router'
+import CardCreateDialog from '../CardCreateDialog'
 
 export default {
 	name: 'Dashboard',
 	components: {
 		DueDate,
 		DashboardWidget,
+		CardCreateDialog,
 	},
 	mixins: [labelStyle],
 	data() {
 		return {
 			loading: false,
+			showAddCardModal: false,
 		}
 	},
 	computed: {
@@ -81,7 +91,7 @@ export default {
 			list.sort((a, b) => {
 				return (new Date(a.duedate)).getTime() - (new Date(b.duedate)).getTime()
 			})
-			return list
+			return list.slice(0, 6)
 		},
 		cardLink() {
 			return (card) => {
@@ -98,12 +108,21 @@ export default {
 			this.loading = false
 		})
 	},
+	methods: {
+		toggleAddCardModel() {
+			this.showAddCardModal = !this.showAddCardModal
+		},
+	},
 }
 </script>
 
 <style lang="scss" scoped>
 	@import './../css/labels';
 
+	.center-button {
+		text-align: center;
+	}
+
 	#deck-widget-empty-content {
 		text-align: center;
 		margin-top: 5vh;