summaryrefslogtreecommitdiff
path: root/src/client/pages/timeline.tutorial.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2021-11-13 12:23:49 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2021-11-13 12:23:49 +0900
commit2795fe457909c687f668d020ef65d52abc3182fb (patch)
tree0a52e4e4d854333496fcc487560c93c3de5d5eb5 /src/client/pages/timeline.tutorial.vue
parentMerge branch 'develop' (diff)
parent12.96.0 (diff)
downloadmisskey-2795fe457909c687f668d020ef65d52abc3182fb.tar.gz
misskey-2795fe457909c687f668d020ef65d52abc3182fb.tar.bz2
misskey-2795fe457909c687f668d020ef65d52abc3182fb.zip
Merge branch 'develop'
Diffstat (limited to 'src/client/pages/timeline.tutorial.vue')
-rw-r--r--src/client/pages/timeline.tutorial.vue131
1 files changed, 0 insertions, 131 deletions
diff --git a/src/client/pages/timeline.tutorial.vue b/src/client/pages/timeline.tutorial.vue
deleted file mode 100644
index 620994c0da..0000000000
--- a/src/client/pages/timeline.tutorial.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-<div class="_card tbkwesmv">
- <div class="_title"><i class="fas fa-info-circle"></i> {{ $ts._tutorial.title }}</div>
- <div class="_content" v-if="tutorial === 0">
- <div>{{ $ts._tutorial.step1_1 }}</div>
- <div>{{ $ts._tutorial.step1_2 }}</div>
- <div>{{ $ts._tutorial.step1_3 }}</div>
- </div>
- <div class="_content" v-else-if="tutorial === 1">
- <div>{{ $ts._tutorial.step2_1 }}</div>
- <div>{{ $ts._tutorial.step2_2 }}</div>
- <MkA class="_link" to="/settings/profile">{{ $ts.editProfile }}</MkA>
- </div>
- <div class="_content" v-else-if="tutorial === 2">
- <div>{{ $ts._tutorial.step3_1 }}</div>
- <div>{{ $ts._tutorial.step3_2 }}</div>
- <div>{{ $ts._tutorial.step3_3 }}</div>
- <small>{{ $ts._tutorial.step3_4 }}</small>
- </div>
- <div class="_content" v-else-if="tutorial === 3">
- <div>{{ $ts._tutorial.step4_1 }}</div>
- <div>{{ $ts._tutorial.step4_2 }}</div>
- </div>
- <div class="_content" v-else-if="tutorial === 4">
- <div>{{ $ts._tutorial.step5_1 }}</div>
- <I18n :src="$ts._tutorial.step5_2" tag="div">
- <template #featured>
- <MkA class="_link" to="/featured">{{ $ts.featured }}</MkA>
- </template>
- <template #explore>
- <MkA class="_link" to="/explore">{{ $ts.explore }}</MkA>
- </template>
- </I18n>
- <div>{{ $ts._tutorial.step5_3 }}</div>
- <small>{{ $ts._tutorial.step5_4 }}</small>
- </div>
- <div class="_content" v-else-if="tutorial === 5">
- <div>{{ $ts._tutorial.step6_1 }}</div>
- <div>{{ $ts._tutorial.step6_2 }}</div>
- <div>{{ $ts._tutorial.step6_3 }}</div>
- </div>
- <div class="_content" v-else-if="tutorial === 6">
- <div>{{ $ts._tutorial.step7_1 }}</div>
- <I18n :src="$ts._tutorial.step7_2" tag="div">
- <template #help>
- <MkA class="_link" to="/docs">{{ $ts.help }}</MkA>
- </template>
- </I18n>
- <div>{{ $ts._tutorial.step7_3 }}</div>
- </div>
-
- <div class="_footer navigation">
- <div class="step">
- <button class="arrow _button" @click="tutorial--" :disabled="tutorial === 0">
- <i class="fas fa-chevron-left"></i>
- </button>
- <span>{{ tutorial + 1 }} / 7</span>
- <button class="arrow _button" @click="tutorial++" :disabled="tutorial === 6">
- <i class="fas fa-chevron-right"></i>
- </button>
- </div>
- <MkButton class="ok" @click="tutorial = -1" primary v-if="tutorial === 6"><i class="fas fa-check"></i> {{ $ts.gotIt }}</MkButton>
- <MkButton class="ok" @click="tutorial++" primary v-else><i class="fas fa-check"></i> {{ $ts.next }}</MkButton>
- </div>
-</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import MkButton from '@client/components/ui/button.vue';
-
-export default defineComponent({
- components: {
- MkButton,
- },
-
- data() {
- return {
- }
- },
-
- computed: {
- tutorial: {
- get() { return this.$store.reactiveState.tutorial.value || 0; },
- set(value) { this.$store.set('tutorial', value); }
- },
- },
-});
-</script>
-
-<style lang="scss" scoped>
-.tbkwesmv {
- > ._content {
- > small {
- opacity: 0.7;
- }
- }
-
- > .navigation {
- display: flex;
- flex-direction: row;
- align-items: baseline;
-
- > .step {
- > .arrow {
- padding: 4px;
-
- &:disabled {
- opacity: 0.5;
- }
-
- &:first-child {
- padding-right: 8px;
- }
-
- &:last-child {
- padding-left: 8px;
- }
- }
-
- > span {
- margin: 0 4px;
- }
- }
-
- > .ok {
- margin-left: auto;
- }
- }
-}
-</style>