🎨
This commit is contained in:
		
							parent
							
								
									9a33495694
								
							
						
					
					
						commit
						66369b4b1d
					
				
					 3 changed files with 51 additions and 34 deletions
				
			
		|  | @ -32,7 +32,8 @@ export default defineComponent({ | |||
| 		return { | ||||
| 			[symbols.PAGE_INFO]: { | ||||
| 				title: this.$ts.announcements, | ||||
| 				icon: 'fas fa-broadcast-tower' | ||||
| 				icon: 'fas fa-broadcast-tower', | ||||
| 				bg: 'var(--bg)', | ||||
| 			}, | ||||
| 			pagination: { | ||||
| 				endpoint: 'announcements', | ||||
|  |  | |||
|  | @ -1,45 +1,42 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| 	<FormGroup> | ||||
| <div> | ||||
| 	<FormSection> | ||||
| 		<template #label>{{ $ts._exportOrImport.allNotes }}</template> | ||||
| 		<FormButton @click="doExport('notes')"><i class="fas fa-download"></i> {{ $ts.export }}</FormButton> | ||||
| 	</FormGroup> | ||||
| 	<FormGroup> | ||||
| 		<MkButton :class="$style.button" inline @click="doExport('notes')"><i class="fas fa-download"></i> {{ $ts.export }}</MkButton> | ||||
| 	</FormSection> | ||||
| 	<FormSection> | ||||
| 		<template #label>{{ $ts._exportOrImport.followingList }}</template> | ||||
| 		<FormButton @click="doExport('following')"><i class="fas fa-download"></i> {{ $ts.export }}</FormButton> | ||||
| 		<FormButton @click="doImport('following', $event)"><i class="fas fa-upload"></i> {{ $ts.import }}</FormButton> | ||||
| 	</FormGroup> | ||||
| 	<FormGroup> | ||||
| 		<MkButton :class="$style.button" inline @click="doExport('following')"><i class="fas fa-download"></i> {{ $ts.export }}</MkButton> | ||||
| 		<MkButton :class="$style.button" inline @click="doImport('following', $event)"><i class="fas fa-upload"></i> {{ $ts.import }}</MkButton> | ||||
| 	</FormSection> | ||||
| 	<FormSection> | ||||
| 		<template #label>{{ $ts._exportOrImport.userLists }}</template> | ||||
| 		<FormButton @click="doExport('user-lists')"><i class="fas fa-download"></i> {{ $ts.export }}</FormButton> | ||||
| 		<FormButton @click="doImport('user-lists', $event)"><i class="fas fa-upload"></i> {{ $ts.import }}</FormButton> | ||||
| 	</FormGroup> | ||||
| 	<FormGroup> | ||||
| 		<MkButton :class="$style.button" inline @click="doExport('user-lists')"><i class="fas fa-download"></i> {{ $ts.export }}</MkButton> | ||||
| 		<MkButton :class="$style.button" inline @click="doImport('user-lists', $event)"><i class="fas fa-upload"></i> {{ $ts.import }}</MkButton> | ||||
| 	</FormSection> | ||||
| 	<FormSection> | ||||
| 		<template #label>{{ $ts._exportOrImport.muteList }}</template> | ||||
| 		<FormButton @click="doExport('mute')"><i class="fas fa-download"></i> {{ $ts.export }}</FormButton> | ||||
| 	</FormGroup> | ||||
| 	<FormGroup> | ||||
| 		<MkButton :class="$style.button" inline @click="doExport('mute')"><i class="fas fa-download"></i> {{ $ts.export }}</MkButton> | ||||
| 	</FormSection> | ||||
| 	<FormSection> | ||||
| 		<template #label>{{ $ts._exportOrImport.blockingList }}</template> | ||||
| 		<FormButton @click="doExport('blocking')"><i class="fas fa-download"></i> {{ $ts.export }}</FormButton> | ||||
| 	</FormGroup> | ||||
| </FormBase> | ||||
| 		<MkButton :class="$style.button" inline @click="doExport('blocking')"><i class="fas fa-download"></i> {{ $ts.export }}</MkButton> | ||||
| 	</FormSection> | ||||
| </div> | ||||
| </template> | ||||
| 
 | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import FormSelect from '@client/components/form/select.vue'; | ||||
| import FormButton from '@client/components/debobigego/button.vue'; | ||||
| import FormBase from '@client/components/debobigego/base.vue'; | ||||
| import FormGroup from '@client/components/debobigego/group.vue'; | ||||
| import MkButton from '@client/components/ui/button.vue'; | ||||
| import FormSection from '@client/components/form/section.vue'; | ||||
| import * as os from '@client/os'; | ||||
| import { selectFile } from '@client/scripts/select-file'; | ||||
| import * as symbols from '@client/symbols'; | ||||
| 
 | ||||
| export default defineComponent({ | ||||
| 	components: { | ||||
| 		FormBase, | ||||
| 		FormGroup, | ||||
| 		FormButton, | ||||
| 		FormSection, | ||||
| 		MkButton, | ||||
| 	}, | ||||
| 
 | ||||
| 	emits: ['info'], | ||||
|  | @ -103,3 +100,9 @@ export default defineComponent({ | |||
| 	} | ||||
| }); | ||||
| </script> | ||||
| 
 | ||||
| <style module> | ||||
| .button { | ||||
| 	margin-right: 16px; | ||||
| } | ||||
| </style> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue