1
0
mirror of https://github.com/MisskeyIO/misskey synced 2024-12-25 20:18:18 +09:00
MisskeyIO/src/client/pages/my-antennas/index.antenna.vue

175 lines
5.0 KiB
Vue
Raw Normal View History

<template>
<div class="shaynizk _section">
<div class="_title" v-if="antenna.name">{{ antenna.name }}</div>
<div class="_content body">
<mk-input v-model="name" style="margin-top: 8px;">
<span>{{ $t('name') }}</span>
</mk-input>
<mk-select v-model="src">
<template #label>{{ $t('antennaSource') }}</template>
<option value="all">{{ $t('_antennaSources.all') }}</option>
<option value="home">{{ $t('_antennaSources.homeTimeline') }}</option>
<option value="users">{{ $t('_antennaSources.users') }}</option>
<option value="list">{{ $t('_antennaSources.userList') }}</option>
</mk-select>
<mk-select v-model="userListId" v-if="src === 'list'">
<template #label>{{ $t('userList') }}</template>
<option v-for="list in userLists" :value="list.id" :key="list.id">{{ list.name }}</option>
</mk-select>
<mk-textarea v-model="users" v-if="src === 'users'">
<span>{{ $t('users') }}</span>
<template #desc>{{ $t('antennaUsersDescription') }} <button class="_textButton" @click="addUser">{{ $t('addUser') }}</button></template>
</mk-textarea>
<mk-switch v-model="withReplies">{{ $t('withReplies') }}</mk-switch>
<mk-textarea v-model="keywords">
<span>{{ $t('antennaKeywords') }}</span>
<template #desc>{{ $t('antennaKeywordsDescription') }}</template>
</mk-textarea>
<mk-switch v-model="caseSensitive">{{ $t('caseSensitive') }}</mk-switch>
<mk-switch v-model="withFile">{{ $t('withFileAntenna') }}</mk-switch>
<mk-switch v-model="notify">{{ $t('notifyAntenna') }}</mk-switch>
</div>
<div class="_footer">
<mk-button inline @click="saveAntenna()" primary><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
<mk-button inline @click="deleteAntenna()" v-if="antenna.id != null"><fa :icon="faTrash"/> {{ $t('delete') }}</mk-button>
</div>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import { faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
import i18n from '../../i18n';
import MkButton from '../../components/ui/button.vue';
import MkInput from '../../components/ui/input.vue';
import MkTextarea from '../../components/ui/textarea.vue';
import MkSelect from '../../components/ui/select.vue';
import MkSwitch from '../../components/ui/switch.vue';
import MkUserSelect from '../../components/user-select.vue';
import getAcct from '../../../misc/acct/render';
export default Vue.extend({
i18n,
components: {
MkButton, MkInput, MkTextarea, MkSelect, MkSwitch
},
props: {
antenna: {
type: Object,
required: true
}
},
data() {
return {
name: '',
src: '',
userListId: null,
users: '',
keywords: '',
caseSensitive: false,
withReplies: false,
withFile: false,
notify: false,
userLists: null,
faSave, faTrash
};
},
watch: {
async src() {
if (this.src === 'list' && this.userLists === null) {
this.userLists = await this.$root.api('users/lists/list');
}
}
},
created() {
this.name = this.antenna.name;
this.src = this.antenna.src;
this.userListId = this.antenna.userListId;
this.users = this.antenna.users.join('\n');
this.keywords = this.antenna.keywords.map(x => x.join(' ')).join('\n');
this.caseSensitive = this.antenna.caseSensitive;
this.withReplies = this.antenna.withReplies;
this.withFile = this.antenna.withFile;
this.notify = this.antenna.notify;
},
methods: {
async saveAntenna() {
if (this.antenna.id == null) {
await this.$root.api('antennas/create', {
name: this.name,
src: this.src,
userListId: this.userListId,
withReplies: this.withReplies,
withFile: this.withFile,
notify: this.notify,
caseSensitive: this.caseSensitive,
users: this.users.trim().split('\n').map(x => x.trim()),
keywords: this.keywords.trim().split('\n').map(x => x.trim().split(' '))
});
this.$emit('created');
} else {
await this.$root.api('antennas/update', {
antennaId: this.antenna.id,
name: this.name,
src: this.src,
userListId: this.userListId,
withReplies: this.withReplies,
withFile: this.withFile,
notify: this.notify,
caseSensitive: this.caseSensitive,
users: this.users.trim().split('\n').map(x => x.trim()),
keywords: this.keywords.trim().split('\n').map(x => x.trim().split(' '))
});
}
this.$root.dialog({
type: 'success',
iconOnly: true, autoClose: true
});
},
async deleteAntenna() {
const { canceled } = await this.$root.dialog({
type: 'warning',
text: this.$t('removeAreYouSure', { x: this.antenna.name }),
showCancelButton: true
});
if (canceled) return;
await this.$root.api('antennas/delete', {
antennaId: this.antenna.id,
});
this.$root.dialog({
type: 'success',
iconOnly: true, autoClose: true
});
this.$emit('deleted');
},
addUser() {
this.$root.new(MkUserSelect, {}).$once('selected', user => {
this.users = this.users.trim();
this.users += '\n@' + getAcct(user);
this.users = this.users.trim();
});
}
}
});
</script>
<style lang="scss" scoped>
.shaynizk {
> .body {
max-height: 250px;
overflow: auto;
}
}
</style>