wip
This commit is contained in:
		@@ -16,7 +16,7 @@
 | 
			
		||||
		<p>%i18n:@banner%</p>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="thumbnail" ref="thumbnail" :style="`background-color: ${ background }`">
 | 
			
		||||
		<img :src="`${file.url}?thumbnail&size=128`" alt="" @load="onThumbnailLoaded"/>
 | 
			
		||||
		<img :src="file.url" alt="" @load="onThumbnailLoaded"/>
 | 
			
		||||
	</div>
 | 
			
		||||
	<p class="name">
 | 
			
		||||
		<span>{{ file.name.lastIndexOf('.') != -1 ? file.name.substr(0, file.name.lastIndexOf('.')) : file.name }}</span>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
<mk-window width="400px" height="550px" @closed="$destroy">
 | 
			
		||||
	<span slot="header" :class="$style.header">
 | 
			
		||||
		<img :src="`${user.avatarUrl}?thumbnail&size=64`" alt=""/>{{ '%i18n:@followers%'.replace('{}', name) }}
 | 
			
		||||
		<img :src="user.avatarUrl" alt=""/>{{ '%i18n:@followers%'.replace('{}', name) }}
 | 
			
		||||
	</span>
 | 
			
		||||
	<mk-followers :user="user"/>
 | 
			
		||||
</mk-window>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
<mk-window width="400px" height="550px" @closed="$destroy">
 | 
			
		||||
	<span slot="header" :class="$style.header">
 | 
			
		||||
		<img :src="`${user.avatarUrl}?thumbnail&size=64`" alt=""/>{{ '%i18n:@following%'.replace('{}', name) }}
 | 
			
		||||
		<img :src="user.avatarUrl" alt=""/>{{ '%i18n:@following%'.replace('{}', name) }}
 | 
			
		||||
	</span>
 | 
			
		||||
	<mk-following :user="user"/>
 | 
			
		||||
</mk-window>
 | 
			
		||||
 
 | 
			
		||||
@@ -37,7 +37,7 @@ export default Vue.extend({
 | 
			
		||||
		style(): any {
 | 
			
		||||
			return {
 | 
			
		||||
				'background-color': this.image.properties.avgColor && this.image.properties.avgColor.length == 3 ? `rgb(${this.image.properties.avgColor.join(',')})` : 'transparent',
 | 
			
		||||
				'background-image': this.raw ? `url(${this.image.url})` : `url(${this.image.url}?thumbnail&size=512)`
 | 
			
		||||
				'background-image': this.raw ? `url(${this.image.url})` : `url(${this.image.url})`
 | 
			
		||||
			};
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 
 | 
			
		||||
@@ -45,7 +45,7 @@ export default Vue.extend({
 | 
			
		||||
	computed: {
 | 
			
		||||
		imageStyle(): any {
 | 
			
		||||
			return {
 | 
			
		||||
				'background-image': `url(${this.video.url}?thumbnail&size=512)`
 | 
			
		||||
				'background-image': `url(${this.video.url})`
 | 
			
		||||
			};
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 
 | 
			
		||||
@@ -23,7 +23,7 @@
 | 
			
		||||
		<div class="medias" :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.url}?thumbnail&size=64)` }" :title="file.name"></div>
 | 
			
		||||
					<div class="img" :style="{ backgroundImage: `url(${file.url})` }" :title="file.name"></div>
 | 
			
		||||
					<img class="remove" @click="detachMedia(file.id)" src="/assets/desktop/remove.png" title="%i18n:@attach-cancel%" alt=""/>
 | 
			
		||||
				</div>
 | 
			
		||||
			</x-draggable>
 | 
			
		||||
 
 | 
			
		||||
@@ -2,7 +2,7 @@
 | 
			
		||||
<div class="profile">
 | 
			
		||||
	<label class="avatar ui from group">
 | 
			
		||||
		<p>%i18n:@avatar%</p>
 | 
			
		||||
		<img class="avatar" :src="`${$store.state.i.avatarUrl}?thumbnail&size=64`" alt="avatar"/>
 | 
			
		||||
		<img class="avatar" :src="$store.state.i.avatarUrl" alt="avatar"/>
 | 
			
		||||
		<button class="ui" @click="updateAvatar">%i18n:@choice-avatar%</button>
 | 
			
		||||
	</label>
 | 
			
		||||
	<label class="ui from group">
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
<template>
 | 
			
		||||
<div class="mk-user-preview">
 | 
			
		||||
	<template v-if="u != null">
 | 
			
		||||
		<div class="banner" :style="u.bannerUrl ? `background-image: url(${u.bannerUrl}?thumbnail&size=512)` : ''"></div>
 | 
			
		||||
		<div class="banner" :style="u.bannerUrl ? `background-image: url(${u.bannerUrl})` : ''"></div>
 | 
			
		||||
		<mk-avatar class="avatar" :user="u" :disable-preview="true"/>
 | 
			
		||||
		<div class="title">
 | 
			
		||||
			<router-link class="name" :to="u | userPage">{{ u | userName }}</router-link>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
	<p class="initializing" v-if="fetching">%fa:spinner .pulse .fw%%i18n:@loading%<mk-ellipsis/></p>
 | 
			
		||||
	<div v-if="!fetching && users.length > 0">
 | 
			
		||||
	<router-link v-for="user in users" :to="user | userPage" :key="user.id">
 | 
			
		||||
		<img :src="`${user.avatarUrl}?thumbnail&size=64`" :alt="user | userName" v-user-preview="user.id"/>
 | 
			
		||||
		<img :src="user.avatarUrl" :alt="user | userName" v-user-preview="user.id"/>
 | 
			
		||||
	</router-link>
 | 
			
		||||
	</div>
 | 
			
		||||
	<p class="empty" v-if="!fetching && users.length == 0">%i18n:@no-users%</p>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
	<p class="initializing" v-if="fetching">%fa:spinner .pulse .fw%%i18n:@loading%<mk-ellipsis/></p>
 | 
			
		||||
	<div class="stream" v-if="!fetching && images.length > 0">
 | 
			
		||||
		<div v-for="image in images" class="img"
 | 
			
		||||
			:style="`background-image: url(${image.url}?thumbnail&size=256)`"
 | 
			
		||||
			:style="`background-image: url(${image.url})`"
 | 
			
		||||
		></div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<p class="empty" v-if="!fetching && images.length == 0">%i18n:@no-photos%</p>
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
	:data-melt="props.design == 2"
 | 
			
		||||
>
 | 
			
		||||
	<div class="banner"
 | 
			
		||||
		:style="$store.state.i.bannerUrl ? `background-image: url(${$store.state.i.bannerUrl}?thumbnail&size=256)` : ''"
 | 
			
		||||
		:style="$store.state.i.bannerUrl ? `background-image: url(${$store.state.i.bannerUrl})` : ''"
 | 
			
		||||
		title="%i18n:@update-banner%"
 | 
			
		||||
		@click="os.apis.updateBanner"
 | 
			
		||||
	></div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user