profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
syuilo 2021-09-26 19:29:58 +09:00
parent ccb807deb8
commit 533dfa13fb
12 changed files with 38 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/client/pages/settings/accounts.vue
View file

@ -3,8 +3,8 @@
<FormSuspense :p="init"> <FormSuspense :p="init">
<FormButton @click="addAccount" primary><i class="fas fa-plus"></i> {{ $ts.addAccount }}</FormButton> <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="_debobigegoItem _button" v-for="account in accounts" :key="account.id" @click="menu(account, $event)">
<div class="_formPanel lcjjdxlm"> <div class="_debobigegoPanel lcjjdxlm">
<div class="avatar"> <div class="avatar">
<MkAvatar :user="account" class="avatar"/> <MkAvatar :user="account" class="avatar"/>
</div> </div>

2
src/client/pages/settings/apps.vue
View file

@ -8,7 +8,7 @@
</div> </div>
</template> </template>
<template #default="{items}"> <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"/> <img class="icon" :src="token.iconUrl" alt="" v-if="token.iconUrl"/>
<div class="body"> <div class="body">
<div class="name">{{ token.name }}</div> <div class="name">{{ token.name }}</div>

10
src/client/pages/settings/drive.vue
View file

@ -2,8 +2,8 @@
<FormBase class=""> <FormBase class="">
<FormGroup v-if="!fetching"> <FormGroup v-if="!fetching">
<template #label>{{ $ts.usageAmount }}</template> <template #label>{{ $ts.usageAmount }}</template>
<div class="_formItem uawsfosz"> <div class="_debobigegoItem uawsfosz">
<div class="_formPanel"> <div class="_debobigegoPanel">
<div class="meter"><div :style="meterStyle"></div></div> <div class="meter"><div :style="meterStyle"></div></div>
</div> </div>
</div> </div>
@ -17,9 +17,9 @@
</FormKeyValueView> </FormKeyValueView>
</FormGroup> </FormGroup>
<div class="_formItem"> <div class="_debobigegoItem">
<div class="_formLabel">{{ $ts.statistics }}</div> <div class="_debobigegoLabel">{{ $ts.statistics }}</div>
<div class="_formPanel"> <div class="_debobigegoPanel">
<div ref="chart"></div> <div ref="chart"></div>
</div> </div>
</div> </div>

6
src/client/pages/settings/general.vue
View file

@ -91,9 +91,9 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormSwitch from '@client/components/form/switch.vue'; import FormSwitch from '@client/components/debobigego/switch.vue';
import FormSelect from '@client/components/form/select.vue'; import FormSelect from '@client/components/debobigego/select.vue';
import FormRadios from '@client/components/form/radios.vue'; import FormRadios from '@client/components/debobigego/radios.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormGroup from '@client/components/debobigego/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
import FormLink from '@client/components/debobigego/link.vue'; import FormLink from '@client/components/debobigego/link.vue';

18
src/client/pages/settings/integration.vue
View file

@ -1,26 +1,26 @@
<template> <template>
<FormBase> <FormBase>
<div class="_formItem" v-if="enableTwitterIntegration"> <div class="_debobigegoItem" v-if="enableTwitterIntegration">
<div class="_formLabel"><i class="fab fa-twitter"></i> Twitter</div> <div class="_debobigegoLabel"><i class="fab fa-twitter"></i> Twitter</div>
<div class="_formPanel" style="padding: 16px;"> <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> <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-if="integrations.twitter" @click="disconnectTwitter" danger>{{ $ts.disconnectService }}</MkButton>
<MkButton v-else @click="connectTwitter" primary>{{ $ts.connectService }}</MkButton> <MkButton v-else @click="connectTwitter" primary>{{ $ts.connectService }}</MkButton>
</div> </div>
</div> </div>
<div class="_formItem" v-if="enableDiscordIntegration"> <div class="_debobigegoItem" v-if="enableDiscordIntegration">
<div class="_formLabel"><i class="fab fa-discord"></i> Discord</div> <div class="_debobigegoLabel"><i class="fab fa-discord"></i> Discord</div>
<div class="_formPanel" style="padding: 16px;"> <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> <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-if="integrations.discord" @click="disconnectDiscord" danger>{{ $ts.disconnectService }}</MkButton>
<MkButton v-else @click="connectDiscord" primary>{{ $ts.connectService }}</MkButton> <MkButton v-else @click="connectDiscord" primary>{{ $ts.connectService }}</MkButton>
</div> </div>
</div> </div>
<div class="_formItem" v-if="enableGithubIntegration"> <div class="_debobigegoItem" v-if="enableGithubIntegration">
<div class="_formLabel"><i class="fab fa-github"></i> GitHub</div> <div class="_debobigegoLabel"><i class="fab fa-github"></i> GitHub</div>
<div class="_formPanel" style="padding: 16px;"> <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> <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-if="integrations.github" @click="disconnectGithub" danger>{{ $ts.disconnectService }}</MkButton>
<MkButton v-else @click="connectGithub" primary>{{ $ts.connectService }}</MkButton> <MkButton v-else @click="connectGithub" primary>{{ $ts.connectService }}</MkButton>

8
src/client/pages/settings/plugin.manage.vue
View file

