fixup! Separated tab-switcher into a reusable component. This depends on JSX addition

This commit is contained in:
Henry Jameson 2018-08-28 16:22:49 +03:00
parent da362b2b88
commit 66a22762c2
3 changed files with 7 additions and 7 deletions

View file

@ -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">

View file

@ -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>

View file

@ -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>