oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-06-28 05:15:54 +00:00
Code Wiki Activity

The Big Linting Commit.

Browse source 
* Add linting for Vue files.
* Fix a bunch of linting problems in Vue files.
* Update README with notes about configuring editors.
This commit is contained in:
SirStendec 2018-03-30 17:58:56 -04:00
parent 8dbcf434cd
commit f9f5f0affa
23 changed files with 1114 additions and 971 deletions
Download patch file Download diff file Expand all files Collapse all files

103
src/std-components/tab-container.vue
View file

@ -1,58 +1,59 @@
<template lang="html">
<div
v-if="item.tabs"
class="ffz--tab-container"
@keyup.alt.page-up.stop="focusPrevTab"
@keyup.alt.page-down.stop="focusNextTab"
>
<header
class="tw-flex"
tabindex="0"
role="tablist"
@keyup.home="firstTab"
@keyup.end="lastTab"
@keyup.page-up="prevTab"
@keyup.up="prevTab"
@keyup.left="prevTab"
@keyup.page-down="nextTab"
@keyup.right="nextTab"
@keyup.down="nextTab"
<div
v-if="item.tabs"
class="ffz--tab-container"
@keyup.alt.page-up.stop="focusPrevTab"
@keyup.alt.page-down.stop="focusNextTab"
>
<div
v-for="(i, idx) in item.tabs"
role="tab"
:id="'tab-for-' + i.full_key"
:aria-selected="selected === idx"
:aria-controls="'tab-panel-' + i.full_key"
class="tab tw-pd-y-05 tw-pd-x-1"
:class="[selected === idx ? 'active' : '']"
@click="selected = idx"
<header
class="tw-flex"
tabindex="0"
role="tablist"
@keyup.home="firstTab"
@keyup.end="lastTab"
@keyup.page-up="prevTab"
@keyup.up="prevTab"
@keyup.left="prevTab"
@keyup.page-down="nextTab"
@keyup.right="nextTab"
@keyup.down="nextTab"
>
{{ t(i.i18n_key, i.title, i) }}
</div>
</header>
<section
class="tw-border"
:id="'tab-panel-' + tab.full_key"
:aria-labelledby="'tab-for-' + tab.full_key"
role="tabpanel"
aria-hidden="false"
aria-expanded="true"
>
<section v-if="tab.description" class="tw-pd-b-1">
{{ t(tab.desc_i18n_key, tab.description, tab) }}
</section>
<component
v-for="i in tab.contents"
v-bind:is="i.component"
:currentProfile="currentProfile"
:profiles="profiles"
:context="context"
:item="i"
:key="i.full_key"
<div
v-for="(i, idx) in item.tabs"
:key="i.full_key"
:id="'tab-for-' + i.full_key"
:aria-selected="selected === idx"
:aria-controls="'tab-panel-' + i.full_key"
:class="[selected === idx ? 'active' : '']"
role="tab"
class="tab tw-pd-y-05 tw-pd-x-1"
@click="selected = idx"
>
{{ t(i.i18n_key, i.title, i) }}
</div>
</header>
<section
:id="'tab-panel-' + tab.full_key"
:aria-labelledby="'tab-for-' + tab.full_key"
class="tw-border"
role="tabpanel"
aria-hidden="false"
aria-expanded="true"
>
<section v-if="tab.description" class="tw-pd-b-1">
{{ t(tab.desc_i18n_key, tab.description, tab) }}
</section>
<component
v-for="i in tab.contents"
:is="i.component"
:current-profile="currentProfile"
:profiles="profiles"
:context="context"
:item="i"
:key="i.full_key"
/>
</section>
</div>
</section>
</div>
</template>
<script>