[Client] Improve UI

src/client/app/common/views/components/note-menu.vue

@@ -93,11 +93,18 @@ export default Vue.extend({
 		},
 
 		del() {
-			if (!window.confirm(this.$t('delete-confirm'))) return;
+			this.$root.alert({
-			this.$root.api('notes/delete', {
+				type: 'warning',
-				noteId: this.note.id
+				text: this.$t('delete-confirm'),
-			}).then(() => {
+				showCancelButton: true
-				this.destroyDom();
+			}).then(res => {
+				if (!res) return;
+
+				this.$root.api('notes/delete', {
+					noteId: this.note.id
+				}).then(() => {
+					this.destroyDom();
+				});
 			});
 		},
 

src/client/app/desktop/views/pages/user/user.profile.vue

@@ -73,13 +73,20 @@ export default Vue.extend({
 		},
 
 		block() {
-			if (!window.confirm(this.$t('block-confirm'))) return;
+			this.$root.alert({
-			this.$root.api('blocking/create', {
+				type: 'warning',
-				userId: this.user.id
+				text: this.$t('block-confirm'),
-			}).then(() => {
+				showCancelButton: true
-				this.user.isBlocking = true;
+			}).then(res => {
-			}, () => {
+				if (!res) return;
-				alert('error');
+
+				this.$root.api('blocking/create', {
+					userId: this.user.id
+				}).then(() => {
+					this.user.isBlocking = true;
+				}, () => {
+					alert('error');
+				});
 			});
 		},
 

src/client/app/mobile/views/pages/notifications.vue

@@ -23,10 +23,15 @@ export default Vue.extend({
 	},
 	methods: {
 		fn() {
-			const ok = window.confirm(this.$t('read-all'));
+			this.$root.alert({
-			if (!ok) return;
+				type: 'warning',
+				text: this.$t('read-all'),
+				showCancelButton: true
+			}).then(res => {
+				if (!res) return;
 
-			this.$root.api('notifications/mark_all_as_read');
+				this.$root.api('notifications/mark_all_as_read');
+			});
 		},
 		onFetched() {
 			Progress.done();