refactor
This commit is contained in:
		| @@ -1,47 +1,49 @@ | ||||
| <template> | ||||
| <div class="shaynizk"> | ||||
| 	<div class="form"> | ||||
| 		<MkInput v-model="name" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.name }}</template> | ||||
| 		</MkInput> | ||||
| 		<MkSelect v-model="src" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.antennaSource }}</template> | ||||
| 			<option value="all">{{ i18n.ts._antennaSources.all }}</option> | ||||
| 			<!--<option value="home">{{ i18n.ts._antennaSources.homeTimeline }}</option>--> | ||||
| 			<option value="users">{{ i18n.ts._antennaSources.users }}</option> | ||||
| 			<!--<option value="list">{{ i18n.ts._antennaSources.userList }}</option>--> | ||||
| 			<!--<option value="group">{{ i18n.ts._antennaSources.userGroup }}</option>--> | ||||
| 		</MkSelect> | ||||
| 		<MkSelect v-if="src === 'list'" v-model="userListId" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.userList }}</template> | ||||
| 			<option v-for="list in userLists" :key="list.id" :value="list.id">{{ list.name }}</option> | ||||
| 		</MkSelect> | ||||
| 		<MkSelect v-else-if="src === 'group'" v-model="userGroupId" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.userGroup }}</template> | ||||
| 			<option v-for="group in userGroups" :key="group.id" :value="group.id">{{ group.name }}</option> | ||||
| 		</MkSelect> | ||||
| 		<MkTextarea v-else-if="src === 'users'" v-model="users" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.users }}</template> | ||||
| 			<template #caption>{{ i18n.ts.antennaUsersDescription }} <button class="_textButton" @click="addUser">{{ i18n.ts.addUser }}</button></template> | ||||
| 		</MkTextarea> | ||||
| 		<MkSwitch v-model="withReplies" class="_formBlock">{{ i18n.ts.withReplies }}</MkSwitch> | ||||
| 		<MkTextarea v-model="keywords" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.antennaKeywords }}</template> | ||||
| 			<template #caption>{{ i18n.ts.antennaKeywordsDescription }}</template> | ||||
| 		</MkTextarea> | ||||
| 		<MkTextarea v-model="excludeKeywords" class="_formBlock"> | ||||
| 			<template #label>{{ i18n.ts.antennaExcludeKeywords }}</template> | ||||
| 			<template #caption>{{ i18n.ts.antennaKeywordsDescription }}</template> | ||||
| 		</MkTextarea> | ||||
| 		<MkSwitch v-model="caseSensitive" class="_formBlock">{{ i18n.ts.caseSensitive }}</MkSwitch> | ||||
| 		<MkSwitch v-model="withFile" class="_formBlock">{{ i18n.ts.withFileAntenna }}</MkSwitch> | ||||
| 		<MkSwitch v-model="notify" class="_formBlock">{{ i18n.ts.notifyAntenna }}</MkSwitch> | ||||
| <MkSpacer :content-max="700"> | ||||
| 	<div class="shaynizk"> | ||||
| 		<div class="_autoGap"> | ||||
| 			<MkInput v-model="name"> | ||||
| 				<template #label>{{ i18n.ts.name }}</template> | ||||
| 			</MkInput> | ||||
| 			<MkSelect v-model="src"> | ||||
| 				<template #label>{{ i18n.ts.antennaSource }}</template> | ||||
| 				<option value="all">{{ i18n.ts._antennaSources.all }}</option> | ||||
| 				<!--<option value="home">{{ i18n.ts._antennaSources.homeTimeline }}</option>--> | ||||
| 				<option value="users">{{ i18n.ts._antennaSources.users }}</option> | ||||
| 				<!--<option value="list">{{ i18n.ts._antennaSources.userList }}</option>--> | ||||
| 				<!--<option value="group">{{ i18n.ts._antennaSources.userGroup }}</option>--> | ||||
| 			</MkSelect> | ||||
| 			<MkSelect v-if="src === 'list'" v-model="userListId"> | ||||
| 				<template #label>{{ i18n.ts.userList }}</template> | ||||
| 				<option v-for="list in userLists" :key="list.id" :value="list.id">{{ list.name }}</option> | ||||
| 			</MkSelect> | ||||
| 			<MkSelect v-else-if="src === 'group'" v-model="userGroupId"> | ||||
| 				<template #label>{{ i18n.ts.userGroup }}</template> | ||||
| 				<option v-for="group in userGroups" :key="group.id" :value="group.id">{{ group.name }}</option> | ||||
| 			</MkSelect> | ||||
| 			<MkTextarea v-else-if="src === 'users'" v-model="users"> | ||||
| 				<template #label>{{ i18n.ts.users }}</template> | ||||
| 				<template #caption>{{ i18n.ts.antennaUsersDescription }} <button class="_textButton" @click="addUser">{{ i18n.ts.addUser }}</button></template> | ||||
| 			</MkTextarea> | ||||
| 			<MkSwitch v-model="withReplies">{{ i18n.ts.withReplies }}</MkSwitch> | ||||
| 			<MkTextarea v-model="keywords"> | ||||
| 				<template #label>{{ i18n.ts.antennaKeywords }}</template> | ||||
| 				<template #caption>{{ i18n.ts.antennaKeywordsDescription }}</template> | ||||
| 			</MkTextarea> | ||||
| 			<MkTextarea v-model="excludeKeywords"> | ||||
| 				<template #label>{{ i18n.ts.antennaExcludeKeywords }}</template> | ||||
| 				<template #caption>{{ i18n.ts.antennaKeywordsDescription }}</template> | ||||
| 			</MkTextarea> | ||||
| 			<MkSwitch v-model="caseSensitive">{{ i18n.ts.caseSensitive }}</MkSwitch> | ||||
| 			<MkSwitch v-model="withFile">{{ i18n.ts.withFileAntenna }}</MkSwitch> | ||||
| 			<MkSwitch v-model="notify">{{ i18n.ts.notifyAntenna }}</MkSwitch> | ||||
| 		</div> | ||||
| 		<div class="actions"> | ||||
| 			<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> | ||||
| 		</div> | ||||
| 	</div> | ||||
| 	<div class="actions"> | ||||
| 		<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> | ||||
| 	</div> | ||||
| </div> | ||||
| </MkSpacer> | ||||
| </template> | ||||
|  | ||||
| <script lang="ts" setup> | ||||
| @@ -143,12 +145,9 @@ function addUser() { | ||||
|  | ||||
| <style lang="scss" scoped> | ||||
| .shaynizk { | ||||
| 	> .form { | ||||
| 		padding: 32px; | ||||
| 	} | ||||
|  | ||||
| 	> .actions { | ||||
| 		padding: 24px 32px; | ||||
| 		margin-top: 16px; | ||||
| 		padding: 24px 0; | ||||
| 		border-top: solid 0.5px var(--divider); | ||||
| 	} | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo