TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-22 20:24:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

[homepage] przyjaźniejszy interfejs kreatorów

Browse Source
This commit is contained in:
Andrea Vos 2020-09-09 00:10:31 +02:00
parent 247dd11807
commit 36deb0d604
1 changed files with 112 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
pages/index.vue
View File

@ -25,10 +25,6 @@
<Separator icon="link"/>
<section>
<p>
Wybierz sposród najpopularniejszych:
</p>
<ul class="list-group">
<li v-for="[group, groupTemplates] in templateLibrary.split()" class="list-group-item">
<p class="h5">
@ -51,19 +47,12 @@
</li>
</ul>
</li>
</ul>
</section>
<section>
<p>
Wybierz formy wymienne:
</p>
<li class="list-group-item">
<a v-if="!customiseMultiple" href="#" @click.prevent="customiseMultiple = true" class="btn btn-outline-primary btn-block">
<Icon v="sliders-h-square"/>
Wybierz formy wymienne
Wygeneruj link do form wymiennych
</a>
<div v-else class="card mb-5">
<div v-else class="card">
<div class="card-header">
<Icon v="sliders-h-square"/>
Formy wymienne:
@ -85,27 +74,29 @@
<LinkInput :link="linkMultiple"/>
</div>
</div>
</section>
<section>
<p>
Lub dopasuj bardziej szczegółowo:
</li>
<li class="list-group-item">
<p class="h5">
Generator form
</p>
<p>
Możesz także użyć poniższego narzędzia, w którym uzupełnisz luki w zdaniach
zgodnie z formami, których używasz, by wygenerować gotowy do udostępniania innym link.
</p>
<a v-if="!customise" href="#" @click.prevent="customise = true" class="btn btn-outline-primary btn-block">
<Icon v="sliders-h-square"/>
Kreator
Pokaż generator
</a>
<div v-else class="card mb-5">
<div class="card-header">
<Icon v="sliders-h-square"/>
Kreator
Wygeneruj link
</div>
<div class="card-body">
<div class="card-title border-bottom pb-3">
<ul class="list-inline d-inline mb-0">
<li class="list-inline-item pt-1 h5">
Sugestie:
Na podstawie:
</li>
<li class="list-inline-item" v-for="(template, pronoun) in templates">
<button :class="['btn', template.name() === selectedTemplate.name() ? 'btn-primary' : 'btn-outline-primary', 'btn-sm', 'my-1']"
@ -181,6 +172,8 @@
<Literature :sources="sources"/>
</div>
</div>
</li>
</ul>
</section>
<Separator icon="bookmark"/>