This commit is contained in:
syuilo 2018-03-04 14:10:14 +09:00
parent d54453c5ff
commit 073a2def64
2 changed files with 18 additions and 2 deletions

View file

@ -22,6 +22,9 @@ button.ui
border-radius 4px border-radius 4px
outline none outline none
&.block
display block
&:focus &:focus
&:after &:after
content "" content ""

View file

@ -28,7 +28,7 @@
<section class="web" v-show="page == 'web'"> <section class="web" v-show="page == 'web'">
<h1>モバイル</h1> <h1>モバイル</h1>
<mk-switch v-model="os.i.client_settings.disableViaMobile" @change="onChangeDisableViaMobile" text="モバイルからの投稿とフラグを付けない"/> <mk-switch v-model="os.i.client_settings.disableViaMobile" @change="onChangeDisableViaMobile" text="「モバイルからの投稿」フラグを付けない"/>
</section> </section>
<section class="web" v-show="page == 'web'"> <section class="web" v-show="page == 'web'">
@ -109,10 +109,16 @@
<span>最新のバージョン: <i>{{ latestVersion ? latestVersion : version }}</i></span> <span>最新のバージョン: <i>{{ latestVersion ? latestVersion : version }}</i></span>
</template> </template>
</p> </p>
<button class="ui button" @click="checkForUpdate" :disabled="checkingForUpdate"> <button class="ui button block" @click="checkForUpdate" :disabled="checkingForUpdate">
<template v-if="checkingForUpdate">アップデートを確認中<mk-ellipsis/></template> <template v-if="checkingForUpdate">アップデートを確認中<mk-ellipsis/></template>
<template v-else>アップデートを確認</template> <template v-else>アップデートを確認</template>
</button> </button>
<details>
<summary>詳細設定</summary>
<mk-switch v-model="preventUpdate" text="アップデートを延期する(非推奨)">
<span>この設定をオンにしてもアップデートが反映される場合がありますこの設定はこのデバイスのみ有効です</span>
</mk-switch>
</details>
</section> </section>
<section class="other" v-show="page == 'other'"> <section class="other" v-show="page == 'other'">
@ -161,6 +167,7 @@ export default Vue.extend({
latestVersion: undefined, latestVersion: undefined,
checkingForUpdate: false, checkingForUpdate: false,
lang: localStorage.getItem('lang') || '', lang: localStorage.getItem('lang') || '',
preventUpdate: localStorage.getItem('preventUpdate') == 'true',
debug: localStorage.getItem('debug') == 'true', debug: localStorage.getItem('debug') == 'true',
enableExperimental: localStorage.getItem('enableExperimental') == 'true' enableExperimental: localStorage.getItem('enableExperimental') == 'true'
}; };
@ -169,6 +176,9 @@ export default Vue.extend({
lang() { lang() {
localStorage.setItem('lang', this.lang); localStorage.setItem('lang', this.lang);
}, },
preventUpdate() {
localStorage.setItem('preventUpdate', this.preventUpdate ? 'true' : 'false');
},
debug() { debug() {
localStorage.setItem('debug', this.debug ? 'true' : 'false'); localStorage.setItem('debug', this.debug ? 'true' : 'false');
}, },
@ -285,6 +295,9 @@ export default Vue.extend({
border-bottom solid 1px #eee border-bottom solid 1px #eee
&, >>> * &, >>> *
.ui.button.block
margin 16px 0
> section > section
margin 32px 0 margin 32px 0