forked from AkkomaGang/akkoma-fe
fixup! Separated tab-switcher into a reusable component. This depends on JSX addition
This commit is contained in:
parent
da362b2b88
commit
66a22762c2
3 changed files with 7 additions and 7 deletions
|
@ -5,7 +5,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<tab-switcher>
|
<tab-switcher>
|
||||||
<div :title="$t('settings.general')" >
|
<div :label="$t('settings.general')" >
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{ $t('settings.interfaceLanguage') }}</h2>
|
<h2>{{ $t('settings.interfaceLanguage') }}</h2>
|
||||||
<interface-language-switcher />
|
<interface-language-switcher />
|
||||||
|
@ -73,13 +73,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div :title="$t('settings.theme')" >
|
<div :label="$t('settings.theme')" >
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<style-switcher></style-switcher>
|
<style-switcher></style-switcher>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div :title="$t('settings.filtering')" >
|
<div :label="$t('settings.filtering')" >
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
{{$t('settings.replies_in_timeline')}}
|
{{$t('settings.replies_in_timeline')}}
|
||||||
<label for="replyVisibility" class="select">
|
<label for="replyVisibility" class="select">
|
||||||
|
|
|
@ -23,7 +23,7 @@ export default Vue.component('tab-switcher', {
|
||||||
if (index === this.active) {
|
if (index === this.active) {
|
||||||
classes.push('active')
|
classes.push('active')
|
||||||
}
|
}
|
||||||
return (<button onClick={this.activateTab(index)} class={ classes.join(' ') }>{slot.data.attrs.title}</button>)
|
return (<button onClick={this.activateTab(index)} class={ classes.join(' ') }>{slot.data.attrs.label}</button>)
|
||||||
});
|
});
|
||||||
const contents = (
|
const contents = (
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body profile-edit">
|
<div class="panel-body profile-edit">
|
||||||
<tab-switcher>
|
<tab-switcher>
|
||||||
<div :title="$t('settings.profile_tab')">
|
<div :label="$t('settings.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>
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div :title="$t('settings.security_tab')">
|
<div :label="$t('settings.security_tab')">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{$t('settings.change_password')}}</h2>
|
<h2>{{$t('settings.change_password')}}</h2>
|
||||||
<div>
|
<div>
|
||||||
|
@ -102,7 +102,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div :title="$t('settings.data_import_export_tab')" v-if="pleromaBackend">
|
<div :label="$t('settings.data_import_export_tab')" v-if="pleromaBackend">
|
||||||
<div class="setting-item">
|
<div class="setting-item">
|
||||||
<h2>{{$t('settings.follow_import')}}</h2>
|
<h2>{{$t('settings.follow_import')}}</h2>
|
||||||
<p>{{$t('settings.import_followers_from_a_csv_file')}}</p>
|
<p>{{$t('settings.import_followers_from_a_csv_file')}}</p>
|
||||||
|
|
Loading…
Reference in a new issue