diff options
| author | Henry Jameson <me@hjkos.com> | 2019-05-14 22:38:16 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2019-05-14 22:48:44 +0300 |
| commit | 543604fd2d107d3c6b7123e5713ac923eb76f23c (patch) | |
| tree | d981ba4a7877689593a312c83c9d993187dc11ca /src/components/tab_switcher/tab_switcher.js | |
| parent | 2322610b62c8593e8ca71a2a8ae7057d4c39b480 (diff) | |
removed unused masto api, added initial version of interactions timeline
Diffstat (limited to 'src/components/tab_switcher/tab_switcher.js')
| -rw-r--r-- | src/components/tab_switcher/tab_switcher.js | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/components/tab_switcher/tab_switcher.js b/src/components/tab_switcher/tab_switcher.js index 423df258..c949b458 100644 --- a/src/components/tab_switcher/tab_switcher.js +++ b/src/components/tab_switcher/tab_switcher.js @@ -4,15 +4,18 @@ import './tab_switcher.scss' export default Vue.component('tab-switcher', { name: 'TabSwitcher', - props: ['renderOnlyFocused'], + props: ['renderOnlyFocused', 'onSwitch'], data () { return { active: this.$slots.default.findIndex(_ => _.tag) } }, methods: { - activateTab (index) { + activateTab (index, dataset) { return () => { + if (typeof this.onSwitch === 'function') { + this.onSwitch.call(null, index, this.$slots.default[index].elm.dataset) + } this.active = index } } @@ -37,7 +40,11 @@ export default Vue.component('tab-switcher', { return ( <div class={ classesWrapper.join(' ')}> - <button disabled={slot.data.attrs.disabled} onClick={this.activateTab(index)} class={ classesTab.join(' ') }>{slot.data.attrs.label}</button> + <button + disabled={slot.data.attrs.disabled} + onClick={this.activateTab(index)} + class={classesTab.join(' ')}> + {slot.data.attrs.label}</button> </div> ) }) |
