frontend timeline fixes & improvements (#13727)
* fix: withRepliesがオフのときにwithFilesのとぐるをいじれない問題 * fix: type errors in tl-column * fix: deck uiでタイムラインを切り替えた際にTLの設定項目が更新されない * refactor: タイムラインの各種知識を一つのファイルに統合 fix: ウィジェットのタイムライン選択欄に表示できないタイムラインが表示される * docs(changelog): timeline improvements * fix: missing license header * chore: timeline > basic timeline * use BasicTimelineType in deck-store * Update CHANGELOG.md --------- Co-authored-by: Sayamame-beans <61457993+Sayamame-beans@users.noreply.github.com>
This commit is contained in:
		@@ -19,6 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { computed, watch, onUnmounted, provide, ref, shallowRef } from 'vue';
 | 
			
		||||
import * as Misskey from 'misskey-js';
 | 
			
		||||
import type { BasicTimelineType } from '@/timelines.js';
 | 
			
		||||
import MkNotes from '@/components/MkNotes.vue';
 | 
			
		||||
import MkPullToRefresh from '@/components/MkPullToRefresh.vue';
 | 
			
		||||
import { useStream } from '@/stream.js';
 | 
			
		||||
@@ -29,7 +30,7 @@ import { defaultStore } from '@/store.js';
 | 
			
		||||
import { Paging } from '@/components/MkPagination.vue';
 | 
			
		||||
 | 
			
		||||
const props = withDefaults(defineProps<{
 | 
			
		||||
	src: 'home' | 'local' | 'social' | 'global' | 'mentions' | 'directs' | 'list' | 'antenna' | 'channel' | 'role';
 | 
			
		||||
	src: BasicTimelineType | 'mentions' | 'directs' | 'list' | 'antenna' | 'channel' | 'role';
 | 
			
		||||
	list?: string;
 | 
			
		||||
	antenna?: string;
 | 
			
		||||
	channel?: string;
 | 
			
		||||
 
 | 
			
		||||
@@ -7,10 +7,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		||||
<div class="_gaps">
 | 
			
		||||
	<div style="text-align: center; padding: 0 16px;">{{ i18n.ts._initialTutorial._timeline.description1 }}</div>
 | 
			
		||||
	<div class="_gaps_s">
 | 
			
		||||
		<div><i class="ti ti-home"></i> <b>{{ i18n.ts._timelines.home }}</b> … {{ i18n.ts._initialTutorial._timeline.home }}</div>
 | 
			
		||||
		<div><i class="ti ti-planet"></i> <b>{{ i18n.ts._timelines.local }}</b> … {{ i18n.ts._initialTutorial._timeline.local }}</div>
 | 
			
		||||
		<div><i class="ti ti-universe"></i> <b>{{ i18n.ts._timelines.social }}</b> … {{ i18n.ts._initialTutorial._timeline.social }}</div>
 | 
			
		||||
		<div><i class="ti ti-whirl"></i> <b>{{ i18n.ts._timelines.global }}</b> … {{ i18n.ts._initialTutorial._timeline.global }}</div>
 | 
			
		||||
		<div v-for="tl in basicTimelineTypes">
 | 
			
		||||
			<i :class="basicTimelineIconClass(tl)"></i> <b>{{ i18n.ts._timelines[tl] }}</b> … {{ i18n.ts._initialTutorial._timeline[tl] }}
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="_gaps_s">
 | 
			
		||||
		<div>{{ i18n.ts._initialTutorial._timeline.description2 }}</div>
 | 
			
		||||
@@ -22,12 +21,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		||||
			<a href="https://misskey-hub.net/docs/for-users/features/timeline/" target="_blank" class="_link">{{ i18n.ts.help }}</a>
 | 
			
		||||
		</template>
 | 
			
		||||
	</I18n>
 | 
			
		||||
 | 
			
		||||
</div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script setup lang="ts">
 | 
			
		||||
import { i18n } from '@/i18n.js';
 | 
			
		||||
import { basicTimelineIconClass, basicTimelineTypes } from '@/timelines.js';
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="scss" module>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user