Improve desktop UX (#4262)

* wip * wip * wip * wip * wip * wip * Merge * wip * wip * wip * wip * wip * wip
2019-02-15 05:08:59 +09:00 · 2019-02-15 05:08:59 +09:00 · 53422ffcb2
commit 53422ffcb2
parent 38ca514f53
60 changed files with 1132 additions and 1222 deletions
--- a/src/client/app/desktop/views/deck/deck.notifications-column.vue
+++ b/src/client/app/desktop/views/deck/deck.notifications-column.vue
@ -0,0 +1,40 @@
+<template>
+<x-column :name="name" :column="column" :is-stacked="isStacked">
+	<span slot="header"><fa :icon="['far', 'bell']"/>{{ name }}</span>
+
+	<x-notifications/>
+</x-column>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import i18n from '../../../i18n';
+import XColumn from './deck.column.vue';
+import XNotifications from './deck.notifications.vue';
+
+export default Vue.extend({
+	i18n: i18n(),
+	components: {
+		XColumn,
+		XNotifications
+	},
+
+	props: {
+		column: {
+			type: Object,
+			required: true
+		},
+		isStacked: {
+			type: Boolean,
+			required: true
+		}
+	},
+
+	computed: {
+		name(): string {
+			if (this.column.name) return this.column.name;
+			return this.$t('@deck.notifications');
+		}
+	},
+});
+</script>