wip
This commit is contained in:
		
							parent
							
								
									ccb807deb8
								
							
						
					
					
						commit
						533dfa13fb
					
				
					 12 changed files with 38 additions and 38 deletions
				
			
		|  | @ -3,8 +3,8 @@ | |||
| 	<FormSuspense :p="init"> | ||||
| 		<FormButton @click="addAccount" primary><i class="fas fa-plus"></i> {{ $ts.addAccount }}</FormButton> | ||||
| 
 | ||||
| 		<div class="_formItem _button" v-for="account in accounts" :key="account.id" @click="menu(account, $event)"> | ||||
| 			<div class="_formPanel lcjjdxlm"> | ||||
| 		<div class="_debobigegoItem _button" v-for="account in accounts" :key="account.id" @click="menu(account, $event)"> | ||||
| 			<div class="_debobigegoPanel lcjjdxlm"> | ||||
| 				<div class="avatar"> | ||||
| 					<MkAvatar :user="account" class="avatar"/> | ||||
| 				</div> | ||||
|  |  | |||
|  | @ -8,7 +8,7 @@ | |||
| 			</div> | ||||
| 		</template> | ||||
| 		<template #default="{items}"> | ||||
| 			<div class="_formPanel bfomjevm" v-for="token in items" :key="token.id"> | ||||
| 			<div class="_debobigegoPanel bfomjevm" v-for="token in items" :key="token.id"> | ||||
| 				<img class="icon" :src="token.iconUrl" alt="" v-if="token.iconUrl"/> | ||||
| 				<div class="body"> | ||||
| 					<div class="name">{{ token.name }}</div> | ||||
|  |  | |||
|  | @ -2,8 +2,8 @@ | |||
| <FormBase class=""> | ||||
| 	<FormGroup v-if="!fetching"> | ||||
| 		<template #label>{{ $ts.usageAmount }}</template> | ||||
| 		<div class="_formItem uawsfosz"> | ||||
| 			<div class="_formPanel"> | ||||
| 		<div class="_debobigegoItem uawsfosz"> | ||||
| 			<div class="_debobigegoPanel"> | ||||
| 				<div class="meter"><div :style="meterStyle"></div></div> | ||||
| 			</div> | ||||
| 		</div> | ||||
|  | @ -17,9 +17,9 @@ | |||
| 		</FormKeyValueView> | ||||
| 	</FormGroup> | ||||
| 
 | ||||
| 	<div class="_formItem"> | ||||
| 		<div class="_formLabel">{{ $ts.statistics }}</div> | ||||
| 		<div class="_formPanel"> | ||||
| 	<div class="_debobigegoItem"> | ||||
| 		<div class="_debobigegoLabel">{{ $ts.statistics }}</div> | ||||
| 		<div class="_debobigegoPanel"> | ||||
| 			<div ref="chart"></div> | ||||
| 		</div> | ||||
| 	</div> | ||||
|  |  | |||
|  | @ -91,9 +91,9 @@ | |||
| 
 | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import FormSwitch from '@client/components/form/switch.vue'; | ||||
| import FormSelect from '@client/components/form/select.vue'; | ||||
| import FormRadios from '@client/components/form/radios.vue'; | ||||
| import FormSwitch from '@client/components/debobigego/switch.vue'; | ||||
| import FormSelect from '@client/components/debobigego/select.vue'; | ||||
| import FormRadios from '@client/components/debobigego/radios.vue'; | ||||
| import FormBase from '@client/components/debobigego/base.vue'; | ||||
| import FormGroup from '@client/components/debobigego/group.vue'; | ||||
| import FormLink from '@client/components/debobigego/link.vue'; | ||||
|  |  | |||
|  | @ -1,26 +1,26 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| 	<div class="_formItem" v-if="enableTwitterIntegration"> | ||||
| 		<div class="_formLabel"><i class="fab fa-twitter"></i> Twitter</div> | ||||
| 		<div class="_formPanel" style="padding: 16px;"> | ||||
| 	<div class="_debobigegoItem" v-if="enableTwitterIntegration"> | ||||
| 		<div class="_debobigegoLabel"><i class="fab fa-twitter"></i> Twitter</div> | ||||
| 		<div class="_debobigegoPanel" style="padding: 16px;"> | ||||
| 			<p v-if="integrations.twitter">{{ $ts.connectedTo }}: <a :href="`https://twitter.com/${integrations.twitter.screenName}`" rel="nofollow noopener" target="_blank">@{{ integrations.twitter.screenName }}</a></p> | ||||
| 			<MkButton v-if="integrations.twitter" @click="disconnectTwitter" danger>{{ $ts.disconnectService }}</MkButton> | ||||
| 			<MkButton v-else @click="connectTwitter" primary>{{ $ts.connectService }}</MkButton> | ||||
| 		</div> | ||||
| 	</div> | ||||
| 
 | ||||
