hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

vertical tab switcher initial implementation

Browse source
This commit is contained in:
Henry Jameson 2025-11-20 02:07:00 +02:00
commit a96f533777
10 changed files with 254 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/settings_modal/settings_modal_admin_content.js
View file

@ -1,4 +1,4 @@
import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
import InstanceTab from './admin_tabs/instance_tab.vue'
import LimitsTab from './admin_tabs/limits_tab.vue'
@ -31,7 +31,7 @@ library.add(
const SettingsModalAdminContent = {
components: {
TabSwitcher,
VerticalTabSwitcher,
InstanceTab,
LimitsTab,

4
src/components/settings_modal/settings_modal_admin_content.vue
View file

@ -1,5 +1,5 @@
<template>
<tab-switcher
<vertical-tab-switcher
v-if="adminDescriptionsLoaded && (noDb || adminDbLoaded)"
ref="tabSwitcher"
class="settings_tab-switcher"
@ -71,7 +71,7 @@
>
<EmojiTab />
</div>
</tab-switcher>
</vertical-tab-switcher>
</template>
<script src="./settings_modal_admin_content.js"></script>

4
src/components/settings_modal/settings_modal_user_content.js
View file

@ -1,4 +1,4 @@
import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
import DataImportExportTab from './tabs/data_import_export_tab.vue'
import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
@ -42,7 +42,7 @@ library.add(
const SettingsModalContent = {
components: {
TabSwitcher,
VerticalTabSwitcher,
DataImportExportTab,
MutesAndBlocksTab,

4
src/components/settings_modal/settings_modal_user_content.vue
View file

@ -1,5 +1,5 @@
<template>
<tab-switcher
<vertical-tab-switcher
ref="tabSwitcher"
class="settings_tab-switcher"
:side-tab-bar="true"
@ -94,7 +94,7 @@
>
<VersionTab />
</div>
</tab-switcher>
</vertical-tab-switcher>
</template>
<script src="./settings_modal_user_content.js"></script>

4
src/components/settings_modal/tabs/appearance_tab.js
View file

@ -1,4 +1,4 @@
import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
import BooleanSetting from '../helpers/boolean_setting.vue'
import ChoiceSetting from '../helpers/choice_setting.vue'
@ -97,7 +97,7 @@ const AppearanceTab = {
FontControl,
Preview,
PaletteEditor,
TabSwitcher
VerticalTabSwitcher
},
mounted () {
useInterfaceStore().getThemeData()

4
src/components/settings_modal/tabs/appearance_tab.vue
View file

@ -1,5 +1,5 @@
<template>
<tab-switcher
<vertical-tab-switcher
class="appearance-tab"
:label="$t('settings.appearance')"
ref="tabSwitcher"
@ -446,7 +446,7 @@
</ul>
</div>
</div>
</tab-switcher>
</vertical-tab-switcher>
</template>
<script src="./appearance_tab.js"></script>

4
src/components/settings_modal/tabs/general_tab.js
View file

@ -1,6 +1,6 @@
import { mapState } from 'vuex'
import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
import VerticalTabSwitcher from 'src/components/tab_switcher/vertical_tab_switcher.jsx'
import BooleanSetting from '../helpers/boolean_setting.vue'
import ChoiceSetting from '../helpers/choice_setting.vue'
@ -92,7 +92,7 @@ const GeneralTab = {
ProfileSettingIndicator,
ScopeSelector,
Select,
TabSwitcher,
VerticalTabSwitcher,
FontControl
},
computed: {

6
src/components/settings_modal/tabs/general_tab.vue
View file

@ -1,10 +1,8 @@
<template>
<tab-switcher
<vertical-tab-switcher
:label="$t('settings.general')"
ref="tabSwitcher"
class="settings_tab-switcher"
:side-tab-bar="true"
:scrollable-tabs="true"
>
<div
:label="$t('settings.behavior')"
@ -551,7 +549,7 @@
</li>
</ul>
</div>
</tab-switcher>
</vertical-tab-switcher>
</template>
<script src="./general_tab.js"></script>