[homepage] przyjaźniejszy interfejs kreatorów

This commit is contained in:
Avris 2020-09-09 00:10:31 +02:00
parent 6f6b559506
commit 0567da451a
1 changed files with 112 additions and 119 deletions

View File

@ -25,10 +25,6 @@
<Separator icon="link"/> <Separator icon="link"/>
<section> <section>
<p>
Wybierz sposród najpopularniejszych:
</p>
<ul class="list-group"> <ul class="list-group">
<li v-for="[group, groupTemplates] in templateLibrary.split()" class="list-group-item"> <li v-for="[group, groupTemplates] in templateLibrary.split()" class="list-group-item">
<p class="h5"> <p class="h5">
@ -51,19 +47,12 @@
</li> </li>
</ul> </ul>
</li> </li>
</ul> <li class="list-group-item">
</section>
<section>
<p>
Wybierz formy wymienne:
</p>
<a v-if="!customiseMultiple" href="#" @click.prevent="customiseMultiple = true" class="btn btn-outline-primary btn-block"> <a v-if="!customiseMultiple" href="#" @click.prevent="customiseMultiple = true" class="btn btn-outline-primary btn-block">
<Icon v="sliders-h-square"/> <Icon v="sliders-h-square"/>
Wybierz formy wymienne Wygeneruj link do form wymiennych
</a> </a>
<div v-else class="card mb-5"> <div v-else class="card">
<div class="card-header"> <div class="card-header">
<Icon v="sliders-h-square"/> <Icon v="sliders-h-square"/>
Formy wymienne: Formy wymienne:
@ -85,27 +74,29 @@
<LinkInput :link="linkMultiple"/> <LinkInput :link="linkMultiple"/>
</div> </div>
</div> </div>
</section> </li>
<li class="list-group-item">
<section> <p class="h5">
<p> Generator form
Lub dopasuj bardziej szczegółowo: </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> </p>
<a v-if="!customise" href="#" @click.prevent="customise = true" class="btn btn-outline-primary btn-block"> <a v-if="!customise" href="#" @click.prevent="customise = true" class="btn btn-outline-primary btn-block">
<Icon v="sliders-h-square"/> <Icon v="sliders-h-square"/>
Kreator Pokaż generator
</a> </a>
<div v-else class="card mb-5"> <div v-else class="card mb-5">
<div class="card-header"> <div class="card-header">
<Icon v="sliders-h-square"/> <Icon v="sliders-h-square"/>
Kreator Wygeneruj link
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="card-title border-bottom pb-3"> <div class="card-title border-bottom pb-3">
<ul class="list-inline d-inline mb-0"> <ul class="list-inline d-inline mb-0">
<li class="list-inline-item pt-1 h5"> <li class="list-inline-item pt-1 h5">
Sugestie: Na podstawie:
</li> </li>
<li class="list-inline-item" v-for="(template, pronoun) in templates"> <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']" <button :class="['btn', template.name() === selectedTemplate.name() ? 'btn-primary' : 'btn-outline-primary', 'btn-sm', 'my-1']"
@ -181,6 +172,8 @@
<Literature :sources="sources"/> <Literature :sources="sources"/>
</div> </div>
</div> </div>
</li>
</ul>
</section> </section>
<Separator icon="bookmark"/> <Separator icon="bookmark"/>