fixup! Separated tab-switcher into a reusable component. This depends on JSX addition
This commit is contained in:
parent
da362b2b88
commit
66a22762c2
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
<div class="panel-body">
|
||||
<tab-switcher>
|
||||
<div :title="$t('settings.general')" >
|
||||
<div :label="$t('settings.general')" >
|
||||
<div class="setting-item">
|
||||
<h2>{{ $t('settings.interfaceLanguage') }}</h2>
|
||||
<interface-language-switcher />
|
||||
|
@ -73,13 +73,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div :title="$t('settings.theme')" >
|
||||
<div :label="$t('settings.theme')" >
|
||||
<div class="setting-item">
|
||||
<style-switcher></style-switcher>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div :title="$t('settings.filtering')" >
|
||||
<div :label="$t('settings.filtering')" >
|
||||
<div class="setting-item">
|
||||
{{$t('settings.replies_in_timeline')}}
|
||||
<label for="replyVisibility" class="select">
|
||||
|
|
|
@ -23,7 +23,7 @@ export default Vue.component('tab-switcher', {
|
|||
if (index === this.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 = (
|
||||
<div>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
<div class="panel-body profile-edit">
|
||||
<tab-switcher>
|
||||
<div :title="$t('settings.profile_tab')">
|
||||
<div :label="$t('settings.profile_tab')">
|
||||
<div class="setting-item" >
|
||||
<h2>{{$t('settings.name_bio')}}</h2>
|
||||
<p>{{$t('settings.name')}}</p>
|
||||
|
@ -66,7 +66,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div :title="$t('settings.security_tab')">
|
||||
<div :label="$t('settings.security_tab')">
|
||||
<div class="setting-item">
|
||||
<h2>{{$t('settings.change_password')}}</h2>
|
||||
<div>
|
||||
|
@ -102,7 +102,7 @@
|
|||
</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">
|
||||
<h2>{{$t('settings.follow_import')}}</h2>
|
||||
<p>{{$t('settings.import_followers_from_a_csv_file')}}</p>
|
||||
|
|
Loading…
Reference in New Issue