enhance(frontend): デッキのアンテナ・リスト選択画面からそれぞれを新規作成できるように (#14104)
* enhance(frontend): デッキのアンテナ・リスト選択画面からそれぞれを新規作成できるように * Update Changelog * fix * fix * lint * add story * typo ねぼけていた * Update antenna-column.vue --------- Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>
This commit is contained in:
parent
de3ddb5b44
commit
738b3ea43b
|
@ -25,6 +25,7 @@
|
||||||
- Enhance: AiScriptを0.19.0にアップデート
|
- Enhance: AiScriptを0.19.0にアップデート
|
||||||
- Enhance: Allow negative delay for MFM animation elements (`tada`, `jelly`, `twitch`, `shake`, `spin`, `jump`, `bounce`, `rainbow`)
|
- Enhance: Allow negative delay for MFM animation elements (`tada`, `jelly`, `twitch`, `shake`, `spin`, `jump`, `bounce`, `rainbow`)
|
||||||
- Enhance: センシティブなメディアを開く際に確認ダイアログを出せるように
|
- Enhance: センシティブなメディアを開く際に確認ダイアログを出せるように
|
||||||
|
- Enhance: デッキのアンテナ・リスト選択画面からそれぞれを新規作成できるように
|
||||||
- Fix: `/about#federation` ページなどで各インスタンスのチャートが表示されなくなっていた問題を修正
|
- Fix: `/about#federation` ページなどで各インスタンスのチャートが表示されなくなっていた問題を修正
|
||||||
- Fix: ユーザーページの追加情報のラベルを投稿者のサーバーの絵文字で表示する (#13968)
|
- Fix: ユーザーページの追加情報のラベルを投稿者のサーバーの絵文字で表示する (#13968)
|
||||||
- Fix: リバーシの対局を正しく共有できないことがある問題を修正
|
- Fix: リバーシの対局を正しく共有できないことがある問題を修正
|
||||||
|
|
|
@ -632,6 +632,10 @@ export interface Locale extends ILocale {
|
||||||
* アンテナを編集
|
* アンテナを編集
|
||||||
*/
|
*/
|
||||||
"editAntenna": string;
|
"editAntenna": string;
|
||||||
|
/**
|
||||||
|
* アンテナを作成
|
||||||
|
*/
|
||||||
|
"createAntenna": string;
|
||||||
/**
|
/**
|
||||||
* ウィジェットを選択
|
* ウィジェットを選択
|
||||||
*/
|
*/
|
||||||
|
@ -5024,6 +5028,14 @@ export interface Locale extends ILocale {
|
||||||
* センシティブなメディアです。表示しますか?
|
* センシティブなメディアです。表示しますか?
|
||||||
*/
|
*/
|
||||||
"sensitiveMediaRevealConfirm": string;
|
"sensitiveMediaRevealConfirm": string;
|
||||||
|
/**
|
||||||
|
* 作成したリスト
|
||||||
|
*/
|
||||||
|
"createdLists": string;
|
||||||
|
/**
|
||||||
|
* 作成したアンテナ
|
||||||
|
*/
|
||||||
|
"createdAntennas": string;
|
||||||
"_delivery": {
|
"_delivery": {
|
||||||
/**
|
/**
|
||||||
* 配信状態
|
* 配信状態
|
||||||
|
|
|
@ -154,6 +154,7 @@ editList: "リストを編集"
|
||||||
selectChannel: "チャンネルを選択"
|
selectChannel: "チャンネルを選択"
|
||||||
selectAntenna: "アンテナを選択"
|
selectAntenna: "アンテナを選択"
|
||||||
editAntenna: "アンテナを編集"
|
editAntenna: "アンテナを編集"
|
||||||
|
createAntenna: "アンテナを作成"
|
||||||
selectWidget: "ウィジェットを選択"
|
selectWidget: "ウィジェットを選択"
|
||||||
editWidgets: "ウィジェットを編集"
|
editWidgets: "ウィジェットを編集"
|
||||||
editWidgetsExit: "編集を終了"
|
editWidgetsExit: "編集を終了"
|
||||||
|
@ -1252,6 +1253,8 @@ inquiry: "お問い合わせ"
|
||||||
tryAgain: "もう一度お試しください。"
|
tryAgain: "もう一度お試しください。"
|
||||||
confirmWhenRevealingSensitiveMedia: "センシティブなメディアを表示するとき確認する"
|
confirmWhenRevealingSensitiveMedia: "センシティブなメディアを表示するとき確認する"
|
||||||
sensitiveMediaRevealConfirm: "センシティブなメディアです。表示しますか?"
|
sensitiveMediaRevealConfirm: "センシティブなメディアです。表示しますか?"
|
||||||
|
createdLists: "作成したリスト"
|
||||||
|
createdAntennas: "作成したアンテナ"
|
||||||
|
|
||||||
_delivery:
|
_delivery:
|
||||||
status: "配信状態"
|
status: "配信状態"
|
||||||
|
|
|
@ -0,0 +1,62 @@
|
||||||
|
/*
|
||||||
|
* SPDX-FileCopyrightText: syuilo and misskey-project
|
||||||
|
* SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
||||||
|
import { action } from '@storybook/addon-actions';
|
||||||
|
import { StoryObj } from '@storybook/vue3';
|
||||||
|
import { HttpResponse, http } from 'msw';
|
||||||
|
import { commonHandlers } from '../../.storybook/mocks.js';
|
||||||
|
import MkAntennaEditor from './MkAntennaEditor.vue';
|
||||||
|
export const Default = {
|
||||||
|
render(args) {
|
||||||
|
return {
|
||||||
|
components: {
|
||||||
|
MkAntennaEditor,
|
||||||
|
},
|
||||||
|
setup() {
|
||||||
|
return {
|
||||||
|
args,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
props() {
|
||||||
|
return {
|
||||||
|
...this.args,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
events() {
|
||||||
|
return {
|
||||||
|
created: action('created'),
|
||||||
|
updated: action('updated'),
|
||||||
|
deleted: action('deleted'),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
template: '<MkAntennaEditor v-bind="props" v-on="events" />',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
args: {
|
||||||
|
},
|
||||||
|
parameters: {
|
||||||
|
layout: 'fullscreen',
|
||||||
|
msw: {
|
||||||
|
handlers: [
|
||||||
|
...commonHandlers,
|
||||||
|
http.post('/api/antennas/create', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/create')(await request.json());
|
||||||
|
return HttpResponse.json({});
|
||||||
|
}),
|
||||||
|
http.post('/api/antennas/update', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/update')(await request.json());
|
||||||
|
return HttpResponse.json({});
|
||||||
|
}),
|
||||||
|
http.post('/api/antennas/delete', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/delete')(await request.json());
|
||||||
|
return HttpResponse.json();
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
} satisfies StoryObj<typeof MkAntennaEditor>;
|
|
@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
<div :class="$style.actions">
|
<div :class="$style.actions">
|
||||||
<div class="_buttons">
|
<div class="_buttons">
|
||||||
<MkButton inline primary @click="saveAntenna()"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
|
<MkButton inline primary @click="saveAntenna()"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
|
||||||
<MkButton v-if="antenna.id != null" inline danger @click="deleteAntenna()"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton>
|
<MkButton v-if="initialAntenna.id != null" inline danger @click="deleteAntenna()"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -61,28 +61,53 @@ import MkSwitch from '@/components/MkSwitch.vue';
|
||||||
import * as os from '@/os.js';
|
import * as os from '@/os.js';
|
||||||
import { misskeyApi } from '@/scripts/misskey-api.js';
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
|
import { deepMerge } from '@/scripts/merge.js';
|
||||||
|
import type { DeepPartial } from '@/scripts/merge.js';
|
||||||
|
|
||||||
|
type PartialAllowedAntenna = Omit<Misskey.entities.Antenna, 'id' | 'createdAt' | 'updatedAt'> & {
|
||||||
|
id?: string;
|
||||||
|
createdAt?: string;
|
||||||
|
updatedAt?: string;
|
||||||
|
};
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
antenna: Misskey.entities.Antenna
|
antenna?: DeepPartial<PartialAllowedAntenna>;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
|
const initialAntenna = deepMerge<PartialAllowedAntenna>(props.antenna ?? {}, {
|
||||||
|
name: '',
|
||||||
|
src: 'all',
|
||||||
|
userListId: null,
|
||||||
|
users: [],
|
||||||
|
keywords: [],
|
||||||
|
excludeKeywords: [],
|
||||||
|
excludeBots: false,
|
||||||
|
withReplies: false,
|
||||||
|
caseSensitive: false,
|
||||||
|
localOnly: false,
|
||||||
|
withFile: false,
|
||||||
|
isActive: true,
|
||||||
|
hasUnreadNote: false,
|
||||||
|
notify: false,
|
||||||
|
});
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
(ev: 'created'): void,
|
(ev: 'created', newAntenna: Misskey.entities.Antenna): void,
|
||||||
(ev: 'updated'): void,
|
(ev: 'updated', editedAntenna: Misskey.entities.Antenna): void,
|
||||||
(ev: 'deleted'): void,
|
(ev: 'deleted'): void,
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const name = ref<string>(props.antenna.name);
|
const name = ref<string>(initialAntenna.name);
|
||||||
const src = ref<Misskey.entities.AntennasCreateRequest['src']>(props.antenna.src);
|
const src = ref<Misskey.entities.AntennasCreateRequest['src']>(initialAntenna.src);
|
||||||
const userListId = ref<string | null>(props.antenna.userListId);
|
const userListId = ref<string | null>(initialAntenna.userListId);
|
||||||
const users = ref<string>(props.antenna.users.join('\n'));
|
const users = ref<string>(initialAntenna.users.join('\n'));
|
||||||
const keywords = ref<string>(props.antenna.keywords.map(x => x.join(' ')).join('\n'));
|
const keywords = ref<string>(initialAntenna.keywords.map(x => x.join(' ')).join('\n'));
|
||||||
const excludeKeywords = ref<string>(props.antenna.excludeKeywords.map(x => x.join(' ')).join('\n'));
|
const excludeKeywords = ref<string>(initialAntenna.excludeKeywords.map(x => x.join(' ')).join('\n'));
|
||||||
const caseSensitive = ref<boolean>(props.antenna.caseSensitive);
|
const caseSensitive = ref<boolean>(initialAntenna.caseSensitive);
|
||||||
const localOnly = ref<boolean>(props.antenna.localOnly);
|
const localOnly = ref<boolean>(initialAntenna.localOnly);
|
||||||
const excludeBots = ref<boolean>(props.antenna.excludeBots);
|
const excludeBots = ref<boolean>(initialAntenna.excludeBots);
|
||||||
const withReplies = ref<boolean>(props.antenna.withReplies);
|
const withReplies = ref<boolean>(initialAntenna.withReplies);
|
||||||
const withFile = ref<boolean>(props.antenna.withFile);
|
const withFile = ref<boolean>(initialAntenna.withFile);
|
||||||
const userLists = ref<Misskey.entities.UserList[] | null>(null);
|
const userLists = ref<Misskey.entities.UserList[] | null>(null);
|
||||||
|
|
||||||
watch(() => src.value, async () => {
|
watch(() => src.value, async () => {
|
||||||
|
@ -106,24 +131,26 @@ async function saveAntenna() {
|
||||||
excludeKeywords: excludeKeywords.value.trim().split('\n').map(x => x.trim().split(' ')),
|
excludeKeywords: excludeKeywords.value.trim().split('\n').map(x => x.trim().split(' ')),
|
||||||
};
|
};
|
||||||
|
|
||||||
if (props.antenna.id == null) {
|
if (initialAntenna.id == null) {
|
||||||
await os.apiWithDialog('antennas/create', antennaData);
|
const res = await os.apiWithDialog('antennas/create', antennaData);
|
||||||
emit('created');
|
emit('created', res);
|
||||||
} else {
|
} else {
|
||||||
await os.apiWithDialog('antennas/update', { ...antennaData, antennaId: props.antenna.id });
|
const res = await os.apiWithDialog('antennas/update', { ...antennaData, antennaId: initialAntenna.id });
|
||||||
emit('updated');
|
emit('updated', res);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function deleteAntenna() {
|
async function deleteAntenna() {
|
||||||
|
if (initialAntenna.id == null) return;
|
||||||
|
|
||||||
const { canceled } = await os.confirm({
|
const { canceled } = await os.confirm({
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
text: i18n.tsx.removeAreYouSure({ x: props.antenna.name }),
|
text: i18n.tsx.removeAreYouSure({ x: initialAntenna.name }),
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled) return;
|
||||||
|
|
||||||
await misskeyApi('antennas/delete', {
|
await misskeyApi('antennas/delete', {
|
||||||
antennaId: props.antenna.id,
|
antennaId: initialAntenna.id,
|
||||||
});
|
});
|
||||||
|
|
||||||
os.success();
|
os.success();
|
|
@ -0,0 +1,63 @@
|
||||||
|
/*
|
||||||
|
* SPDX-FileCopyrightText: syuilo and misskey-project
|
||||||
|
* SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
||||||
|
import { action } from '@storybook/addon-actions';
|
||||||
|
import { StoryObj } from '@storybook/vue3';
|
||||||
|
import { HttpResponse, http } from 'msw';
|
||||||
|
import { commonHandlers } from '../../.storybook/mocks.js';
|
||||||
|
import MkAntennaEditorDialog from './MkAntennaEditorDialog.vue';
|
||||||
|
export const Default = {
|
||||||
|
render(args) {
|
||||||
|
return {
|
||||||
|
components: {
|
||||||
|
MkAntennaEditorDialog,
|
||||||
|
},
|
||||||
|
setup() {
|
||||||
|
return {
|
||||||
|
args,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
props() {
|
||||||
|
return {
|
||||||
|
...this.args,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
events() {
|
||||||
|
return {
|
||||||
|
created: action('created'),
|
||||||
|
updated: action('updated'),
|
||||||
|
deleted: action('deleted'),
|
||||||
|
closed: action('closed'),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
template: '<MkAntennaEditorDialog v-bind="props" v-on="events" />',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
args: {
|
||||||
|
},
|
||||||
|
parameters: {
|
||||||
|
layout: 'centered',
|
||||||
|
msw: {
|
||||||
|
handlers: [
|
||||||
|
...commonHandlers,
|
||||||
|
http.post('/api/antennas/create', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/create')(await request.json());
|
||||||
|
return HttpResponse.json({});
|
||||||
|
}),
|
||||||
|
http.post('/api/antennas/update', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/update')(await request.json());
|
||||||
|
return HttpResponse.json({});
|
||||||
|
}),
|
||||||
|
http.post('/api/antennas/delete', async ({ request }) => {
|
||||||
|
action('POST /api/antennas/delete')(await request.json());
|
||||||
|
return HttpResponse.json();
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
} satisfies StoryObj<typeof MkAntennaEditorDialog>;
|
|
@ -0,0 +1,63 @@
|
||||||
|
<!--
|
||||||
|
SPDX-FileCopyrightText: syuilo and misskey-project
|
||||||
|
SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<MkModalWindow
|
||||||
|
ref="dialog"
|
||||||
|
:withOkButton="false"
|
||||||
|
:width="500"
|
||||||
|
:height="550"
|
||||||
|
@close="close()"
|
||||||
|
@closed="emit('closed')"
|
||||||
|
>
|
||||||
|
<template #header>{{ antenna == null ? i18n.ts.createAntenna : i18n.ts.editAntenna }}</template>
|
||||||
|
<XAntennaEditor
|
||||||
|
:antenna="antenna"
|
||||||
|
@created="onAntennaCreated"
|
||||||
|
@updated="onAntennaUpdated"
|
||||||
|
@deleted="onAntennaDeleted"
|
||||||
|
/>
|
||||||
|
</MkModalWindow>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { shallowRef } from 'vue';
|
||||||
|
import * as Misskey from 'misskey-js';
|
||||||
|
import MkModalWindow from '@/components/MkModalWindow.vue';
|
||||||
|
import XAntennaEditor from '@/components/MkAntennaEditor.vue';
|
||||||
|
import { i18n } from '@/i18n.js';
|
||||||
|
|
||||||
|
defineProps<{
|
||||||
|
antenna?: Misskey.entities.Antenna;
|
||||||
|
}>();
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
(ev: 'created', newAntenna: Misskey.entities.Antenna): void,
|
||||||
|
(ev: 'updated', editedAntenna: Misskey.entities.Antenna): void,
|
||||||
|
(ev: 'deleted'): void,
|
||||||
|
(ev: 'closed'): void,
|
||||||
|
}>();
|
||||||
|
|
||||||
|
const dialog = shallowRef<InstanceType<typeof MkModalWindow>>();
|
||||||
|
|
||||||
|
function onAntennaCreated(newAntenna: Misskey.entities.Antenna) {
|
||||||
|
emit('created', newAntenna);
|
||||||
|
dialog.value?.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onAntennaUpdated(editedAntenna: Misskey.entities.Antenna) {
|
||||||
|
emit('updated', editedAntenna);
|
||||||
|
dialog.value?.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onAntennaDeleted() {
|
||||||
|
emit('deleted');
|
||||||
|
dialog.value?.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
function close() {
|
||||||
|
dialog.value?.close();
|
||||||
|
}
|
||||||
|
</script>
|
|
@ -36,7 +36,12 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
</MkInput>
|
</MkInput>
|
||||||
<MkSelect v-if="select" v-model="selectedValue" autofocus>
|
<MkSelect v-if="select" v-model="selectedValue" autofocus>
|
||||||
<template v-if="select.items">
|
<template v-if="select.items">
|
||||||
<option v-for="item in select.items" :value="item.value">{{ item.text }}</option>
|
<template v-for="item in select.items">
|
||||||
|
<optgroup v-if="'sectionTitle' in item" :label="item.sectionTitle">
|
||||||
|
<option v-for="subItem in item.items" :value="subItem.value">{{ subItem.text }}</option>
|
||||||
|
</optgroup>
|
||||||
|
<option v-else :value="item.value">{{ item.text }}</option>
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</MkSelect>
|
</MkSelect>
|
||||||
<div v-if="(showOkButton || showCancelButton) && !actions" :class="$style.buttons">
|
<div v-if="(showOkButton || showCancelButton) && !actions" :class="$style.buttons">
|
||||||
|
@ -67,11 +72,16 @@ type Input = {
|
||||||
maxLength?: number;
|
maxLength?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
type SelectItem = {
|
||||||
|
value: any;
|
||||||
|
text: string;
|
||||||
|
};
|
||||||
|
|
||||||
type Select = {
|
type Select = {
|
||||||
items: {
|
items: (SelectItem | {
|
||||||
value: any;
|
sectionTitle: string;
|
||||||
text: string;
|
items: SelectItem[];
|
||||||
}[];
|
})[];
|
||||||
default: string | null;
|
default: string | null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -447,15 +447,20 @@ export function authenticateDialog(): Promise<{
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
type SelectItem<C> = {
|
||||||
|
value: C;
|
||||||
|
text: string;
|
||||||
|
};
|
||||||
|
|
||||||
// default が指定されていたら result は null になり得ないことを保証する overload function
|
// default が指定されていたら result は null になり得ないことを保証する overload function
|
||||||
export function select<C = any>(props: {
|
export function select<C = any>(props: {
|
||||||
title?: string;
|
title?: string;
|
||||||
text?: string;
|
text?: string;
|
||||||
default: string;
|
default: string;
|
||||||
items: {
|
items: (SelectItem<C> | {
|
||||||
value: C;
|
sectionTitle: string;
|
||||||
text: string;
|
items: SelectItem<C>[];
|
||||||
}[];
|
} | undefined)[];
|
||||||
}): Promise<{
|
}): Promise<{
|
||||||
canceled: true; result: undefined;
|
canceled: true; result: undefined;
|
||||||
} | {
|
} | {
|
||||||
|
@ -465,10 +470,10 @@ export function select<C = any>(props: {
|
||||||
title?: string;
|
title?: string;
|
||||||
text?: string;
|
text?: string;
|
||||||
default?: string | null;
|
default?: string | null;
|
||||||
items: {
|
items: (SelectItem<C> | {
|
||||||
value: C;
|
sectionTitle: string;
|
||||||
text: string;
|
items: SelectItem<C>[];
|
||||||
}[];
|
} | undefined)[];
|
||||||
}): Promise<{
|
}): Promise<{
|
||||||
canceled: true; result: undefined;
|
canceled: true; result: undefined;
|
||||||
} | {
|
} | {
|
||||||
|
@ -478,10 +483,10 @@ export function select<C = any>(props: {
|
||||||
title?: string;
|
title?: string;
|
||||||
text?: string;
|
text?: string;
|
||||||
default?: string | null;
|
default?: string | null;
|
||||||
items: {
|
items: (SelectItem<C> | {
|
||||||
value: C;
|
sectionTitle: string;
|
||||||
text: string;
|
items: SelectItem<C>[];
|
||||||
}[];
|
} | undefined)[];
|
||||||
}): Promise<{
|
}): Promise<{
|
||||||
canceled: true; result: undefined;
|
canceled: true; result: undefined;
|
||||||
} | {
|
} | {
|
||||||
|
@ -492,7 +497,7 @@ export function select<C = any>(props: {
|
||||||
title: props.title,
|
title: props.title,
|
||||||
text: props.text,
|
text: props.text,
|
||||||
select: {
|
select: {
|
||||||
items: props.items,
|
items: props.items.filter(x => x !== undefined),
|
||||||
default: props.default ?? null,
|
default: props.default ?? null,
|
||||||
},
|
},
|
||||||
}, {
|
}, {
|
||||||
|
|
|
@ -4,43 +4,33 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<MkStickyContainer>
|
||||||
<XAntenna :antenna="draft" @created="onAntennaCreated"/>
|
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
|
||||||
</div>
|
|
||||||
|
<MkAntennaEditor @created="onAntennaCreated"/>
|
||||||
|
</MkStickyContainer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue';
|
import { computed } from 'vue';
|
||||||
import XAntenna from './editor.vue';
|
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
||||||
import { antennasCache } from '@/cache.js';
|
import { antennasCache } from '@/cache.js';
|
||||||
import { useRouter } from '@/router/supplier.js';
|
import { useRouter } from '@/router/supplier.js';
|
||||||
|
import MkAntennaEditor from '@/components/MkAntennaEditor.vue';
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const draft = ref({
|
|
||||||
name: '',
|
|
||||||
src: 'all',
|
|
||||||
userListId: null,
|
|
||||||
users: [],
|
|
||||||
keywords: [],
|
|
||||||
excludeKeywords: [],
|
|
||||||
excludeBots: false,
|
|
||||||
withReplies: false,
|
|
||||||
caseSensitive: false,
|
|
||||||
localOnly: false,
|
|
||||||
withFile: false,
|
|
||||||
notify: false,
|
|
||||||
});
|
|
||||||
|
|
||||||
function onAntennaCreated() {
|
function onAntennaCreated() {
|
||||||
antennasCache.delete();
|
antennasCache.delete();
|
||||||
router.push('/my/antennas');
|
router.push('/my/antennas');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const headerActions = computed(() => []);
|
||||||
|
const headerTabs = computed(() => []);
|
||||||
|
|
||||||
definePageMetadata(() => ({
|
definePageMetadata(() => ({
|
||||||
title: i18n.ts.manageAntennas,
|
title: i18n.ts.createAntenna,
|
||||||
icon: 'ti ti-antenna',
|
icon: 'ti ti-antenna',
|
||||||
}));
|
}));
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -4,15 +4,17 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="">
|
<MkStickyContainer>
|
||||||
<XAntenna v-if="antenna" :antenna="antenna" @updated="onAntennaUpdated"/>
|
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
|
||||||
</div>
|
|
||||||
|
<MkAntennaEditor v-if="antenna" :antenna="antenna" @updated="onAntennaUpdated"/>
|
||||||
|
</MkStickyContainer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
import * as Misskey from 'misskey-js';
|
import * as Misskey from 'misskey-js';
|
||||||
import XAntenna from './editor.vue';
|
import MkAntennaEditor from '@/components/MkAntennaEditor.vue';
|
||||||
import { misskeyApi } from '@/scripts/misskey-api.js';
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
||||||
|
@ -36,8 +38,11 @@ misskeyApi('antennas/show', { antennaId: props.antennaId }).then((antennaRespons
|
||||||
antenna.value = antennaResponse;
|
antenna.value = antennaResponse;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const headerActions = computed(() => []);
|
||||||
|
const headerTabs = computed(() => []);
|
||||||
|
|
||||||
definePageMetadata(() => ({
|
definePageMetadata(() => ({
|
||||||
title: i18n.ts.manageAntennas,
|
title: i18n.ts.editAntenna,
|
||||||
icon: 'ti ti-antenna',
|
icon: 'ti ti-antenna',
|
||||||
}));
|
}));
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
import { deepClone } from './clone.js';
|
import { deepClone } from './clone.js';
|
||||||
import type { Cloneable } from './clone.js';
|
import type { Cloneable } from './clone.js';
|
||||||
|
|
||||||
type DeepPartial<T> = {
|
export type DeepPartial<T> = {
|
||||||
[P in keyof T]?: T[P] extends Record<string | number | symbol, unknown> ? DeepPartial<T[P]> : T[P];
|
[P in keyof T]?: T[P] extends Record<string | number | symbol, unknown> ? DeepPartial<T[P]> : T[P];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
:ref="id"
|
:ref="id"
|
||||||
:key="id"
|
:key="id"
|
||||||
:class="$style.column"
|
:class="$style.column"
|
||||||
:column="columns.find(c => c.id === id)"
|
:column="columns.find(c => c.id === id)!"
|
||||||
:isStacked="ids.length > 1"
|
:isStacked="ids.length > 1"
|
||||||
@headerWheel="onWheel"
|
@headerWheel="onWheel"
|
||||||
/>
|
/>
|
||||||
|
@ -95,7 +95,8 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
import { computed, defineAsyncComponent, ref, watch, shallowRef } from 'vue';
|
import { computed, defineAsyncComponent, ref, watch, shallowRef } from 'vue';
|
||||||
import { v4 as uuid } from 'uuid';
|
import { v4 as uuid } from 'uuid';
|
||||||
import XCommon from './_common_/common.vue';
|
import XCommon from './_common_/common.vue';
|
||||||
import { deckStore, addColumn as addColumnToStore, loadDeck, getProfiles, deleteProfile as deleteProfile_ } from './deck/deck-store.js';
|
import { deckStore, columnTypes, addColumn as addColumnToStore, loadDeck, getProfiles, deleteProfile as deleteProfile_ } from './deck/deck-store.js';
|
||||||
|
import type { ColumnType } from './deck/deck-store.js';
|
||||||
import XSidebar from '@/ui/_common_/navbar.vue';
|
import XSidebar from '@/ui/_common_/navbar.vue';
|
||||||
import XDrawerMenu from '@/ui/_common_/navbar-for-mobile.vue';
|
import XDrawerMenu from '@/ui/_common_/navbar-for-mobile.vue';
|
||||||
import MkButton from '@/components/MkButton.vue';
|
import MkButton from '@/components/MkButton.vue';
|
||||||
|
@ -152,10 +153,12 @@ window.addEventListener('resize', () => {
|
||||||
const snapScroll = deviceKind === 'smartphone' || deviceKind === 'tablet';
|
const snapScroll = deviceKind === 'smartphone' || deviceKind === 'tablet';
|
||||||
const drawerMenuShowing = ref(false);
|
const drawerMenuShowing = ref(false);
|
||||||
|
|
||||||
|
/*
|
||||||
const route = 'TODO';
|
const route = 'TODO';
|
||||||
watch(route, () => {
|
watch(route, () => {
|
||||||
drawerMenuShowing.value = false;
|
drawerMenuShowing.value = false;
|
||||||
});
|
});
|
||||||
|
*/
|
||||||
|
|
||||||
const columns = deckStore.reactiveState.columns;
|
const columns = deckStore.reactiveState.columns;
|
||||||
const layout = deckStore.reactiveState.layout;
|
const layout = deckStore.reactiveState.layout;
|
||||||
|
@ -174,32 +177,20 @@ function showSettings() {
|
||||||
const columnsEl = shallowRef<HTMLElement>();
|
const columnsEl = shallowRef<HTMLElement>();
|
||||||
|
|
||||||
const addColumn = async (ev) => {
|
const addColumn = async (ev) => {
|
||||||
const columns = [
|
|
||||||
'main',
|
|
||||||
'widgets',
|
|
||||||
'notifications',
|
|
||||||
'tl',
|
|
||||||
'antenna',
|
|
||||||
'list',
|
|
||||||
'channel',
|
|
||||||
'mentions',
|
|
||||||
'direct',
|
|
||||||
'roleTimeline',
|
|
||||||
];
|
|
||||||
|
|
||||||
const { canceled, result: column } = await os.select({
|
const { canceled, result: column } = await os.select({
|
||||||
title: i18n.ts._deck.addColumn,
|
title: i18n.ts._deck.addColumn,
|
||||||
items: columns.map(column => ({
|
items: columnTypes.map(column => ({
|
||||||
value: column, text: i18n.ts._deck._columns[column],
|
value: column, text: i18n.ts._deck._columns[column],
|
||||||
})),
|
})),
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled || column == null) return;
|
||||||
|
|
||||||
addColumnToStore({
|
addColumnToStore({
|
||||||
type: column,
|
type: column,
|
||||||
id: uuid(),
|
id: uuid(),
|
||||||
name: i18n.ts._deck._columns[column],
|
name: i18n.ts._deck._columns[column],
|
||||||
width: 330,
|
width: 330,
|
||||||
|
soundSetting: { type: null, volume: 1 },
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -211,7 +202,7 @@ const onContextmenu = (ev) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
function onWheel(ev: WheelEvent) {
|
function onWheel(ev: WheelEvent) {
|
||||||
if (ev.deltaX === 0) {
|
if (ev.deltaX === 0 && columnsEl.value != null) {
|
||||||
columnsEl.value.scrollLeft += ev.deltaY;
|
columnsEl.value.scrollLeft += ev.deltaY;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -242,7 +233,7 @@ function changeProfile(ev: MouseEvent) {
|
||||||
title: i18n.ts._deck.profile,
|
title: i18n.ts._deck.profile,
|
||||||
minLength: 1,
|
minLength: 1,
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled || name == null) return;
|
||||||
|
|
||||||
deckStore.set('profile', name);
|
deckStore.set('profile', name);
|
||||||
unisonReload();
|
unisonReload();
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()">
|
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="async () => { await timeline?.reloadTimeline() }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i class="ti ti-antenna"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
<i class="ti ti-antenna"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -14,7 +14,8 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { onMounted, ref, shallowRef, watch } from 'vue';
|
import { onMounted, ref, shallowRef, watch, defineAsyncComponent } from 'vue';
|
||||||
|
import type { entities as MisskeyEntities } from 'misskey-js';
|
||||||
import XColumn from './column.vue';
|
import XColumn from './column.vue';
|
||||||
import { updateColumn, Column } from './deck-store.js';
|
import { updateColumn, Column } from './deck-store.js';
|
||||||
import MkTimeline from '@/components/MkTimeline.vue';
|
import MkTimeline from '@/components/MkTimeline.vue';
|
||||||
|
@ -22,6 +23,7 @@ import * as os from '@/os.js';
|
||||||
import { misskeyApi } from '@/scripts/misskey-api.js';
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
import { MenuItem } from '@/types/menu.js';
|
import { MenuItem } from '@/types/menu.js';
|
||||||
|
import { antennasCache } from '@/cache.js';
|
||||||
import { SoundStore } from '@/store.js';
|
import { SoundStore } from '@/store.js';
|
||||||
import { soundSettingsButton } from '@/ui/deck/tl-note-notification.js';
|
import { soundSettingsButton } from '@/ui/deck/tl-note-notification.js';
|
||||||
import * as sound from '@/scripts/sound.js';
|
import * as sound from '@/scripts/sound.js';
|
||||||
|
@ -46,14 +48,36 @@ watch(soundSetting, v => {
|
||||||
|
|
||||||
async function setAntenna() {
|
async function setAntenna() {
|
||||||
const antennas = await misskeyApi('antennas/list');
|
const antennas = await misskeyApi('antennas/list');
|
||||||
const { canceled, result: antenna } = await os.select({
|
const { canceled, result: antenna } = await os.select<MisskeyEntities.Antenna | '_CREATE_'>({
|
||||||
title: i18n.ts.selectAntenna,
|
title: i18n.ts.selectAntenna,
|
||||||
items: antennas.map(x => ({
|
items: [
|
||||||
value: x, text: x.name,
|
{ value: '_CREATE_', text: i18n.ts.createNew },
|
||||||
})),
|
(antennas.length > 0 ? {
|
||||||
|
sectionTitle: i18n.ts.createdAntennas,
|
||||||
|
items: antennas.map(x => ({
|
||||||
|
value: x, text: x.name,
|
||||||
|
})),
|
||||||
|
} : undefined),
|
||||||
|
],
|
||||||
default: props.column.antennaId,
|
default: props.column.antennaId,
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled || antenna == null) return;
|
||||||
|
|
||||||
|
if (antenna === '_CREATE_') {
|
||||||
|
const { dispose } = os.popup(defineAsyncComponent(() => import('@/components/MkAntennaEditorDialog.vue')), {}, {
|
||||||
|
created: (newAntenna: MisskeyEntities.Antenna) => {
|
||||||
|
antennasCache.delete();
|
||||||
|
updateColumn(props.column.id, {
|
||||||
|
antennaId: newAntenna.id,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
closed: () => {
|
||||||
|
dispose();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
updateColumn(props.column.id, {
|
updateColumn(props.column.id, {
|
||||||
antennaId: antenna.id,
|
antennaId: antenna.id,
|
||||||
});
|
});
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()">
|
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="async () => { await timeline?.reloadTimeline() }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i class="ti ti-device-tv"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
<i class="ti ti-device-tv"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -68,6 +68,7 @@ async function setChannel() {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function post() {
|
async function post() {
|
||||||
|
if (props.column.channelId == null) return;
|
||||||
if (!channel.value || channel.value.id !== props.column.channelId) {
|
if (!channel.value || channel.value.id !== props.column.channelId) {
|
||||||
channel.value = await misskeyApi('channels/show', {
|
channel.value = await misskeyApi('channels/show', {
|
||||||
channelId: props.column.channelId,
|
channelId: props.column.channelId,
|
||||||
|
|
|
@ -17,9 +17,24 @@ type ColumnWidget = {
|
||||||
data: Record<string, any>;
|
data: Record<string, any>;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const columnTypes = [
|
||||||
|
'main',
|
||||||
|
'widgets',
|
||||||
|
'notifications',
|
||||||
|
'tl',
|
||||||
|
'antenna',
|
||||||
|
'list',
|
||||||
|
'channel',
|
||||||
|
'mentions',
|
||||||
|
'direct',
|
||||||
|
'roleTimeline',
|
||||||
|
] as const;
|
||||||
|
|
||||||
|
export type ColumnType = typeof columnTypes[number];
|
||||||
|
|
||||||
export type Column = {
|
export type Column = {
|
||||||
id: string;
|
id: string;
|
||||||
type: 'main' | 'widgets' | 'notifications' | 'tl' | 'antenna' | 'channel' | 'list' | 'mentions' | 'direct';
|
type: ColumnType;
|
||||||
name: string | null;
|
name: string | null;
|
||||||
width: number;
|
width: number;
|
||||||
widgets?: ColumnWidget[];
|
widgets?: ColumnWidget[];
|
||||||
|
@ -265,7 +280,7 @@ export function removeColumnWidget(id: Column['id'], widget: ColumnWidget) {
|
||||||
const columns = deepClone(deckStore.state.columns);
|
const columns = deepClone(deckStore.state.columns);
|
||||||
const columnIndex = deckStore.state.columns.findIndex(c => c.id === id);
|
const columnIndex = deckStore.state.columns.findIndex(c => c.id === id);
|
||||||
const column = deepClone(deckStore.state.columns[columnIndex]);
|
const column = deepClone(deckStore.state.columns[columnIndex]);
|
||||||
if (column == null) return;
|
if (column == null || column.widgets == null) return;
|
||||||
column.widgets = column.widgets.filter(w => w.id !== widget.id);
|
column.widgets = column.widgets.filter(w => w.id !== widget.id);
|
||||||
columns[columnIndex] = column;
|
columns[columnIndex] = column;
|
||||||
deckStore.set('columns', columns);
|
deckStore.set('columns', columns);
|
||||||
|
@ -287,7 +302,7 @@ export function updateColumnWidget(id: Column['id'], widgetId: string, widgetDat
|
||||||
const columns = deepClone(deckStore.state.columns);
|
const columns = deepClone(deckStore.state.columns);
|
||||||
const columnIndex = deckStore.state.columns.findIndex(c => c.id === id);
|
const columnIndex = deckStore.state.columns.findIndex(c => c.id === id);
|
||||||
const column = deepClone(deckStore.state.columns[columnIndex]);
|
const column = deepClone(deckStore.state.columns[columnIndex]);
|
||||||
if (column == null) return;
|
if (column == null || column.widgets == null) return;
|
||||||
column.widgets = column.widgets.map(w => w.id === widgetId ? {
|
column.widgets = column.widgets.map(w => w.id === widgetId ? {
|
||||||
...w,
|
...w,
|
||||||
data: widgetData,
|
data: widgetData,
|
||||||
|
|
|
@ -34,7 +34,7 @@ const tlComponent = ref<InstanceType<typeof MkNotes>>();
|
||||||
|
|
||||||
function reloadTimeline() {
|
function reloadTimeline() {
|
||||||
return new Promise<void>((res) => {
|
return new Promise<void>((res) => {
|
||||||
tlComponent.value.pagingComponent?.reload().then(() => {
|
tlComponent.value?.pagingComponent?.reload().then(() => {
|
||||||
res();
|
res();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()">
|
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="async () => { await timeline?.reloadTimeline() }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i class="ti ti-list"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
<i class="ti ti-list"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -15,6 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { watch, shallowRef, ref } from 'vue';
|
import { watch, shallowRef, ref } from 'vue';
|
||||||
|
import type { entities as MisskeyEntities } from 'misskey-js';
|
||||||
import XColumn from './column.vue';
|
import XColumn from './column.vue';
|
||||||
import { updateColumn, Column } from './deck-store.js';
|
import { updateColumn, Column } from './deck-store.js';
|
||||||
import MkTimeline from '@/components/MkTimeline.vue';
|
import MkTimeline from '@/components/MkTimeline.vue';
|
||||||
|
@ -23,6 +24,7 @@ import { misskeyApi } from '@/scripts/misskey-api.js';
|
||||||
import { i18n } from '@/i18n.js';
|
import { i18n } from '@/i18n.js';
|
||||||
import { MenuItem } from '@/types/menu.js';
|
import { MenuItem } from '@/types/menu.js';
|
||||||
import { SoundStore } from '@/store.js';
|
import { SoundStore } from '@/store.js';
|
||||||
|
import { userListsCache } from '@/cache.js';
|
||||||
import { soundSettingsButton } from '@/ui/deck/tl-note-notification.js';
|
import { soundSettingsButton } from '@/ui/deck/tl-note-notification.js';
|
||||||
import * as sound from '@/scripts/sound.js';
|
import * as sound from '@/scripts/sound.js';
|
||||||
|
|
||||||
|
@ -51,17 +53,38 @@ watch(soundSetting, v => {
|
||||||
|
|
||||||
async function setList() {
|
async function setList() {
|
||||||
const lists = await misskeyApi('users/lists/list');
|
const lists = await misskeyApi('users/lists/list');
|
||||||
const { canceled, result: list } = await os.select({
|
const { canceled, result: list } = await os.select<MisskeyEntities.UserList | '_CREATE_'>({
|
||||||
title: i18n.ts.selectList,
|
title: i18n.ts.selectList,
|
||||||
items: lists.map(x => ({
|
items: [
|
||||||
value: x, text: x.name,
|
{ value: '_CREATE_', text: i18n.ts.createNew },
|
||||||
})),
|
(lists.length > 0 ? {
|
||||||
|
sectionTitle: i18n.ts.createdLists,
|
||||||
|
items: lists.map(x => ({
|
||||||
|
value: x, text: x.name,
|
||||||
|
})),
|
||||||
|
} : undefined),
|
||||||
|
],
|
||||||
default: props.column.listId,
|
default: props.column.listId,
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled || list == null) return;
|
||||||
updateColumn(props.column.id, {
|
|
||||||
listId: list.id,
|
if (list === '_CREATE_') {
|
||||||
});
|
const { canceled, result: name } = await os.inputText({
|
||||||
|
title: i18n.ts.enterListName,
|
||||||
|
});
|
||||||
|
if (canceled || name == null || name === '') return;
|
||||||
|
|
||||||
|
const res = await os.apiWithDialog('users/lists/create', { name: name });
|
||||||
|
userListsCache.delete();
|
||||||
|
|
||||||
|
updateColumn(props.column.id, {
|
||||||
|
listId: res.id,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
updateColumn(props.column.id, {
|
||||||
|
listId: list.id,
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function editList() {
|
function editList() {
|
||||||
|
|
|
@ -26,7 +26,7 @@ const tlComponent = ref<InstanceType<typeof MkNotes>>();
|
||||||
|
|
||||||
function reloadTimeline() {
|
function reloadTimeline() {
|
||||||
return new Promise<void>((res) => {
|
return new Promise<void>((res) => {
|
||||||
tlComponent.value.pagingComponent?.reload().then(() => {
|
tlComponent.value?.pagingComponent?.reload().then(() => {
|
||||||
res();
|
res();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :column="column" :isStacked="isStacked" :menu="menu" :refresher="() => notificationsComponent.reload()">
|
<XColumn :column="column" :isStacked="isStacked" :menu="menu" :refresher="async () => { await notificationsComponent?.reload() }">
|
||||||
<template #header><i class="ti ti-bell" style="margin-right: 8px;"></i>{{ column.name }}</template>
|
<template #header><i class="ti ti-bell" style="margin-right: 8px;"></i>{{ column.name }}</template>
|
||||||
|
|
||||||
<XNotifications ref="notificationsComponent" :excludeTypes="props.column.excludeTypes"/>
|
<XNotifications ref="notificationsComponent" :excludeTypes="props.column.excludeTypes"/>
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()">
|
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="async () => { await timeline?.reloadTimeline() }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i class="ti ti-badge"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
<i class="ti ti-badge"></i><span style="margin-left: 8px;">{{ column.name }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
@ -53,7 +53,7 @@ async function setRole() {
|
||||||
})),
|
})),
|
||||||
default: props.column.roleId,
|
default: props.column.roleId,
|
||||||
});
|
});
|
||||||
if (canceled) return;
|
if (canceled || role == null) return;
|
||||||
updateColumn(props.column.id, {
|
updateColumn(props.column.id, {
|
||||||
roleId: role.id,
|
roleId: role.id,
|
||||||
});
|
});
|
||||||
|
|
|
@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="() => timeline.reloadTimeline()">
|
<XColumn :menu="menu" :column="column" :isStacked="isStacked" :refresher="async () => { await timeline?.reloadTimeline() }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i v-if="column.tl === 'home'" class="ti ti-home"></i>
|
<i v-if="column.tl === 'home'" class="ti ti-home"></i>
|
||||||
<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i>
|
<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i>
|
||||||
|
@ -113,6 +113,7 @@ async function setType() {
|
||||||
}
|
}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
if (src == null) return;
|
||||||
updateColumn(props.column.id, {
|
updateColumn(props.column.id, {
|
||||||
tl: src,
|
tl: src,
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue