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/mobile/views | |
| 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/mobile/views')
| -rw-r--r-- | src/client/app/mobile/views/components/index.ts | 2 | ||||
| -rw-r--r-- | src/client/app/mobile/views/components/media-image.vue | 83 |
2 files changed, 0 insertions, 85 deletions
diff --git a/src/client/app/mobile/views/components/index.ts b/src/client/app/mobile/views/components/index.ts index 9a410e8278..351aaea9f6 100644 --- a/src/client/app/mobile/views/components/index.ts +++ b/src/client/app/mobile/views/components/index.ts @@ -3,7 +3,6 @@ import Vue from 'vue'; import ui from './ui.vue'; import note from './note.vue'; import notes from './notes.vue'; -import mediaImage from './media-image.vue'; import mediaVideo from './media-video.vue'; import notePreview from './note-preview.vue'; import subNoteContent from './sub-note-content.vue'; @@ -24,7 +23,6 @@ import postForm from './post-form.vue'; Vue.component('mk-ui', ui); Vue.component('mk-note', note); Vue.component('mk-notes', notes); -Vue.component('mk-media-image', mediaImage); Vue.component('mk-media-video', mediaVideo); Vue.component('mk-note-preview', notePreview); Vue.component('mk-sub-note-content', subNoteContent); diff --git a/src/client/app/mobile/views/components/media-image.vue b/src/client/app/mobile/views/components/media-image.vue deleted file mode 100644 index dbb275b511..0000000000 --- a/src/client/app/mobile/views/components/media-image.vue +++ /dev/null @@ -1,83 +0,0 @@ -<template> -<div class="qjewsnkgzzxlxtzncydssfbgjibiehcy" 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="gqnyydlzavusgskkfvwvjiattxdzsqlf" v-else :href="image.url" target="_blank" :style="style" :title="image.name" @click.prevent="onClick"></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('mobile/views/components/media-image.vue'), - props: { - image: { - type: Object, - required: true - }, - raw: { - default: false - } - }, - data() { - return { - hide: true - }; - } - computed: { - style(): any { - let url = `url(${this.image.thumbnailUrl})`; - - if (this.$store.state.device.loadRemoteMedia || this.$store.state.device.lightmode) { - url = null; - } else if (this.raw || this.$store.state.device.loadRawImages) { - url = `url(${this.image.url})`; - } - - return { - 'background-color': this.image.properties.avgColor && this.image.properties.avgColor.length == 3 ? `rgb(${this.image.properties.avgColor.join(',')})` : 'transparent', - 'background-image': url - }; - } - }, - methods: { - onClick() { - this.$root.new(ImageViewer, { - image: this.image - }); - } - } -}); -</script> - -<style lang="stylus" scoped> -.gqnyydlzavusgskkfvwvjiattxdzsqlf - display block - overflow hidden - width 100% - height 100% - background-position center - background-size contain - background-repeat no-repeat - -.qjewsnkgzzxlxtzncydssfbgjibiehcy - 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> |