Merge branch 'develop'
This commit is contained in:
		@@ -60,7 +60,7 @@ export default Vue.extend({
 | 
			
		||||
			return this.browser.selectedFiles.some(f => f.id == this.file.id);
 | 
			
		||||
		},
 | 
			
		||||
		title(): string {
 | 
			
		||||
			return `${this.file.name}\n${this.file.type} ${Vue.filter('bytes')(this.file.datasize)}`;
 | 
			
		||||
			return `${this.file.name}\n${this.file.type} ${Vue.filter('bytes')(this.file.size)}`;
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
	methods: {
 | 
			
		||||
@@ -139,10 +139,10 @@ export default Vue.extend({
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		onThumbnailLoaded() {
 | 
			
		||||
			if (this.file.properties.avgColor && this.file.properties.avgColor.length == 3) {
 | 
			
		||||
			if (this.file.properties.avgColor) {
 | 
			
		||||
				anime({
 | 
			
		||||
					targets: this.$refs.thumbnail,
 | 
			
		||||
					backgroundColor: `rgba(${this.file.properties.avgColor.join(',')}, 0)`,
 | 
			
		||||
					backgroundColor: this.file.properties.avgColor.replace('255)', '0)'),
 | 
			
		||||
					duration: 100,
 | 
			
		||||
					easing: 'linear'
 | 
			
		||||
				});
 | 
			
		||||
 
 | 
			
		||||
@@ -769,7 +769,6 @@ export default Vue.extend({
 | 
			
		||||
	> .mk-uploader
 | 
			
		||||
		height 100px
 | 
			
		||||
		padding 16px
 | 
			
		||||
		background #fff
 | 
			
		||||
 | 
			
		||||
	> input
 | 
			
		||||
		display none
 | 
			
		||||
 
 | 
			
		||||
@@ -54,11 +54,11 @@
 | 
			
		||||
				</button>
 | 
			
		||||
				<button v-if="!isMyNote && appearNote.myReaction == null" class="reactionButton button" @click="react()" ref="reactButton" :title="$t('add-reaction')">
 | 
			
		||||
					<fa icon="plus"/>
 | 
			
		||||
					<p class="count" v-if="Object.values(appearNote.reactionCounts).some(x => x)">{{ Object.values(appearNote.reactionCounts).reduce((a, c) => a + c, 0) }}</p>
 | 
			
		||||
					<p class="count" v-if="Object.values(appearNote.reactions).some(x => x)">{{ Object.values(appearNote.reactions).reduce((a, c) => a + c, 0) }}</p>
 | 
			
		||||
				</button>
 | 
			
		||||
				<button v-if="!isMyNote && appearNote.myReaction != null" class="reactionButton reacted button" @click="undoReact(appearNote)" ref="reactButton" :title="$t('undo-reaction')">
 | 
			
		||||
					<fa icon="minus"/>
 | 
			
		||||
					<p class="count" v-if="Object.values(appearNote.reactionCounts).some(x => x)">{{ Object.values(appearNote.reactionCounts).reduce((a, c) => a + c, 0) }}</p>
 | 
			
		||||
					<p class="count" v-if="Object.values(appearNote.reactions).some(x => x)">{{ Object.values(appearNote.reactions).reduce((a, c) => a + c, 0) }}</p>
 | 
			
		||||
				</button>
 | 
			
		||||
				<button @click="menu()" ref="menuButton" class="button">
 | 
			
		||||
					<fa icon="ellipsis-h"/>
 | 
			
		||||
 
 | 
			
		||||
@@ -25,8 +25,8 @@
 | 
			
		||||
		</template>
 | 
			
		||||
	</component>
 | 
			
		||||
 | 
			
		||||
	<footer v-if="cursor != null">
 | 
			
		||||
		<button @click="more" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }">
 | 
			
		||||
	<footer v-if="more">
 | 
			
		||||
		<button @click="fetchMore()" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }">
 | 
			
		||||
			<template v-if="!moreFetching">{{ $t('@.load-more') }}</template>
 | 
			
		||||
			<template v-if="moreFetching"><fa icon="spinner" pulse fixed-width/></template>
 | 
			
		||||
		</button>
 | 
			
		||||
@@ -58,7 +58,7 @@ export default Vue.extend({
 | 
			
		||||
			fetching: true,
 | 
			
		||||
			moreFetching: false,
 | 
			
		||||
			inited: false,
 | 
			
		||||
			cursor: null
 | 
			
		||||
			more: false
 | 
			
		||||
		};
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
@@ -112,7 +112,7 @@ export default Vue.extend({
 | 
			
		||||
					this.notes = x;
 | 
			
		||||
				} else {
 | 
			
		||||
					this.notes = x.notes;
 | 
			
		||||
					this.cursor = x.cursor;
 | 
			
		||||
					this.more = x.more;
 | 
			
		||||
				}
 | 
			
		||||
				this.inited = true;
 | 
			
		||||
				this.fetching = false;
 | 
			
		||||
@@ -122,12 +122,12 @@ export default Vue.extend({
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		more() {
 | 
			
		||||
			if (this.cursor == null || this.moreFetching) return;
 | 
			
		||||
		fetchMore() {
 | 
			
		||||
			if (!this.more || this.moreFetching) return;
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
			this.makePromise(this.cursor).then(x => {
 | 
			
		||||
			this.makePromise(this.notes[this.notes.length - 1].id).then(x => {
 | 
			
		||||
				this.notes = this.notes.concat(x.notes);
 | 
			
		||||
				this.cursor = x.cursor;
 | 
			
		||||
				this.more = x.more;
 | 
			
		||||
				this.moreFetching = false;
 | 
			
		||||
			}, e => {
 | 
			
		||||
				this.moreFetching = false;
 | 
			
		||||
@@ -157,7 +157,7 @@ export default Vue.extend({
 | 
			
		||||
				// オーバーフローしたら古い投稿は捨てる
 | 
			
		||||
				if (this.notes.length >= displayLimit) {
 | 
			
		||||
					this.notes = this.notes.slice(0, displayLimit);
 | 
			
		||||
					this.cursor = this.notes[this.notes.length - 1].id
 | 
			
		||||
					this.more = true;
 | 
			
		||||
				}
 | 
			
		||||
			} else {
 | 
			
		||||
				this.queue.push(note);
 | 
			
		||||
@@ -183,7 +183,7 @@ export default Vue.extend({
 | 
			
		||||
 | 
			
		||||
			if (this.$store.state.settings.fetchOnScroll !== false) {
 | 
			
		||||
				const current = window.scrollY + window.innerHeight;
 | 
			
		||||
				if (current > document.body.offsetHeight - 8) this.more();
 | 
			
		||||
				if (current > document.body.offsetHeight - 8) this.fetchMore();
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
 
 | 
			
		||||
@@ -110,7 +110,7 @@
 | 
			
		||||
						</div>
 | 
			
		||||
					</template>
 | 
			
		||||
 | 
			
		||||
					<template v-if="notification.type == 'poll_vote'">
 | 
			
		||||
					<template v-if="notification.type == 'pollVote'">
 | 
			
		||||
						<mk-avatar class="avatar" :user="notification.user"/>
 | 
			
		||||
						<div class="text">
 | 
			
		||||
							<p><fa icon="chart-pie"/><a :href="notification.user | userPage" v-user-preview="notification.user.id">
 | 
			
		||||
 
 | 
			
		||||
@@ -27,15 +27,7 @@
 | 
			
		||||
			<button class="emoji" @click="emoji" ref="emoji">
 | 
			
		||||
				<fa :icon="['far', 'laugh']"/>
 | 
			
		||||
			</button>
 | 
			
		||||
			<div class="files" :class="{ with: poll }" v-show="files.length != 0">
 | 
			
		||||
				<x-draggable :list="files" :options="{ animation: 150 }">
 | 
			
		||||
					<div v-for="file in files" :key="file.id">
 | 
			
		||||
						<div class="img" :style="{ backgroundImage: `url(${file.thumbnailUrl})` }" :title="file.name"></div>
 | 
			
		||||
						<img class="remove" @click="detachMedia(file.id)" src="/assets/desktop/remove.png" :title="$t('attach-cancel')" alt=""/>
 | 
			
		||||
					</div>
 | 
			
		||||
				</x-draggable>
 | 
			
		||||
				<p class="remain">{{ 4 - files.length }}/4</p>
 | 
			
		||||
			</div>
 | 
			
		||||
			<x-post-form-attaches class="files" :class="{ with: poll }" :files="files"/>
 | 
			
		||||
			<mk-poll-editor v-if="poll" ref="poll" @destroyed="poll = false" @updated="onPollUpdate()"/>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
@@ -65,7 +57,6 @@
 | 
			
		||||
import Vue from 'vue';
 | 
			
		||||
import i18n from '../../../i18n';
 | 
			
		||||
import insertTextAtCursor from 'insert-text-at-cursor';
 | 
			
		||||
import * as XDraggable from 'vuedraggable';
 | 
			
		||||
import getFace from '../../../common/scripts/get-face';
 | 
			
		||||
import MkVisibilityChooser from '../../../common/views/components/visibility-chooser.vue';
 | 
			
		||||
import { parse } from '../../../../../mfm/parse';
 | 
			
		||||
@@ -74,13 +65,14 @@ import { erase, unique } from '../../../../../prelude/array';
 | 
			
		||||
import { length } from 'stringz';
 | 
			
		||||
import { toASCII } from 'punycode';
 | 
			
		||||
import extractMentions from '../../../../../misc/extract-mentions';
 | 
			
		||||
import XPostFormAttaches from '../../../common/views/components/post-form-attaches.vue';
 | 
			
		||||
 | 
			
		||||
export default Vue.extend({
 | 
			
		||||
	i18n: i18n('desktop/views/components/post-form.vue'),
 | 
			
		||||
 | 
			
		||||
	components: {
 | 
			
		||||
		XDraggable,
 | 
			
		||||
		MkVisibilityChooser
 | 
			
		||||
		MkVisibilityChooser,
 | 
			
		||||
		XPostFormAttaches
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	props: {
 | 
			
		||||
@@ -513,7 +505,7 @@ export default Vue.extend({
 | 
			
		||||
 | 
			
		||||
		kao() {
 | 
			
		||||
			this.text += getFace();
 | 
			
		||||
		}
 | 
			
		||||
		},
 | 
			
		||||
	}
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
@@ -618,46 +610,6 @@ export default Vue.extend({
 | 
			
		||||
					border-bottom solid 1px var(--primaryAlpha01) !important
 | 
			
		||||
					border-radius 0
 | 
			
		||||
 | 
			
		||||
				> .remain
 | 
			
		||||
					display block
 | 
			
		||||
					position absolute
 | 
			
		||||
					top 8px
 | 
			
		||||
					right 8px
 | 
			
		||||
					margin 0
 | 
			
		||||
					padding 0
 | 
			
		||||
					color var(--primaryAlpha04)
 | 
			
		||||
 | 
			
		||||
				> div
 | 
			
		||||
					padding 4px
 | 
			
		||||
 | 
			
		||||
					&:after
 | 
			
		||||
						content ""
 | 
			
		||||
						display block
 | 
			
		||||
						clear both
 | 
			
		||||
 | 
			
		||||
					> div
 | 
			
		||||
						float left
 | 
			
		||||
						border solid 4px transparent
 | 
			
		||||
						cursor move
 | 
			
		||||
 | 
			
		||||
						&:hover > .remove
 | 
			
		||||
							display block
 | 
			
		||||
 | 
			
		||||
						> .img
 | 
			
		||||
							width 64px
 | 
			
		||||
							height 64px
 | 
			
		||||
							background-size cover
 | 
			
		||||
							background-position center center
 | 
			
		||||
 | 
			
		||||
						> .remove
 | 
			
		||||
							display none
 | 
			
		||||
							position absolute
 | 
			
		||||
							top -6px
 | 
			
		||||
							right -6px
 | 
			
		||||
							width 16px
 | 
			
		||||
							height 16px
 | 
			
		||||
							cursor pointer
 | 
			
		||||
 | 
			
		||||
			> .mk-poll-editor
 | 
			
		||||
				background var(--desktopPostFormTextareaBg)
 | 
			
		||||
				border solid 1px var(--primaryAlpha01)
 | 
			
		||||
 
 | 
			
		||||
@@ -30,12 +30,12 @@ export default Vue.extend({
 | 
			
		||||
					notes.pop();
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: notes[notes.length - 1].id
 | 
			
		||||
						more: true
 | 
			
		||||
					};
 | 
			
		||||
				} else {
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: null
 | 
			
		||||
						more: false
 | 
			
		||||
					};
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 
 | 
			
		||||
@@ -1,6 +1,6 @@
 | 
			
		||||
<template>
 | 
			
		||||
<mk-window ref="window" width="450px" height="500px" @closed="destroyDom">
 | 
			
		||||
	<template #header><fa icon="list"/> {{ list.title }}</template>
 | 
			
		||||
	<template #header><fa icon="list"/> {{ list.name }}</template>
 | 
			
		||||
 | 
			
		||||
	<x-editor :list="list"/>
 | 
			
		||||
</mk-window>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
 | 
			
		||||
	<div class="xkxvokkjlptzyewouewmceqcxhpgzprp">
 | 
			
		||||
		<button class="ui" @click="add">{{ $t('create-list') }}</button>
 | 
			
		||||
		<a v-for="list in lists" :key="list.id" @click="choice(list)">{{ list.title }}</a>
 | 
			
		||||
		<a v-for="list in lists" :key="list.id" @click="choice(list)">{{ list.name }}</a>
 | 
			
		||||
	</div>
 | 
			
		||||
</mk-window>
 | 
			
		||||
</template>
 | 
			
		||||
 
 | 
			
		||||
@@ -6,7 +6,7 @@
 | 
			
		||||
		</template>
 | 
			
		||||
	</sequential-entrance>
 | 
			
		||||
	<div class="more" v-if="existMore">
 | 
			
		||||
		<ui-button inline @click="more">{{ $t('@.load-more') }}</ui-button>
 | 
			
		||||
		<ui-button inline @click="fetchMore()">{{ $t('@.load-more') }}</ui-button>
 | 
			
		||||
	</div>
 | 
			
		||||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
@@ -48,7 +48,7 @@ export default Vue.extend({
 | 
			
		||||
				Progress.done();
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		more() {
 | 
			
		||||
		fetchMore() {
 | 
			
		||||
			this.moreFetching = true;
 | 
			
		||||
			this.$root.api('i/favorites', {
 | 
			
		||||
				limit: 11,
 | 
			
		||||
 
 | 
			
		||||
@@ -101,7 +101,7 @@ export default Vue.extend({
 | 
			
		||||
	computed: {
 | 
			
		||||
		home(): any[] {
 | 
			
		||||
			if (this.$store.getters.isSignedIn) {
 | 
			
		||||
				return this.$store.state.settings.home || [];
 | 
			
		||||
				return this.$store.state.device.home || [];
 | 
			
		||||
			} else {
 | 
			
		||||
				return [{
 | 
			
		||||
					name: 'instance',
 | 
			
		||||
@@ -182,12 +182,8 @@ export default Vue.extend({
 | 
			
		||||
			}
 | 
			
		||||
			//#endregion
 | 
			
		||||
 | 
			
		||||
			if (this.$store.state.settings.home == null) {
 | 
			
		||||
				this.$root.api('i/update_home', {
 | 
			
		||||
					home: _defaultDesktopHomeWidgets
 | 
			
		||||
				}).then(() => {
 | 
			
		||||
					this.$store.commit('settings/setHome', _defaultDesktopHomeWidgets);
 | 
			
		||||
				});
 | 
			
		||||
			if (this.$store.state.device.home == null) {
 | 
			
		||||
				this.$store.commit('device/setHome', _defaultDesktopHomeWidgets);
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
@@ -226,7 +222,7 @@ export default Vue.extend({
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		addWidget() {
 | 
			
		||||
			this.$store.dispatch('settings/addHomeWidget', {
 | 
			
		||||
			this.$store.commit('device/addHomeWidget', {
 | 
			
		||||
				name: this.widgetAdderSelected,
 | 
			
		||||
				id: uuid(),
 | 
			
		||||
				place: 'left',
 | 
			
		||||
@@ -237,12 +233,9 @@ export default Vue.extend({
 | 
			
		||||
		saveHome() {
 | 
			
		||||
			const left = this.widgets.left;
 | 
			
		||||
			const right = this.widgets.right;
 | 
			
		||||
			this.$store.commit('settings/setHome', left.concat(right));
 | 
			
		||||
			this.$store.commit('device/setHome', left.concat(right));
 | 
			
		||||
			for (const w of left) w.place = 'left';
 | 
			
		||||
			for (const w of right) w.place = 'right';
 | 
			
		||||
			this.$root.api('i/update_home', {
 | 
			
		||||
				home: this.home
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		done() {
 | 
			
		||||
 
 | 
			
		||||
@@ -35,7 +35,7 @@ export default Vue.extend({
 | 
			
		||||
				} else {
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: null
 | 
			
		||||
						more: false
 | 
			
		||||
					};
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 
 | 
			
		||||
@@ -21,7 +21,7 @@ export default Vue.extend({
 | 
			
		||||
	i18n: i18n('desktop/views/pages/tag.vue'),
 | 
			
		||||
	data() {
 | 
			
		||||
		return {
 | 
			
		||||
			makePromise: cursor => this.$root.api('notes/search_by_tag', {
 | 
			
		||||
			makePromise: cursor => this.$root.api('notes/search-by-tag', {
 | 
			
		||||
				limit: limit + 1,
 | 
			
		||||
				offset: cursor ? cursor : undefined,
 | 
			
		||||
				tag: this.$route.params.tag
 | 
			
		||||
@@ -35,7 +35,7 @@ export default Vue.extend({
 | 
			
		||||
				} else {
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: null
 | 
			
		||||
						more: false
 | 
			
		||||
					};
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 
 | 
			
		||||
@@ -58,7 +58,7 @@ export default Vue.extend({
 | 
			
		||||
		};
 | 
			
		||||
 | 
			
		||||
		if (this.src == 'tag') {
 | 
			
		||||
			this.endpoint = 'notes/search_by_tag';
 | 
			
		||||
			this.endpoint = 'notes/search-by-tag';
 | 
			
		||||
			this.query = {
 | 
			
		||||
				query: this.tagTl.query
 | 
			
		||||
			};
 | 
			
		||||
@@ -113,12 +113,12 @@ export default Vue.extend({
 | 
			
		||||
				notes.pop();
 | 
			
		||||
				return {
 | 
			
		||||
					notes: notes,
 | 
			
		||||
					cursor: notes[notes.length - 1].id
 | 
			
		||||
					more: true
 | 
			
		||||
				};
 | 
			
		||||
			} else {
 | 
			
		||||
				return {
 | 
			
		||||
					notes: notes,
 | 
			
		||||
					cursor: null
 | 
			
		||||
					more: false
 | 
			
		||||
				};
 | 
			
		||||
			}
 | 
			
		||||
		});
 | 
			
		||||
 
 | 
			
		||||
@@ -9,7 +9,7 @@
 | 
			
		||||
				<span :data-active="src == 'hybrid'" @click="src = 'hybrid'" v-if="enableLocalTimeline"><fa icon="share-alt"/> {{ $t('hybrid') }}</span>
 | 
			
		||||
				<span :data-active="src == 'global'" @click="src = 'global'" v-if="enableGlobalTimeline"><fa icon="globe"/> {{ $t('global') }}</span>
 | 
			
		||||
				<span :data-active="src == 'tag'" @click="src = 'tag'" v-if="tagTl"><fa icon="hashtag"/> {{ tagTl.title }}</span>
 | 
			
		||||
				<span :data-active="src == 'list'" @click="src = 'list'" v-if="list"><fa icon="list"/> {{ list.title }}</span>
 | 
			
		||||
				<span :data-active="src == 'list'" @click="src = 'list'" v-if="list"><fa icon="list"/> {{ list.name }}</span>
 | 
			
		||||
				<div class="buttons">
 | 
			
		||||
					<button :data-active="src == 'mentions'" @click="src = 'mentions'" :title="$t('mentions')"><fa icon="at"/><i class="indicator" v-if="$store.state.i.hasUnreadMentions"><fa icon="circle"/></i></button>
 | 
			
		||||
					<button :data-active="src == 'messages'" @click="src = 'messages'" :title="$t('messages')"><fa :icon="['far', 'envelope']"/><i class="indicator" v-if="$store.state.i.hasUnreadSpecifiedNotes"><fa icon="circle"/></i></button>
 | 
			
		||||
@@ -143,7 +143,7 @@ export default Vue.extend({
 | 
			
		||||
 | 
			
		||||
			menu = menu.concat(lists.map(list => ({
 | 
			
		||||
				icon: 'list',
 | 
			
		||||
				text: list.title,
 | 
			
		||||
				text: list.name,
 | 
			
		||||
				action: () => {
 | 
			
		||||
					this.list = list;
 | 
			
		||||
					this.src = 'list';
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
		<fa icon="exclamation-triangle"/> {{ $t('@.user-suspended') }}
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="is-remote" v-if="user.host != null" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
 | 
			
		||||
		<fa icon="exclamation-triangle"/> {{ $t('@.is-remote-user') }}<a :href="user.url || user.uri" target="_blank">{{ $t('@.view-on-remote') }}</a>
 | 
			
		||||
		<fa icon="exclamation-triangle"/> {{ $t('@.is-remote-user') }}<a :href="user.url" target="_blank">{{ $t('@.view-on-remote') }}</a>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="main">
 | 
			
		||||
		<x-header class="header" :user="user"/>
 | 
			
		||||
 
 | 
			
		||||
@@ -36,8 +36,8 @@
 | 
			
		||||
			</dl>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="info">
 | 
			
		||||
			<span class="location" v-if="user.host === null && user.profile.location"><fa icon="map-marker"/> {{ user.profile.location }}</span>
 | 
			
		||||
			<span class="birthday" v-if="user.host === null && user.profile.birthday"><fa icon="birthday-cake"/> {{ user.profile.birthday.replace('-', $t('year')).replace('-', $t('month')) + $t('day') }} ({{ $t('years-old', { age }) }})</span>
 | 
			
		||||
			<span class="location" v-if="user.host === null && user.location"><fa icon="map-marker"/> {{ user.location }}</span>
 | 
			
		||||
			<span class="birthday" v-if="user.host === null && user.birthday"><fa icon="birthday-cake"/> {{ user.birthday.replace('-', $t('year')).replace('-', $t('month')) + $t('day') }} ({{ $t('years-old', { age }) }})</span>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="status">
 | 
			
		||||
			<router-link :to="user | userPage()" class="notes-count"><b>{{ user.notesCount | number }}</b>{{ $t('posts') }}</router-link>
 | 
			
		||||
@@ -65,13 +65,13 @@ export default Vue.extend({
 | 
			
		||||
		style(): any {
 | 
			
		||||
			if (this.user.bannerUrl == null) return {};
 | 
			
		||||
			return {
 | 
			
		||||
				backgroundColor: this.user.bannerColor && this.user.bannerColor.length == 3 ? `rgb(${ this.user.bannerColor.join(',') })` : null,
 | 
			
		||||
				backgroundColor: this.user.bannerColor,
 | 
			
		||||
				backgroundImage: `url(${ this.user.bannerUrl })`
 | 
			
		||||
			};
 | 
			
		||||
		},
 | 
			
		||||
 | 
			
		||||
		age(): number {
 | 
			
		||||
			return age(this.user.profile.birthday);
 | 
			
		||||
			return age(this.user.birthday);
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
	mounted() {
 | 
			
		||||
 
 | 
			
		||||
@@ -42,12 +42,12 @@ export default Vue.extend({
 | 
			
		||||
					notes.pop();
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: new Date(notes[notes.length - 1].createdAt).getTime()
 | 
			
		||||
						more: true
 | 
			
		||||
					};
 | 
			
		||||
				} else {
 | 
			
		||||
					return {
 | 
			
		||||
						notes: notes,
 | 
			
		||||
						cursor: null
 | 
			
		||||
						more: false
 | 
			
		||||
					};
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 
 | 
			
		||||
@@ -13,8 +13,8 @@
 | 
			
		||||
		<div class="body">
 | 
			
		||||
			<div class="main block">
 | 
			
		||||
				<div>
 | 
			
		||||
					<h1 v-if="name != 'Misskey'">{{ name }}</h1>
 | 
			
		||||
					<h1 v-else><img svg-inline src="../../../../assets/title.svg" :alt="name"></h1>
 | 
			
		||||
					<h1 v-if="name != null">{{ name }}</h1>
 | 
			
		||||
					<h1 v-else><img svg-inline src="../../../../assets/title.svg" alt="Misskey"></h1>
 | 
			
		||||
 | 
			
		||||
					<div class="info">
 | 
			
		||||
						<span><b>{{ host }}</b> - <span v-html="$t('powered-by-misskey')"></span></span>
 | 
			
		||||
@@ -87,7 +87,7 @@
 | 
			
		||||
					<div>
 | 
			
		||||
						<div v-if="meta" class="body">
 | 
			
		||||
							<p>Version: <b>{{ meta.version }}</b></p>
 | 
			
		||||
							<p>Maintainer: <b><a :href="'mailto:' + meta.maintainer.email" target="_blank">{{ meta.maintainer.name }}</a></b></p>
 | 
			
		||||
							<p>Maintainer: <b><a :href="'mailto:' + meta.maintainerEmail" target="_blank">{{ meta.maintainerName }}</a></b></p>
 | 
			
		||||
						</div>
 | 
			
		||||
					</div>
 | 
			
		||||
				</div>
 | 
			
		||||
@@ -162,7 +162,7 @@ export default Vue.extend({
 | 
			
		||||
			banner: null,
 | 
			
		||||
			copyright,
 | 
			
		||||
			host: toUnicode(host),
 | 
			
		||||
			name: 'Misskey',
 | 
			
		||||
			name: null,
 | 
			
		||||
			description: '',
 | 
			
		||||
			announcements: [],
 | 
			
		||||
			photos: []
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user