@ -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> <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> <FormSwitch :value="plugin.active" @update:value="changeActive(plugin, $event)">{{ $ts.makeActive }}</FormSwitch>
<div class="_formItem"> <div class="_debobigegoItem">
<div class="_formPanel" style="padding: 16px;"> <div class="_debobigegoPanel" style="padding: 16px;">
<div class="_keyValue"> <div class="_keyValue">
<div>{{ $ts.author }}:</div> <div>{{ $ts.author }}:</div>
<div>{{ plugin.author }}</div> <div>{{ plugin.author }}</div>
@ -20,8 +20,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="_formItem"> <div class="_debobigegoItem">
<div class="_formPanel" style="padding: 16px;"> <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="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> <MkButton @click="uninstall(plugin)" inline danger><i class="fas fa-trash-alt"></i> {{ $ts.uninstall }}</MkButton>
</div> </div>

4
src/client/pages/settings/privacy.vue
View file

@ -34,8 +34,8 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import FormSwitch from '@client/components/form/switch.vue'; import FormSwitch from '@client/components/debobigego/switch.vue';
import FormSelect from '@client/components/form/select.vue'; import FormSelect from '@client/components/debobigego/select.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormGroup from '@client/components/debobigego/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
import * as os from '@client/os'; import * as os from '@client/os';

2
src/client/pages/settings/profile.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<FormBase> <FormBase>
<FormGroup> <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"/> <MkAvatar class="avatar" :user="$i"/>
</div> </div>
<FormButton @click="changeAvatar" primary>{{ $ts._profile.changeAvatar }}</FormButton> <FormButton @click="changeAvatar" primary>{{ $ts._profile.changeAvatar }}</FormButton>

12
src/client/pages/settings/reaction.vue
View file

@ -1,8 +1,8 @@
<template> <template>
<FormBase> <FormBase>
<div class="_formItem"> <div class="_debobigegoItem">
<div class="_formLabel">{{ $ts.reactionSettingDescription }}</div> <div class="_debobigegoLabel">{{ $ts.reactionSettingDescription }}</div>
<div class="_formPanel"> <div class="_debobigegoPanel">
<XDraggable class="zoaiodol" v-model="reactions" :item-key="item => item" animation="150" delay="100" delay-on-touch-only="true"> <XDraggable class="zoaiodol" v-model="reactions" :item-key="item => item" animation="150" delay="100" delay-on-touch-only="true">
<template #item="{element}"> <template #item="{element}">
<button class="_button item" @click="remove(element, $event)"> <button class="_button item" @click="remove(element, $event)">
@ -14,7 +14,7 @@
</template> </template>
</XDraggable> </XDraggable>
</div> </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> </div>
<FormRadios v-model="reactionPickerWidth"> <FormRadios v-model="reactionPickerWidth">
@ -37,8 +37,8 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import XDraggable from 'vuedraggable'; import XDraggable from 'vuedraggable';
import FormInput from '@client/components/form/input.vue'; import FormInput from '@client/components/debobigego/input.vue';
import FormRadios from '@client/components/form/radios.vue'; import FormRadios from '@client/components/debobigego/radios.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormButton from '@client/components/debobigego/button.vue'; import FormButton from '@client/components/debobigego/button.vue';
import * as os from '@client/os'; import * as os from '@client/os';

2
src/client/pages/settings/security.vue
View file

@ -6,7 +6,7 @@
<FormPagination :pagination="pagination"> <FormPagination :pagination="pagination">
<template #label>{{ $ts.signinHistory }}</template> <template #label>{{ $ts.signinHistory }}</template>
<template #default="{items}"> <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> <header>
<i v-if="item.success" class="fas fa-check icon succ"></i> <i v-if="item.success" class="fas fa-check icon succ"></i>
<i v-else class="fas fa-times-circle icon fail"></i> <i v-else class="fas fa-times-circle icon fail"></i>

6
src/client/pages/settings/theme.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<FormBase> <FormBase>
<FormGroup> <FormGroup>
<div class="rfqxtzch _formItem _formPanel"> <div class="rfqxtzch _debobigegoItem _debobigegoPanel">
<div class="darkMode"> <div class="darkMode">
<div class="toggleWrapper"> <div class="toggleWrapper">
<input type="checkbox" class="dn" id="dn" v-model="darkMode"/> <input type="checkbox" class="dn" id="dn" v-model="darkMode"/>
@ -86,8 +86,8 @@
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, onActivated, onMounted, ref, watch } from 'vue'; import { computed, defineComponent, onActivated, onMounted, ref, watch } from 'vue';
import FormSwitch from '@client/components/form/switch.vue'; import FormSwitch from '@client/components/debobigego/switch.vue';
import FormSelect from '@client/components/form/select.vue'; import FormSelect from '@client/components/debobigego/select.vue';
import FormBase from '@client/components/debobigego/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormGroup from '@client/components/debobigego/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
import FormLink from '@client/components/debobigego/link.vue'; import FormLink from '@client/components/debobigego/link.vue';

2
src/client/pages/settings/word-mute.vue
View file

@ -5,7 +5,7 @@
<option value="hard">{{ $ts._wordMute.hard }}</option> <option value="hard">{{ $ts._wordMute.hard }}</option>
</MkTab> </MkTab>
<FormBase> <FormBase>
<div class="_formItem"> <div class="_debobigegoItem">
<div v-show="tab === 'soft'"> <div v-show="tab === 'soft'">
<FormInfo>{{ $ts._wordMute.softDescription }}</FormInfo> <FormInfo>{{ $ts._wordMute.softDescription }}</FormInfo>
<FormTextarea v-model:value="softMutedWords"> <FormTextarea v-model:value="softMutedWords">