#76 [nouns][pl] change order

This commit is contained in:
Avris 2020-10-16 12:57:03 +02:00
parent c73d0c0be6
commit bc6bc2695f
3 changed files with 259 additions and 254 deletions

View File

@ -1,3 +1,6 @@
<template>
<div>
<Separator icon="book-open"/>
<slot></slot>
</div>
</template>

View File

@ -1,83 +1,65 @@
<template>
<div>
<div class="btn-group btn-block">
<a :href="'#' + $t('nouns.personNouns.id')" class="btn btn-outline-primary">
<a :href="'#' + $t('nouns.neuterNouns.id')" class="btn btn-outline-primary">
<Icon v="atom-alt"/>
<T>nouns.personNouns.header</T>
<T>nouns.neuterNouns.header</T>
</a>
<a :href="'#' + $t('nouns.dukajNouns.id')" class="btn btn-outline-primary">
<Icon v="atom-alt"/>
<T>nouns.dukajNouns.header</T>
</a>
<a :href="'#' + $t('nouns.neuterNouns.id')" class="btn btn-outline-primary">
<a :href="'#' + $t('nouns.personNouns.id')" class="btn btn-outline-primary">
<Icon v="atom-alt"/>
<T>nouns.neuterNouns.header</T>
<T>nouns.personNouns.header</T>
</a>
</div>
<Separator icon="atom-alt"/>
<h3 :id="$t('nouns.personNouns.id')">
<T>nouns.personNouns.header</T>
<small><NormativeBadge/></small>
<h3 :id="$t('nouns.neuterNouns.id')">
<T>nouns.neuterNouns.header</T>
</h3>
<T>nouns.personNouns.info</T>
<T>nouns.neuterNouns.info</T>
<details class="border mb-3">
<summary class="bg-light p-3">
<h4 class="h5 d-inline"><T>nouns.examples</T></h4>
<h4 class="h5 d-inline"><T>nouns.neuterNouns.alt.header</T></h4>
</summary>
<div class="border-top table-responsive">
<div class="border-top">
<div class="p-4 pb-0">
<T>nouns.neuterNouns.alt.info</T>
</div>
<div class="table-responsive">
<table class="table table-striped table-hover table-fixed-3">
<thead>
<tr>
<th class="text-nowrap">
<Icon v="mars"/>
<T>nouns.masculine</T>
</th>
<th class="text-nowrap">
<Icon v="venus"/>
<T>nouns.feminine</T>
</th>
<th class="text-nowrap">
<Icon v="neuter"/>
<T>nouns.personNouns.label</T>
<th v-for="templates in neuterAltDeclensionTemplates" class="text-nowrap">
<ul class="list-inline mb-0">
<li v-for="template in templates" class="list-inline-item">
<nuxt-link :to="'/' + template">
{{ template }}
</nuxt-link>
</li>
</ul>
</th>
</tr>
</thead>
<tbody>
<tr v-for="noun in personNouns" :key="noun.id">
<td>
<ul class="list-singular">
<li v-for="w in noun.masc">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.mascPl">{{ w }}</li>
</ul>
</td>
<td>
<ul class="list-singular">
<li v-for="w in noun.fem">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.femPl">{{ w }}</li>
</ul>
</td>
<td>
<ul class="list-singular">
<li v-for="w in noun.neutr">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.neutrPl">{{ w }}</li>
</ul>
<tr v-for="(declensions, word) in neuterAltDeclension" :key="word">
<td v-for="declension in declensions">
<Declension :word="word" :template="declension" open condense/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</details>
<slot></slot>
<Separator icon="atom-alt"/>
<h3 :id="$t('nouns.dukajNouns.id')">
@ -149,45 +131,65 @@
<Separator icon="atom-alt"/>
<h3 :id="$t('nouns.neuterNouns.id')">
<T>nouns.neuterNouns.header</T>
<h3 :id="$t('nouns.personNouns.id')">
<T>nouns.personNouns.header</T>
<small><NormativeBadge/></small>
</h3>
<T>nouns.neuterNouns.info</T>
<T>nouns.personNouns.info</T>
<details class="border mb-3">
<summary class="bg-light p-3">
<h4 class="h5 d-inline"><T>nouns.neuterNouns.alt.header</T></h4>
<h4 class="h5 d-inline"><T>nouns.examples</T></h4>
</summary>
<div class="border-top">
<div class="p-4 pb-0">
<T>nouns.neuterNouns.alt.info</T>
</div>
<div class="table-responsive">
<div class="border-top table-responsive">
<table class="table table-striped table-hover table-fixed-3">
<thead>
<tr>
<th v-for="templates in neuterAltDeclensionTemplates" class="text-nowrap">
<ul class="list-inline mb-0">
<li v-for="template in templates" class="list-inline-item">
<nuxt-link :to="'/' + template">
{{ template }}
</nuxt-link>
</li>
</ul>
<th class="text-nowrap">
<Icon v="mars"/>
<T>nouns.masculine</T>
</th>
<th class="text-nowrap">
<Icon v="venus"/>
<T>nouns.feminine</T>
</th>
<th class="text-nowrap">
<Icon v="neuter"/>
<T>nouns.personNouns.label</T>
</th>
</tr>
</thead>
<tbody>
<tr v-for="(declensions, word) in neuterAltDeclension" :key="word">
<td v-for="declension in declensions">
<Declension :word="word" :template="declension" open condense/>
<tr v-for="noun in personNouns" :key="noun.id">
<td>
<ul class="list-singular">
<li v-for="w in noun.masc">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.mascPl">{{ w }}</li>
</ul>
</td>
<td>
<ul class="list-singular">
<li v-for="w in noun.fem">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.femPl">{{ w }}</li>
</ul>
</td>
<td>
<ul class="list-singular">
<li v-for="w in noun.neutr">{{ w }}</li>
</ul>
<ul class="list-plural">
<li v-for="w in noun.neutrPl">{{ w }}</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</details>
</div>
</template>

View File

@ -11,8 +11,7 @@
<Share :title="$t('nouns.headerLong')"/>
</section>
<NounsExtra/>
<NounsExtra>
<details class="border mb-3" ref="dictionary">
<summary class="bg-light p-3" @click="loadNouns">
<h4 class="h5 d-inline">
@ -186,6 +185,7 @@
</Loading>
</div>
</details>
</NounsExtra>
</div>
</template>