summaryrefslogtreecommitdiff
path: root/src/client/app/mobile/views
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2019-01-27 13:29:53 +0900
committersyuilo <syuilotan@yahoo.co.jp>2019-01-27 13:29:53 +0900
commit7dcea49be74784132469e027845fc68557aa8dd4 (patch)
tree16d26b3b58e245df0c896650a37e59db43bf81f8 /src/client/app/mobile/views
parentMerge pull request #3997 from syuilo/l10n_develop (diff)
downloadmisskey-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.ts2
-rw-r--r--src/client/app/mobile/views/components/media-image.vue83
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>