2020-07-22 13:19:23 -07:00
|
|
|
|
<template>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<NotFound v-if="!selectedPronoun"/>
|
2020-11-29 02:03:01 -08:00
|
|
|
|
<div v-else>
|
2020-09-11 03:17:29 -07:00
|
|
|
|
<h2>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
<Icon v="tag"/>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<T>pronouns.intro</T>:
|
2020-09-11 03:17:29 -07:00
|
|
|
|
</h2>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<div class="alert alert-primary">
|
|
|
|
|
<h2 class="text-center mb-0">
|
2020-12-10 07:23:39 -08:00
|
|
|
|
<template v-if="nameOptions.length === 1">
|
|
|
|
|
<strong>{{ selectedPronoun.name(glue) }}</strong><small v-if="selectedPronoun.smallForm">/{{selectedPronoun.morphemes[selectedPronoun.smallForm]}}</small>
|
|
|
|
|
</template>
|
2020-10-12 14:41:32 -07:00
|
|
|
|
<template v-else>
|
|
|
|
|
<template v-for="(nameOption, i) in nameOptions">
|
|
|
|
|
<nuxt-link :to="'/' + addSlash(nameOption)">
|
|
|
|
|
<strong>
|
2021-04-12 04:57:18 -07:00
|
|
|
|
<Spelling :text="nameOption" escape/>
|
2020-10-12 14:41:32 -07:00
|
|
|
|
</strong>
|
|
|
|
|
</nuxt-link>
|
2021-03-19 12:34:34 -07:00
|
|
|
|
<span v-if="i < nameOptions.length - 1"><Spelling :text="glue"/></span>
|
2020-10-12 14:41:32 -07:00
|
|
|
|
</template>
|
|
|
|
|
</template>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</h2>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<p class="h6 small text-center mb-0 mt-2" v-if="selectedPronoun.description">
|
2020-07-22 13:19:23 -07:00
|
|
|
|
<em>
|
2021-04-12 04:57:18 -07:00
|
|
|
|
(<Spelling escape :text="Array.isArray(selectedPronoun.description)
|
2020-11-10 15:47:44 -08:00
|
|
|
|
? ($t('pronouns.alt.header') + ': ' + selectedPronoun.description.join(glue))
|
2021-03-19 12:34:34 -07:00
|
|
|
|
: selectedPronoun.description"/>)
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</em>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2 class="h4">
|
|
|
|
|
<Icon v="file-signature"/>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<T>pronouns.examples</T>:
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-for="example in examples" class="my-1">
|
2020-11-28 07:52:48 -08:00
|
|
|
|
<Example :example="example" :pronoun="selectedPronoun" :counter="counter" pronunciation/>
|
2020-07-24 11:52:01 -07:00
|
|
|
|
</li>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
|
|
|
|
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<section v-if="selectedPronoun.history">
|
2020-12-25 07:05:28 -08:00
|
|
|
|
<template v-for="part in selectedPronoun.history.split('@')">
|
|
|
|
|
<div v-if="part === '__generator__'" class="alert alert-warning">
|
|
|
|
|
<Icon v="exclamation-triangle"/>
|
|
|
|
|
<T>pronouns.generated</T>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else class="alert alert-info">
|
|
|
|
|
<Icon v="info-circle"/>
|
|
|
|
|
<LinkedText :text="part"/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
2020-07-24 11:21:30 -07:00
|
|
|
|
</section>
|
|
|
|
|
|
2020-12-25 07:05:28 -08:00
|
|
|
|
<GrammarTables :selectedPronoun="selectedPronoun" :counter="counter"/>
|
|
|
|
|
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<section v-if="pronounGroup && pronounGroup.group.description">
|
2020-10-05 05:57:17 -07:00
|
|
|
|
<ul class="list-group mt-4">
|
|
|
|
|
<li class="list-group-item">
|
|
|
|
|
<p class="h5">
|
2021-03-19 12:34:34 -07:00
|
|
|
|
<Spelling :text="pronounGroup.group.name"/>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
</p>
|
|
|
|
|
<div class="small my-1">
|
|
|
|
|
<Icon v="info-circle"/>
|
2021-02-06 14:51:43 -08:00
|
|
|
|
<em><Spelling :text="pronounGroup.group.description"></Spelling></em>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
</div>
|
|
|
|
|
<ul class="list-unstyled">
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<li v-for="pronoun in pronounGroup.groupPronouns" :key="pronoun.canonicalName">
|
|
|
|
|
<nuxt-link v-if="typeof pronoun === 'string'" :to="'/' + pronoun">
|
2021-03-19 12:34:34 -07:00
|
|
|
|
<strong><Spelling :text="pronoun.replace(/&/g, ' ' + $t('pronouns.or') + ' ')"/></strong>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
</nuxt-link>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<nuxt-link v-else :to="addSlash('/' + pronoun.canonicalName)">
|
2021-03-19 12:34:34 -07:00
|
|
|
|
<strong><Spelling :text="pronoun.name(glue)"/></strong><small v-if="pronoun.smallForm">/<Spelling :text="pronoun.morphemes[pronoun.smallForm]"/></small>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
–
|
2021-03-19 12:34:34 -07:00
|
|
|
|
<small><Spelling :text="pronoun.description"/></small>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
</nuxt-link>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<NormativeBadge v-if="pronoun.normative"/>
|
2020-10-05 05:57:17 -07:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<nuxt-link to="/" class="list-group-item list-group-item-action text-center">
|
|
|
|
|
<Icon v="ellipsis-h-alt"/>
|
|
|
|
|
</nuxt-link>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
|
|
|
|
|
2020-07-24 05:14:37 -07:00
|
|
|
|
<section>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
<Share :title="`${$t('pronouns.intro')}: ${selectedPronoun.name(glue)}`"/>
|
2020-07-24 05:14:37 -07:00
|
|
|
|
</section>
|
|
|
|
|
|
2020-12-06 07:12:32 -08:00
|
|
|
|
<section v-if="Object.values(groupedSources).filter(x => !!x).length">
|
2020-12-10 07:23:39 -08:00
|
|
|
|
<Literature :pronoun="selectedPronoun" :sources="groupedSources"/>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<Separator icon="info"/>
|
|
|
|
|
<section class="mb-0">
|
|
|
|
|
<h2 class="h4">
|
|
|
|
|
<Icon v="info-circle"/>
|
2020-11-20 05:41:00 -08:00
|
|
|
|
<T>home.whatisit</T>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
</h2>
|
2020-09-28 08:51:26 -07:00
|
|
|
|
<T>home.about</T>
|
2020-07-22 13:19:23 -07:00
|
|
|
|
<Homepage align="center"/>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2020-11-10 15:47:44 -08:00
|
|
|
|
import { examples, pronouns, getSources, pronounLibrary } from "~/src/data";
|
2020-11-15 05:13:14 -08:00
|
|
|
|
import {buildPronoun} from "../src/buildPronoun";
|
|
|
|
|
import {head} from "../src/helpers";
|
2020-11-10 15:47:44 -08:00
|
|
|
|
import GrammarTables from "../data/pronouns/GrammarTables";
|
2020-10-12 12:26:50 -07:00
|
|
|
|
import LinkedText from "../components/LinkedText";
|
2020-12-04 13:09:57 -08:00
|
|
|
|
import {SourceLibrary} from "../src/classes";
|
2020-07-22 13:19:23 -07:00
|
|
|
|
|
|
|
|
|
export default {
|
2020-10-12 12:26:50 -07:00
|
|
|
|
components: {LinkedText, GrammarTables },
|
2020-07-22 13:19:23 -07:00
|
|
|
|
data() {
|
2020-11-10 15:47:44 -08:00
|
|
|
|
const selectedPronoun = this.config.pronouns.enabled
|
|
|
|
|
? buildPronoun(pronouns, decodeURIComponent(this.$route.path.substr(1).replace(/\/$/, '')))
|
2020-10-28 08:22:29 -07:00
|
|
|
|
: null;
|
|
|
|
|
|
2020-07-22 13:19:23 -07:00
|
|
|
|
return {
|
2020-10-05 05:57:17 -07:00
|
|
|
|
examples,
|
2020-11-10 15:47:44 -08:00
|
|
|
|
pronouns,
|
|
|
|
|
glue: ' ' + this.$t('pronouns.or') + ' ',
|
2020-07-22 13:19:23 -07:00
|
|
|
|
|
2020-11-10 15:47:44 -08:00
|
|
|
|
selectedPronoun,
|
|
|
|
|
nameOptions: selectedPronoun ? selectedPronoun.nameOptions() : [],
|
|
|
|
|
pronounGroup: pronounLibrary.find(selectedPronoun),
|
2020-07-26 04:14:25 -07:00
|
|
|
|
|
|
|
|
|
counter: 0,
|
|
|
|
|
}
|
|
|
|
|
},
|
2020-12-04 13:09:57 -08:00
|
|
|
|
async asyncData({app}) {
|
|
|
|
|
return {
|
|
|
|
|
sources: await app.$axios.$get(`/sources`),
|
|
|
|
|
}
|
|
|
|
|
},
|
2020-07-26 04:14:25 -07:00
|
|
|
|
mounted() {
|
|
|
|
|
if (process.client) {
|
|
|
|
|
setInterval(_ => this.counter++, 1000);
|
2020-07-22 13:19:23 -07:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
head() {
|
2020-11-10 15:47:44 -08:00
|
|
|
|
return this.selectedPronoun ? head({
|
|
|
|
|
title: `${this.$t('pronouns.intro')}: ${this.selectedPronoun.name(this.glue)}`,
|
2020-10-31 13:33:59 -07:00
|
|
|
|
banner: `api/banner${this.$route.path.replace(/\/$/, '')}.png`,
|
2020-09-23 12:29:55 -07:00
|
|
|
|
}) : {};
|
2020-07-22 13:19:23 -07:00
|
|
|
|
},
|
2020-10-05 05:57:17 -07:00
|
|
|
|
methods: {
|
|
|
|
|
addSlash(link) {
|
2020-12-23 05:40:42 -08:00
|
|
|
|
return link + (['*', `'`].includes(link.substr(link.length - 1)) ? '/' : '');
|
2020-10-05 05:57:17 -07:00
|
|
|
|
},
|
|
|
|
|
},
|
2020-07-26 06:27:36 -07:00
|
|
|
|
computed: {
|
2020-12-04 13:09:57 -08:00
|
|
|
|
sourceLibrary() {
|
|
|
|
|
return new SourceLibrary(this.sources);
|
2020-07-26 06:27:36 -07:00
|
|
|
|
},
|
2020-12-06 07:12:32 -08:00
|
|
|
|
groupedSources() {
|
|
|
|
|
let key = this.selectedPronoun.canonicalName;
|
|
|
|
|
if (this.config.sources.mergePronouns[key] !== undefined) {
|
|
|
|
|
key = this.config.sources.mergePronouns[key];
|
|
|
|
|
}
|
|
|
|
|
return this.sourceLibrary.getForPronounExtended(key);
|
|
|
|
|
},
|
2020-07-26 06:27:36 -07:00
|
|
|
|
},
|
2020-07-22 13:19:23 -07:00
|
|
|
|
}
|
|
|
|
|
</script>
|