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

View file

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

View file

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