diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-01-27 13:29:53 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-01-27 13:29:53 +0900 |
| commit | 7dcea49be74784132469e027845fc68557aa8dd4 (patch) | |
| tree | 16d26b3b58e245df0c896650a37e59db43bf81f8 /src/client/app/desktop/views/components | |
| parent | Merge pull request #3997 from syuilo/l10n_develop (diff) | |
| download | misskey-7dcea49be74784132469e027845fc68557aa8dd4.tar.gz misskey-7dcea49be74784132469e027845fc68557aa8dd4.tar.bz2 misskey-7dcea49be74784132469e027845fc68557aa8dd4.zip | |
Refactoring
Diffstat (limited to 'src/client/app/desktop/views/components')
| -rw-r--r-- | src/client/app/desktop/views/components/index.ts | 2 | ||||
| -rw-r--r-- | src/client/app/desktop/views/components/media-image.vue | 81 |
2 files changed, 0 insertions, 83 deletions
diff --git a/src/client/app/desktop/views/components/index.ts b/src/client/app/desktop/views/components/index.ts index 8ea2b602db..2edc8117a8 100644 --- a/src/client/app/desktop/views/components/index.ts +++ b/src/client/app/desktop/views/components/index.ts @@ -9,7 +9,6 @@ import subNoteContent from './sub-note-content.vue'; import window from './window.vue'; import noteFormWindow from './post-form-window.vue'; import renoteFormWindow from './renote-form-window.vue'; -import mediaImage from './media-image.vue'; import mediaVideo from './media-video.vue'; import notifications from './notifications.vue'; import noteForm from './post-form.vue'; @@ -32,7 +31,6 @@ Vue.component('mk-sub-note-content', subNoteContent); Vue.component('mk-window', window); Vue.component('mk-post-form-window', noteFormWindow); Vue.component('mk-renote-form-window', renoteFormWindow); -Vue.component('mk-media-image', mediaImage); Vue.component('mk-media-video', mediaVideo); Vue.component('mk-notifications', notifications); Vue.component('mk-post-form', noteForm); diff --git a/src/client/app/desktop/views/components/media-image.vue b/src/client/app/desktop/views/components/media-image.vue deleted file mode 100644 index 446e500939..0000000000 --- a/src/client/app/desktop/views/components/media-image.vue +++ /dev/null @@ -1,81 +0,0 @@ -<template> -<div class="ldwbgwstjsdgcjruamauqdrffetqudry" v-if="image.isSensitive && hide && !$store.state.device.alwaysShowNsfw" @click="hide = false"> - <div> - <b><fa icon="exclamation-triangle"/> {{ $t('sensitive') }}</b> - <span>{{ $t('click-to-show') }}</span> - </div> -</div> -<a class="lcjomzwbohoelkxsnuqjiaccdbdfiazy" v-else - :href="image.url" - @click.prevent="onClick" - :style="style" - :title="image.name" -></a> -</template> - -<script lang="ts"> -import Vue from 'vue'; -import i18n from '../../../i18n'; -import ImageViewer from '../../../common/views/components/image-viewer.vue'; - -export default Vue.extend({ - i18n: i18n('desktop/views/components/media-image.vue'), - props: { - image: { - type: Object, - required: true - }, - raw: { - default: false - } - }, - data() { - return { - hide: true - }; - }, - computed: { - 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.thumbnailUrl})` - }; - } - }, - methods: { - onClick() { - this.$root.new(ImageViewer, { - image: this.image - }); - } - } -}); -</script> - -<style lang="stylus" scoped> -.lcjomzwbohoelkxsnuqjiaccdbdfiazy - display block - cursor zoom-in - overflow hidden - width 100% - height 100% - background-position center - background-size contain - background-repeat no-repeat - -.ldwbgwstjsdgcjruamauqdrffetqudry - display flex - justify-content center - align-items center - background #111 - color #fff - - > div - display table-cell - text-align center - font-size 12px - - > * - display block - -</style> |