TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-25 14:09:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

#221 make generator more visible

Browse Source
This commit is contained in:
Andrea Vos 2021-07-11 11:04:43 +02:00
parent 08c495bfd2
commit 74a8e01220
1 changed files with 62 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
routes/homepage.vue
View File

@ -40,68 +40,6 @@
</div>
<SimplePronounList :pronouns="groupPronouns"/>
</li>
<li v-if="config.pronouns.multiple !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.multiple.name"/>
</p>
<div class="small my-1" v-if="config.pronouns.multiple.description">
<Icon v="info-circle"/>
<em v-html="config.pronouns.multiple.description"></em>
</div>
<SimplePronounList :pronouns="config.pronouns.multiple.examples" class="mb-3"/>
<a v-if="!customiseMultiple" href="#" @click.prevent="customiseMultiple = true" class="btn btn-outline-primary w-100">
<Icon v="sliders-h-square"/>
<T>pronouns.alt.button</T>
</a>
<div v-else class="card">
<div class="card-header">
<Icon v="sliders-h-square"/>
<T>pronouns.alt.header</T>:
</div>
<div class="card-body">
<div class="card-title">
<ul class="list-inline d-inline mb-0">
<li class="list-inline-item" v-for="(pronoun, pronounName) in pronouns">
<button :class="['btn', multiple.includes(pronounName) ? 'btn-primary' : 'btn-outline-primary', 'btn-sm', 'my-1']"
@click="toggleMultiple(pronounName)"
>
<Spelling :text="pronoun.name()"/>
</button>
</li>
</ul>
</div>
</div>
<div class="card-footer" v-if="linkMultiple">
<LinkInput :link="linkMultiple"/>
</div>
</div>
</li>
<li v-if="config.pronouns.null !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.null.description"/>
</p>
<div class="small my-1" v-if="config.pronouns.null.history">
<Icon v="info-circle"/>
<LinkedText :text="config.pronouns.null.history"/>
</div>
<div class="small my-1">
<LinkedText :text="config.pronouns.null.template"/>
</div>
<SimplePronounList :pronouns="config.pronouns.null.examples" class="mb-3"/>
</li>
<li v-if="config.pronouns.emoji !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.emoji.description"/>
</p>
<div class="small my-1" v-if="config.pronouns.emoji.history">
<Icon v="info-circle"/>
<LinkedText :text="config.pronouns.emoji.history"/>
</div>
<div class="small my-1">
<LinkedText :text="config.pronouns.emoji.template"/>
</div>
<SimplePronounList :pronouns="config.pronouns.emoji.examples" class="mb-3"/>
</li>
<li class="list-group-item">
<p class="h5">
<T>home.generator.header</T>
@ -195,6 +133,68 @@
</div>
</div>
</li>
<li v-if="config.pronouns.multiple !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.multiple.name"/>
</p>
<div class="small my-1" v-if="config.pronouns.multiple.description">
<Icon v="info-circle"/>
<em v-html="config.pronouns.multiple.description"></em>
</div>
<SimplePronounList :pronouns="config.pronouns.multiple.examples" class="mb-3"/>
<a v-if="!customiseMultiple" href="#" @click.prevent="customiseMultiple = true" class="btn btn-outline-primary w-100">
<Icon v="sliders-h-square"/>
<T>pronouns.alt.button</T>
</a>
<div v-else class="card">
<div class="card-header">
<Icon v="sliders-h-square"/>
<T>pronouns.alt.header</T>:
</div>
<div class="card-body">
<div class="card-title">
<ul class="list-inline d-inline mb-0">
<li class="list-inline-item" v-for="(pronoun, pronounName) in pronouns">
<button :class="['btn', multiple.includes(pronounName) ? 'btn-primary' : 'btn-outline-primary', 'btn-sm', 'my-1']"
@click="toggleMultiple(pronounName)"
>
<Spelling :text="pronoun.name()"/>
</button>
</li>
</ul>
</div>
</div>
<div class="card-footer" v-if="linkMultiple">
<LinkInput :link="linkMultiple"/>
</div>
</div>
</li>
<li v-if="config.pronouns.null !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.null.description"/>
</p>
<div class="small my-1" v-if="config.pronouns.null.history">
<Icon v="info-circle"/>
<LinkedText :text="config.pronouns.null.history"/>
</div>
<div class="small my-1">
<LinkedText :text="config.pronouns.null.template"/>
</div>
<SimplePronounList :pronouns="config.pronouns.null.examples" class="mb-3"/>
</li>
<li v-if="config.pronouns.emoji !== false" class="list-group-item">
<p class="h5">
<Spelling :text="config.pronouns.emoji.description"/>
</p>
<div class="small my-1" v-if="config.pronouns.emoji.history">
<Icon v="info-circle"/>
<LinkedText :text="config.pronouns.emoji.history"/>
</div>
<div class="small my-1">
<LinkedText :text="config.pronouns.emoji.template"/>
</div>
<SimplePronounList :pronouns="config.pronouns.emoji.examples" class="mb-3"/>
</li>
<li class="list-group-item">
<p class="h5">
<nuxt-link :to="'/' + config.pronouns.any"><T>pronouns.any.header</T></nuxt-link>