spec(frontend): チュートリアルにBotの設定を追加、チュートリアルをスキップ不可に (MisskeyIO#689)

* feat(frontend): チュートリアルにBotの設定を追加、チュートリアルをスキップ不可に

* チュートリアルが特定の操作でスキップできてしまうのを修正

---------

Co-authored-by: CyberRex <26585194+CyberRex0@users.noreply.github.com>
This commit is contained in:
まっちゃとーにゅ 2024-08-14 09:15:49 +09:00 committed by GitHub
parent 7377c7802d
commit f415b2ebbe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 19 additions and 15 deletions

View file

@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span :class="$style.title">
<slot name="header"></slot>
</span>
<button v-if="!withOkButton" :class="$style.headerButton" class="_button" data-cy-modal-window-close @click="$emit('close')"><i class="ti ti-x"></i></button>
<button v-if="!withOkButton && withCloseButton" :class="$style.headerButton" class="_button" data-cy-modal-window-close @click="$emit('close')"><i class="ti ti-x"></i></button>
<button v-if="withOkButton" :class="$style.headerButton" class="_button" :disabled="okButtonDisabled" @click="$emit('ok')"><i class="ti ti-check"></i></button>
</div>
<div :class="$style.body">
@ -27,12 +27,16 @@ import MkModal from './MkModal.vue';
const props = withDefaults(defineProps<{
withOkButton: boolean;
withCloseButton: boolean;
okButtonDisabled: boolean;
escKeyDisabled: boolean;
width: number;
height: number;
}>(), {
withOkButton: false,
withCloseButton: true,
okButtonDisabled: false,
escKeyDisabled: false,
width: 400,
height: 500,
});
@ -60,6 +64,7 @@ const onBgClick = () => {
const onKeydown = (evt) => {
if (evt.which === 27) { // Esc
if (props.escKeyDisabled) return;
evt.preventDefault();
evt.stopPropagation();
close();