forked from AkkomaGang/akkoma-fe
eslint --fix + small fix
This commit is contained in:
parent
bcea2e4d12
commit
e7ba4255bb
14 changed files with 927 additions and 921 deletions
|
@ -12,7 +12,7 @@ const SettingsModal = {
|
||||||
modalPeeked () {
|
modalPeeked () {
|
||||||
return this.$store.state.interface.settingsModalState === 'minimized'
|
return this.$store.state.interface.settingsModalState === 'minimized'
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default SettingsModal
|
export default SettingsModal
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<Modal
|
<Modal
|
||||||
:is-open="modalActivated"
|
:is-open="modalActivated"
|
||||||
class="settings-modal"
|
class="settings-modal"
|
||||||
:class="{ peek: modalPeeked }"
|
:class="{ peek: modalPeeked }"
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
v-if="modalActivated"
|
v-if="modalActivated"
|
||||||
class="modal-panel"
|
class="modal-panel"
|
||||||
/>
|
/>
|
||||||
</Modal>
|
</Modal>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./settings_modal.js"></script>
|
<script src="./settings_modal.js"></script>
|
||||||
|
|
|
@ -4,26 +4,33 @@
|
||||||
<span class="title">
|
<span class="title">
|
||||||
{{ $t('settings.settings') }}
|
{{ $t('settings.settings') }}
|
||||||
</span>
|
</span>
|
||||||
<button class="btn" @click="peekModal">
|
<button
|
||||||
|
class="btn"
|
||||||
|
@click="peekModal"
|
||||||
|
>
|
||||||
{{ $t('general.peek') }}
|
{{ $t('general.peek') }}
|
||||||
</button>
|
</button>
|
||||||
<button class="btn" @click="closeModal">
|
<button
|
||||||
|
class="btn"
|
||||||
|
@click="closeModal"
|
||||||
|
>
|
||||||
{{ $t('general.close') }}
|
{{ $t('general.close') }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<tab-switcher
|
<tab-switcher
|
||||||
class="settings_tab-switcher"
|
|
||||||
:sideTabBar="true"
|
|
||||||
:scrollableTabs="true"
|
|
||||||
ref="tabSwitcher"
|
ref="tabSwitcher"
|
||||||
|
class="settings_tab-switcher"
|
||||||
|
:side-tab-bar="true"
|
||||||
|
:scrollable-tabs="true"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
:label="$t('settings.general')"
|
:label="$t('settings.general')"
|
||||||
>
|
>
|
||||||
<GeneralTab />
|
<GeneralTab />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="isLoggedIn"
|
<div
|
||||||
|
v-if="isLoggedIn"
|
||||||
:label="$t('settings.profile_tab')"
|
:label="$t('settings.profile_tab')"
|
||||||
>
|
>
|
||||||
<ProfileTab />
|
<ProfileTab />
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:label="$t('settings.data_import_export_tab')"
|
:label="$t('settings.data_import_export_tab')"
|
||||||
>
|
>
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
:export-button-label="$t('settings.block_export_button')"
|
:export-button-label="$t('settings.block_export_button')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./data_import_export_tab.js"></script>
|
<script src="./data_import_export_tab.js"></script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :label="$t('settings.filtering')">
|
<div :label="$t('settings.filtering')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<div class="select-multiple">
|
<div class="select-multiple">
|
||||||
<span class="label">{{ $t('settings.notification_visibility') }}</span>
|
<span class="label">{{ $t('settings.notification_visibility') }}</span>
|
||||||
|
@ -81,6 +81,6 @@
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script src="./filtering_tab.js"></script>
|
<script src="./filtering_tab.js"></script>
|
||||||
|
|
|
@ -5,7 +5,6 @@ import SharedComputedObject from './helpers/shared_computed_object.js'
|
||||||
|
|
||||||
const GeneralTab = {
|
const GeneralTab = {
|
||||||
data () {
|
data () {
|
||||||
const instance = this.$store.state.instance
|
|
||||||
return {
|
return {
|
||||||
loopSilentAvailable:
|
loopSilentAvailable:
|
||||||
// Firefox
|
// Firefox
|
||||||
|
@ -13,7 +12,7 @@ const GeneralTab = {
|
||||||
// Chrome-likes
|
// Chrome-likes
|
||||||
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
|
||||||
// Future spec, still not supported in Nightly 63 as of 08/2018
|
// Future spec, still not supported in Nightly 63 as of 08/2018
|
||||||
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :label="$t('settings.general')">
|
<div :label="$t('settings.general')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{ $t('settings.interface') }}</h2>
|
<h2>{{ $t('settings.interface') }}</h2>
|
||||||
<ul class="setting-list">
|
<ul class="setting-list">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<tab-switcher
|
<tab-switcher
|
||||||
:scrollableTabs="true"
|
:scrollable-tabs="true"
|
||||||
class="mutes-and-blocks-tab"
|
class="mutes-and-blocks-tab"
|
||||||
>
|
>
|
||||||
<div :label="$t('settings.blocks_tab')">
|
<div :label="$t('settings.blocks_tab')">
|
||||||
|
@ -169,7 +169,7 @@
|
||||||
</div>
|
</div>
|
||||||
</tab-switcher>
|
</tab-switcher>
|
||||||
</div>
|
</div>
|
||||||
</tab-switcher>
|
</tab-switcher>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./mutes_and_blocks_tab.js"></script>
|
<script src="./mutes_and_blocks_tab.js"></script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :label="$t('settings.notifications')">
|
<div :label="$t('settings.notifications')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{ $t('settings.notification_setting_filters') }}</h2>
|
<h2>{{ $t('settings.notification_setting_filters') }}</h2>
|
||||||
<div class="select-multiple">
|
<div class="select-multiple">
|
||||||
|
@ -47,7 +47,7 @@
|
||||||
{{ $t('general.submit') }}
|
{{ $t('general.submit') }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./notifications_tab.js"></script>
|
<script src="./notifications_tab.js"></script>
|
||||||
|
|
|
@ -32,7 +32,7 @@ const ProfileTab = {
|
||||||
background: null,
|
background: null,
|
||||||
backgroundPreview: null,
|
backgroundPreview: null,
|
||||||
bannerUploadError: null,
|
bannerUploadError: null,
|
||||||
backgroundUploadError: null,
|
backgroundUploadError: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="profile-tab">
|
<div class="profile-tab">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{ $t('settings.name_bio') }}</h2>
|
<h2>{{ $t('settings.name_bio') }}</h2>
|
||||||
<p>{{ $t('settings.name') }}</p>
|
<p>{{ $t('settings.name') }}</p>
|
||||||
|
@ -206,7 +206,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./profile_tab.js"></script>
|
<script src="./profile_tab.js"></script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :label="$t('settings.security_tab')">
|
<div :label="$t('settings.security_tab')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{ $t('settings.change_email') }}</h2>
|
<h2>{{ $t('settings.change_email') }}</h2>
|
||||||
<div>
|
<div>
|
||||||
|
@ -136,7 +136,7 @@
|
||||||
{{ $t('general.submit') }}
|
{{ $t('general.submit') }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./security_tab.js"></script>
|
<script src="./security_tab.js"></script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="theme-tab">
|
<div class="theme-tab">
|
||||||
<div class="presets-container">
|
<div class="presets-container">
|
||||||
<div class="save-load">
|
<div class="save-load">
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :label="$t('settings.version.title')">
|
<div :label="$t('settings.version.title')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<ul class="setting-list">
|
<ul class="setting-list">
|
||||||
<li>
|
<li>
|
||||||
|
@ -26,6 +26,6 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script src="./version_tab.js">
|
<script src="./version_tab.js">
|
||||||
|
|
Loading…
Reference in a new issue