mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-27 02:53:08 +02:00
Refactor
This commit is contained in:
parent
700f8c9bb4
commit
03e1d3fbc4
12 changed files with 59 additions and 117 deletions
|
@ -273,6 +273,10 @@ common/views/components/connect-failed.troubleshooter.vue:
|
||||||
flush: "キャッシュの削除"
|
flush: "キャッシュの削除"
|
||||||
set-version: "バージョン指定"
|
set-version: "バージョン指定"
|
||||||
|
|
||||||
|
common/views/components/cw-button.vue:
|
||||||
|
hide: "隠す"
|
||||||
|
show: "もっと見る"
|
||||||
|
|
||||||
common/views/components/messaging.vue:
|
common/views/components/messaging.vue:
|
||||||
search-user: "ユーザーを探す"
|
search-user: "ユーザーを探す"
|
||||||
you: "あなた"
|
you: "あなた"
|
||||||
|
@ -666,8 +670,6 @@ desktop/views/components/notes.note.vue:
|
||||||
detail: "詳細"
|
detail: "詳細"
|
||||||
private: "この投稿は非公開です"
|
private: "この投稿は非公開です"
|
||||||
deleted: "この投稿は削除されました"
|
deleted: "この投稿は削除されました"
|
||||||
hide: "隠す"
|
|
||||||
see-more: "もっと見る"
|
|
||||||
|
|
||||||
desktop/views/components/notes.vue:
|
desktop/views/components/notes.vue:
|
||||||
error: "読み込みに失敗しました。"
|
error: "読み込みに失敗しました。"
|
||||||
|
@ -1192,8 +1194,6 @@ mobile/views/components/friends-maker.vue:
|
||||||
|
|
||||||
mobile/views/components/note.vue:
|
mobile/views/components/note.vue:
|
||||||
reposted-by: "{}がRenote"
|
reposted-by: "{}がRenote"
|
||||||
more: "もっと見る"
|
|
||||||
less: "隠す"
|
|
||||||
private: "この投稿は非公開です"
|
private: "この投稿は非公開です"
|
||||||
deleted: "この投稿は削除されました"
|
deleted: "この投稿は削除されました"
|
||||||
location: "位置情報"
|
location: "位置情報"
|
||||||
|
|
44
src/client/app/common/views/components/cw-button.vue
Normal file
44
src/client/app/common/views/components/cw-button.vue
Normal file
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
<button class="nrvgflfuaxwgkxoynpnumyookecqrrvh" @click="toggle">{{ value ? '%i18n:@hide%' : '%i18n:@show%' }}</button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import Vue from 'vue';
|
||||||
|
|
||||||
|
export default Vue.extend({
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: Boolean,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
toggle() {
|
||||||
|
this.$emit('input', !this.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
root(isDark)
|
||||||
|
display inline-block
|
||||||
|
padding 4px 8px
|
||||||
|
font-size 0.7em
|
||||||
|
color isDark ? #393f4f : #fff
|
||||||
|
background isDark ? #687390 : #b1b9c1
|
||||||
|
border-radius 2px
|
||||||
|
cursor pointer
|
||||||
|
user-select none
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
background isDark ? #707b97 : #bbc4ce
|
||||||
|
|
||||||
|
.nrvgflfuaxwgkxoynpnumyookecqrrvh[data-darkmode]
|
||||||
|
root(true)
|
||||||
|
|
||||||
|
.nrvgflfuaxwgkxoynpnumyookecqrrvh:not([data-darkmode])
|
||||||
|
root(false)
|
||||||
|
|
||||||
|
</style>
|
|
@ -1,5 +1,6 @@
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
|
|
||||||
|
import cwButton from './cw-button.vue';
|
||||||
import tagCloud from './tag-cloud.vue';
|
import tagCloud from './tag-cloud.vue';
|
||||||
import trends from './trends.vue';
|
import trends from './trends.vue';
|
||||||
import analogClock from './analog-clock.vue';
|
import analogClock from './analog-clock.vue';
|
||||||
|
@ -42,6 +43,7 @@ import uiSelect from './ui/select.vue';
|
||||||
import formButton from './ui/form/button.vue';
|
import formButton from './ui/form/button.vue';
|
||||||
import formRadio from './ui/form/radio.vue';
|
import formRadio from './ui/form/radio.vue';
|
||||||
|
|
||||||
|
Vue.component('mk-cw-button', cwButton);
|
||||||
Vue.component('mk-tag-cloud', tagCloud);
|
Vue.component('mk-tag-cloud', tagCloud);
|
||||||
Vue.component('mk-trends', trends);
|
Vue.component('mk-trends', trends);
|
||||||
Vue.component('mk-analog-clock', analogClock);
|
Vue.component('mk-analog-clock', analogClock);
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="p.cw != null" class="cw">
|
<p v-if="p.cw != null" class="cw">
|
||||||
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="p.cw == null || showContent">
|
<div class="content" v-show="p.cw == null || showContent">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
@ -352,19 +352,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
> .text
|
> .text
|
||||||
cursor default
|
cursor default
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="note.cw != null" class="cw">
|
<p v-if="note.cw != null" class="cw">
|
||||||
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="note.cw == null || showContent">
|
<div class="content" v-show="note.cw == null || showContent">
|
||||||
<mk-sub-note-content class="text" :note="note"/>
|
<mk-sub-note-content class="text" :note="note"/>
|
||||||
|
@ -76,19 +76,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
> .text
|
> .text
|
||||||
cursor default
|
cursor default
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="note.cw != null" class="cw">
|
<p v-if="note.cw != null" class="cw">
|
||||||
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="note.cw == null || showContent">
|
<div class="content" v-show="note.cw == null || showContent">
|
||||||
<mk-sub-note-content class="text" :note="note"/>
|
<mk-sub-note-content class="text" :note="note"/>
|
||||||
|
@ -77,19 +77,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
> .text
|
> .text
|
||||||
cursor default
|
cursor default
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="p.cw != null" class="cw">
|
<p v-if="p.cw != null" class="cw">
|
||||||
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="p.cw == null || showContent">
|
<div class="content" v-show="p.cw == null || showContent">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
@ -401,19 +401,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
|
|
||||||
> .text
|
> .text
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="p.cw != null" class="cw">
|
<p v-if="p.cw != null" class="cw">
|
||||||
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@less%' : '%i18n:@more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="p.cw == null || showContent">
|
<div class="content" v-show="p.cw == null || showContent">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="p.cw != null" class="cw">
|
<p v-if="p.cw != null" class="cw">
|
||||||
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="p.cw == null || showContent">
|
<div class="content" v-show="p.cw == null || showContent">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
@ -352,19 +352,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
|
|
||||||
> .text
|
> .text
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="note.cw != null" class="cw">
|
<p v-if="note.cw != null" class="cw">
|
||||||
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="note.cw == null || showContent">
|
<div class="content" v-show="note.cw == null || showContent">
|
||||||
<mk-sub-note-content class="text" :note="note"/>
|
<mk-sub-note-content class="text" :note="note"/>
|
||||||
|
@ -93,19 +93,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
> .text
|
> .text
|
||||||
cursor default
|
cursor default
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="note.cw != null" class="cw">
|
<p v-if="note.cw != null" class="cw">
|
||||||
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
<span class="text" v-if="note.cw != ''">{{ note.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="note.cw == null || showContent">
|
<div class="content" v-show="note.cw == null || showContent">
|
||||||
<mk-sub-note-content class="text" :note="note"/>
|
<mk-sub-note-content class="text" :note="note"/>
|
||||||
|
@ -100,19 +100,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
> .text
|
> .text
|
||||||
margin 0
|
margin 0
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<p v-if="p.cw != null" class="cw">
|
<p v-if="p.cw != null" class="cw">
|
||||||
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
|
||||||
<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@less%' : '%i18n:@more%' }}</span>
|
<mk-cw-button v-model="showContent"/>
|
||||||
</p>
|
</p>
|
||||||
<div class="content" v-show="p.cw == null || showContent">
|
<div class="content" v-show="p.cw == null || showContent">
|
||||||
<div class="text">
|
<div class="text">
|
||||||
|
@ -350,19 +350,6 @@ root(isDark)
|
||||||
> .text
|
> .text
|
||||||
margin-right 8px
|
margin-right 8px
|
||||||
|
|
||||||
> .toggle
|
|
||||||
display inline-block
|
|
||||||
padding 4px 8px
|
|
||||||
font-size 0.7em
|
|
||||||
color isDark ? #393f4f : #fff
|
|
||||||
background isDark ? #687390 : #b1b9c1
|
|
||||||
border-radius 2px
|
|
||||||
cursor pointer
|
|
||||||
user-select none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
background isDark ? #707b97 : #bbc4ce
|
|
||||||
|
|
||||||
> .content
|
> .content
|
||||||
|
|
||||||
> .text
|
> .text
|
||||||
|
|
Loading…
Reference in a new issue