diff options
| author | atsuchan <83960488+atsu1125@users.noreply.github.com> | 2023-03-12 10:20:33 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-12 10:20:33 +0900 |
| commit | 31488da40c537b7181ea81bc9e04052fdda7b3a0 (patch) | |
| tree | 869972bb511498d724d1b2f69e4407cd3c0bf7c1 /packages/frontend/src/ui/deck/tl-column.vue | |
| parent | fix(frontend/MkSignup): prevent uncaught errors from interrupted signup (#10265) (diff) | |
| download | misskey-31488da40c537b7181ea81bc9e04052fdda7b3a0.tar.gz misskey-31488da40c537b7181ea81bc9e04052fdda7b3a0.tar.bz2 misskey-31488da40c537b7181ea81bc9e04052fdda7b3a0.zip | |
タイムラインを正常に無効化できるように (#10299)
* タイムラインを正常に無効化できるように
Timeline can be disabled successfully
* Tune: disabled timeline to update disabled state immediately
カラムの判定の場所をこっちにしないとリアルタイムで更新が反映されないので変更（タイムラインを正常に無効化できるように）
* modify disabled timeline icon to ti-circle-minus
無効化されたタイムラインのアイコンをTabler iconのti-circle-minusに修正
Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com>
---------
Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com>
Diffstat (limited to 'packages/frontend/src/ui/deck/tl-column.vue')
| -rw-r--r-- | packages/frontend/src/ui/deck/tl-column.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/packages/frontend/src/ui/deck/tl-column.vue b/packages/frontend/src/ui/deck/tl-column.vue index a947e27e57..c23943d4db 100644 --- a/packages/frontend/src/ui/deck/tl-column.vue +++ b/packages/frontend/src/ui/deck/tl-column.vue @@ -8,12 +8,12 @@ <span style="margin-left: 8px;">{{ column.name }}</span> </template> - <div v-if="disabled" :class="$style.disabled"> + <div v-if="(((column.tl === 'local' || column.tl === 'social') && !isLocalTimelineAvailable) || (column.tl === 'global' && !isGlobalTimelineAvailable))" :class="$style.disabled"> <p :class="$style.disabledTitle"> - <i class="ti ti-minus-circle"></i> - {{ $t('disabled-timeline.title') }} + <i class="ti ti-circle-minus"></i> + {{ i18n.ts._disabledTimeline.title }} </p> - <p :class="$style.disabledDescription">{{ $t('disabled-timeline.description') }}</p> + <p :class="$style.disabledDescription">{{ i18n.ts._disabledTimeline.description }}</p> </div> <MkTimeline v-else-if="column.tl" ref="timeline" :key="column.tl" :src="column.tl" @after="() => emit('loaded')"/> </XColumn> @@ -27,6 +27,7 @@ import MkTimeline from '@/components/MkTimeline.vue'; import * as os from '@/os'; import { $i } from '@/account'; import { i18n } from '@/i18n'; +import { instance } from '@/instance'; const props = defineProps<{ column: Column; @@ -40,11 +41,16 @@ const emit = defineEmits<{ let disabled = $ref(false); +const isLocalTimelineAvailable = (($i == null && instance.policies.ltlAvailable) || ($i != null && $i.policies.ltlAvailable)); +const isGlobalTimelineAvailable = (($i == null && instance.policies.gtlAvailable) || ($i != null && $i.policies.gtlAvailable)); + onMounted(() => { if (props.column.tl == null) { setType(); } else if ($i) { - disabled = false; // TODO + disabled = ( + (!((instance.policies.ltlAvailable) || ($i.policies.ltlAvailable)) && ['local', 'social'].includes(props.column.tl)) || + (!((instance.policies.gtlAvailable) || ($i.policies.gtlAvailable)) && ['global'].includes(props.column.tl))); } }); |