| 	<div class="_formItem" v-if="enableDiscordIntegration"> | ||||
| 		<div class="_formLabel"><i class="fab fa-discord"></i> Discord</div> | ||||
| 		<div class="_formPanel" style="padding: 16px;"> | ||||
| 	<div class="_debobigegoItem" v-if="enableDiscordIntegration"> | ||||
| 		<div class="_debobigegoLabel"><i class="fab fa-discord"></i> Discord</div> | ||||
| 		<div class="_debobigegoPanel" style="padding: 16px;"> | ||||
| 			<p v-if="integrations.discord">{{ $ts.connectedTo }}: <a :href="`https://discord.com/users/${integrations.discord.id}`" rel="nofollow noopener" target="_blank">@{{ integrations.discord.username }}#{{ integrations.discord.discriminator }}</a></p> | ||||
| 			<MkButton v-if="integrations.discord" @click="disconnectDiscord" danger>{{ $ts.disconnectService }}</MkButton> | ||||
| 			<MkButton v-else @click="connectDiscord" primary>{{ $ts.connectService }}</MkButton> | ||||
| 		</div> | ||||
| 	</div> | ||||
| 
 | ||||
| 	<div class="_formItem" v-if="enableGithubIntegration"> | ||||
| 		<div class="_formLabel"><i class="fab fa-github"></i> GitHub</div> | ||||
| 		<div class="_formPanel" style="padding: 16px;"> | ||||
| 	<div class="_debobigegoItem" v-if="enableGithubIntegration"> | ||||
| 		<div class="_debobigegoLabel"><i class="fab fa-github"></i> GitHub</div> | ||||
| 		<div class="_debobigegoPanel" style="padding: 16px;"> | ||||
| 			<p v-if="integrations.github">{{ $ts.connectedTo }}: <a :href="`https://github.com/${integrations.github.login}`" rel="nofollow noopener" target="_blank">@{{ integrations.github.login }}</a></p> | ||||
| 			<MkButton v-if="integrations.github" @click="disconnectGithub" danger>{{ $ts.disconnectService }}</MkButton> | ||||
| 			<MkButton v-else @click="connectGithub" primary>{{ $ts.connectService }}</MkButton> | ||||
|  |  | |||
|  | @ -4,8 +4,8 @@ | |||
| 		<template #label><span style="display: flex;"><b>{{ plugin.name }}</b><span style="margin-left: auto;">v{{ plugin.version }}</span></span></template> | ||||
| 
 | ||||
| 		<FormSwitch :value="plugin.active" @update:value="changeActive(plugin, $event)">{{ $ts.makeActive }}</FormSwitch> | ||||
| 		<div class="_formItem"> | ||||
| 			<div class="_formPanel" style="padding: 16px;"> | ||||
| 		<div class="_debobigegoItem"> | ||||
| 			<div class="_debobigegoPanel" style="padding: 16px;"> | ||||
| 				<div class="_keyValue"> | ||||
| 					<div>{{ $ts.author }}:</div> | ||||
| 					<div>{{ plugin.author }}</div> | ||||
|  | @ -20,8 +20,8 @@ | |||
| 				</div> | ||||
| 			</div> | ||||
| 		</div> | ||||
| 		<div class="_formItem"> | ||||
| 			<div class="_formPanel" style="padding: 16px;"> | ||||
| 		<div class="_debobigegoItem"> | ||||
| 			<div class="_debobigegoPanel" style="padding: 16px;"> | ||||
| 				<MkButton @click="config(plugin)" inline v-if="plugin.config"><i class="fas fa-cog"></i> {{ $ts.settings }}</MkButton> | ||||
| 				<MkButton @click="uninstall(plugin)" inline danger><i class="fas fa-trash-alt"></i> {{ $ts.uninstall }}</MkButton> | ||||
| 			</div> | ||||
|  |  | |||
|  | @ -34,8 +34,8 @@ | |||
| 
 | ||||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import FormSwitch from '@client/components/form/switch.vue'; | ||||
| import FormSelect from '@client/components/form/select.vue'; | ||||
| import FormSwitch from '@client/components/debobigego/switch.vue'; | ||||
| import FormSelect from '@client/components/debobigego/select.vue'; | ||||
| import FormBase from '@client/components/debobigego/base.vue'; | ||||
| import FormGroup from '@client/components/debobigego/group.vue'; | ||||
| import * as os from '@client/os'; | ||||
|  |  | |||
|  | @ -1,7 +1,7 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| 	<FormGroup> | ||||
| 		<div class="_formItem _formPanel llvierxe" :style="{ backgroundImage: $i.bannerUrl ? `url(${ $i.bannerUrl })` : null }"> | ||||
| 		<div class="_debobigegoItem _debobigegoPanel llvierxe" :style="{ backgroundImage: $i.bannerUrl ? `url(${ $i.bannerUrl })` : null }"> | ||||
| 			<MkAvatar class="avatar" :user="$i"/> | ||||
| 		</div> | ||||
| 		<FormButton @click="changeAvatar" primary>{{ $ts._profile.changeAvatar }}</FormButton> | ||||
|  |  | |||
|  | @ -1,8 +1,8 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| 	<div class="_formItem"> | ||||
| 		<div class="_formLabel">{{ $ts.reactionSettingDescription }}</div> | ||||
| 		<div class="_formPanel"> | ||||
| 	<div class="_debobigegoItem"> | ||||
| 		<div class="_debobigegoLabel">{{ $ts.reactionSettingDescription }}</div> | ||||
| 		<div class="_debobigegoPanel"> | ||||
| 			<XDraggable class="zoaiodol" v-model="reactions" :item-key="item => item" animation="150" delay="100" delay-on-touch-only="true"> | ||||
| 				<template #item="{element}"> | ||||
| 					<button class="_button item" @click="remove(element, $event)"> | ||||
|  | @ -14,7 +14,7 @@ | |||
| 				</template> | ||||
| 			</XDraggable> | ||||
| 		</div> | ||||
| 		<div class="_formCaption">{{ $ts.reactionSettingDescription2 }} <button class="_textButton" @click="preview">{{ $ts.preview }}</button></div> | ||||
| 		<div class="_debobigegoCaption">{{ $ts.reactionSettingDescription2 }} <button class="_textButton" @click="preview">{{ $ts.preview }}</button></div> | ||||
| 	</div> | ||||
| 
 | ||||
| 	<FormRadios v-model="reactionPickerWidth"> | ||||
|  | @ -37,8 +37,8 @@ | |||
| <script lang="ts"> | ||||
| import { defineComponent } from 'vue'; | ||||
| import XDraggable from 'vuedraggable'; | ||||
| import FormInput from '@client/components/form/input.vue'; | ||||
| import FormRadios from '@client/components/form/radios.vue'; | ||||
| import FormInput from '@client/components/debobigego/input.vue'; | ||||
| import FormRadios from '@client/components/debobigego/radios.vue'; | ||||
| import FormBase from '@client/components/debobigego/base.vue'; | ||||
| import FormButton from '@client/components/debobigego/button.vue'; | ||||
| import * as os from '@client/os'; | ||||
|  |  | |||
|  | @ -6,7 +6,7 @@ | |||
| 	<FormPagination :pagination="pagination"> | ||||
| 		<template #label>{{ $ts.signinHistory }}</template> | ||||
| 		<template #default="{items}"> | ||||
| 			<div class="_formPanel timnmucd" v-for="item in items" :key="item.id"> | ||||
| 			<div class="_debobigegoPanel timnmucd" v-for="item in items" :key="item.id"> | ||||
| 				<header> | ||||
| 					<i v-if="item.success" class="fas fa-check icon succ"></i> | ||||
| 					<i v-else class="fas fa-times-circle icon fail"></i> | ||||
|  |  | |||
|  | @ -1,7 +1,7 @@ | |||
| <template> | ||||
| <FormBase> | ||||
| 	<FormGroup> | ||||
| 		<div class="rfqxtzch _formItem _formPanel"> | ||||
| 		<div class="rfqxtzch _debobigegoItem _debobigegoPanel"> | ||||
| 			<div class="darkMode"> | ||||
| 				<div class="toggleWrapper"> | ||||
| 					<input type="checkbox" class="dn" id="dn" v-model="darkMode"/> | ||||
|  | @ -86,8 +86,8 @@ | |||
| 
 | ||||
| <script lang="ts"> | ||||
| import { computed, defineComponent, onActivated, onMounted, ref, watch } from 'vue'; | ||||
| import FormSwitch from '@client/components/form/switch.vue'; | ||||
| import FormSelect from '@client/components/form/select.vue'; | ||||
| import FormSwitch from '@client/components/debobigego/switch.vue'; | ||||
| import FormSelect from '@client/components/debobigego/select.vue'; | ||||
| import FormBase from '@client/components/debobigego/base.vue'; | ||||
| import FormGroup from '@client/components/debobigego/group.vue'; | ||||
| import FormLink from '@client/components/debobigego/link.vue'; | ||||
|  |  | |||
|  | @ -5,7 +5,7 @@ | |||
| 		<option value="hard">{{ $ts._wordMute.hard }}</option> | ||||
| 	</MkTab> | ||||
| 	<FormBase> | ||||
| 		<div class="_formItem"> | ||||
| 		<div class="_debobigegoItem"> | ||||
| 			<div v-show="tab === 'soft'"> | ||||
| 				<FormInfo>{{ $ts._wordMute.softDescription }}</FormInfo> | ||||
| 				<FormTextarea v-model:value="softMutedWords"> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue