From a5eef766707b8b8e4f300f700bbef8e0416be561 Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Sat, 31 Oct 2020 13:10:25 +0100
Subject: [PATCH] #61 [english] wip

---
 components/Dictionary.vue        | 30 +++++++++++---------
 components/NounSubmitForm.vue    | 47 +++++++++++++++++---------------
 locale/en/config.suml            |  4 +++
 locale/pl/config.suml            |  4 +++
 migrations/005-nouns-locales.sql |  6 ++++
 server/nouns.js                  | 15 ++++++----
 6 files changed, 65 insertions(+), 41 deletions(-)
 create mode 100644 migrations/005-nouns-locales.sql

diff --git a/components/Dictionary.vue b/components/Dictionary.vue
index 64cc10d7..7d4041fb 100644
--- a/components/Dictionary.vue
+++ b/components/Dictionary.vue
@@ -51,7 +51,7 @@
                     <ul class="list-singular">
                         <li v-for="w in s.el.masc">{{ w }}</li>
                     </ul>
-                    <ul class="list-plural">
+                    <ul v-if="config.nouns.plurals" class="list-plural">
                         <li v-for="w in s.el.mascPl">{{ w }}</li>
                     </ul>
 
@@ -60,7 +60,7 @@
                         <ul class="list-singular">
                             <li v-for="w in nouns[s.el.base].masc">{{ w }}</li>
                         </ul>
-                        <ul class="list-plural">
+                        <ul v-if="config.nouns.plurals" class="list-plural">
                             <li v-for="w in nouns[s.el.base].mascPl">{{ w }}</li>
                         </ul>
                     </small>
@@ -74,7 +74,7 @@
                     <ul class="list-singular">
                         <li v-for="w in s.el.fem">{{ w }}</li>
                     </ul>
-                    <ul class="list-plural">
+                    <ul v-if="config.nouns.plurals" class="list-plural">
                         <li v-for="w in s.el.femPl">{{ w }}</li>
                     </ul>
 
@@ -83,7 +83,7 @@
                         <ul class="list-singular">
                             <li v-for="w in nouns[s.el.base].fem">{{ w }}</li>
                         </ul>
-                        <ul class="list-plural">
+                        <ul v-if="config.nouns.plurals" class="list-plural">
                             <li v-for="w in nouns[s.el.base].femPl">{{ w }}</li>
                         </ul>
                     </small>
@@ -91,12 +91,14 @@
                 <td>
                     <ul class="list-singular">
                         <li v-for="w in s.el.neutr">
-                            <Declension :word="w"/>
+                            <Declension v-if="config.nouns.declension" :word="w"/>
+                            <template v-else>{{w}}</template>
                         </li>
                     </ul>
-                    <ul class="list-plural">
+                    <ul v-if="config.nouns.plurals" class="list-plural">
                         <li v-for="w in s.el.neutrPl">
-                            <Declension :word="w" plural :singularOptions="s.el.neutr"/>
+                            <Declension v-if="config.nouns.declension" :word="w" plural :singularOptions="s.el.neutr"/>
+                            <template v-else>{{w}}</template>
                         </li>
                     </ul>
 
@@ -105,7 +107,7 @@
                         <ul class="list-singular">
                             <li v-for="w in nouns[s.el.base].neutr">{{ w }}</li>
                         </ul>
-                        <ul class="list-plural">
+                        <ul v-if="config.nouns.plurals" class="list-plural">
                             <li v-for="w in nouns[s.el.base].neutrPl">{{ w }}</li>
                         </ul>
                     </small>
@@ -146,11 +148,13 @@
             </template>
         </Table>
 
-        <Separator icon="plus"/>
+        <template v-if="config.nouns.submit">
+            <Separator icon="plus"/>
 
-        <div class="px-3">
-            <NounSubmitForm ref="form"/>
-        </div>
+            <div class="px-3">
+                <NounSubmitForm ref="form"/>
+            </div>
+        </template>
     </Loading>
 </template>
 
@@ -178,7 +182,7 @@
                 if (this.nounsRaw !== undefined) {
                     return;
                 }
-                this.nounsRaw = await this.$axios.$get(`/nouns/all`, { headers: this.$auth() });
+                this.nounsRaw = await this.$axios.$get(`/nouns/all/${this.config.locale}`, { headers: this.$auth() });
             },
             async setFilter(filter) {
                 this.filter = filter;
diff --git a/components/NounSubmitForm.vue b/components/NounSubmitForm.vue
index 8e0323c1..2e46f701 100644
--- a/components/NounSubmitForm.vue
+++ b/components/NounSubmitForm.vue
@@ -13,10 +13,10 @@
         </div>
         <form v-else @submit.prevent="submit">
             <div class="table-responsive">
-                <table class="table table-borderless table-sm table-fixed-4">
+                <table :class="'table table-borderless table-sm table-fixed-' + (config.nouns.plurals ? '4' : '3')">
                     <thead>
                     <tr>
-                        <th></th>
+                        <th v-if="config.nouns.plurals"></th>
                         <th class="text-nowrap">
                             <Icon v="mars"/>
                             <span class="d-none d-md-inline"><T>nouns.masculine</T></span>
@@ -37,7 +37,7 @@
                     </thead>
                     <tbody>
                     <tr>
-                        <th class="text-nowrap">
+                        <th v-if="config.nouns.plurals" class="text-nowrap">
                             <span class="d-none d-md-inline">⋅ <T>nouns.singular</T></span>
                             <span class="d-md-none">⋅ <T>nouns.singularShort</T></span>
                         </th>
@@ -51,7 +51,7 @@
                             <NounForm v-model="form.neutr"/>
                         </td>
                     </tr>
-                    <tr>
+                    <tr v-if="config.nouns.plurals">
                         <th class="text-nowrap">
                             <span class="d-none d-md-inline">⁖ <T>nouns.plural</T></span>
                             <span class="d-md-none">⁖ <T>nouns.pluralShort</T></span>
@@ -77,28 +77,30 @@
                 </button>
             </div>
 
-            <a v-if="!templateVisible" href="#" @click.prevent="templateVisible = true" class="btn btn-outline-primary btn-block">
-                <Icon v="copy"/>
-                <T>nouns.template</T>
-            </a>
-            <div v-else class="card mb-3">
-                <a href="#" class="card-header" @click.prevent="templateVisible = false">
+            <template v-if="config.nouns.templates">
+                <a v-if="!templateVisible" href="#" @click.prevent="templateVisible = true" class="btn btn-outline-primary btn-block">
                     <Icon v="copy"/>
                     <T>nouns.template</T>
                 </a>
-                <div class="card-body">
-                    <T>nouns.root</T>: <input class="form-control form-control-sm d-inline-block w-auto" v-model="templateBase" autofocus/>
+                <div v-else class="card mb-3">
+                    <a href="#" class="card-header" @click.prevent="templateVisible = false">
+                        <Icon v="copy"/>
+                        <T>nouns.template</T>
+                    </a>
+                    <div class="card-body">
+                        <T>nouns.root</T>: <input class="form-control form-control-sm d-inline-block w-auto" v-model="templateBase" autofocus/>
 
-                    <ul>
-                        <li v-for="template in templates" class="my-2">
-                            {{ template.toString() }}
-                            <button type="button" class="btn btn-outline-primary btn-sm" @click="form = template.fill(templateBase)">
-                                <Icon v="copy"/>
-                            </button>
-                        </li>
-                    </ul>
+                        <ul>
+                            <li v-for="template in templates" class="my-2">
+                                {{ template.toString() }}
+                                <button type="button" class="btn btn-outline-primary btn-sm" @click="form = template.fill(templateBase)">
+                                    <Icon v="copy"/>
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
-            </div>
+            </template>
 
             <button class="btn btn-primary btn-block" :disabled="submitting">
                 <template v-if="submitting">
@@ -116,6 +118,7 @@
 
 <script>
     import { nounTemplates } from '../src/data';
+    import config from "../data/config.suml";
 
     export default {
         data() {
@@ -139,7 +142,7 @@
         methods: {
             async submit(event) {
                 this.submitting = true;
-                await this.$axios.$post(`/nouns/submit`, {
+                await this.$axios.$post(`/nouns/submit/${this.config.locale}`, {
                     data: this.form,
                 }, { headers: this.$auth() });
 
diff --git a/locale/en/config.suml b/locale/en/config.suml
index 2a246c66..fbbe2793 100644
--- a/locale/en/config.suml
+++ b/locale/en/config.suml
@@ -16,6 +16,10 @@ nouns:
     enabled: true
     route: 'nouns'
     collapsable: false
+    plurals: false
+    declension: false
+    submit: true
+    templates: false
 
 names:
     enabled: false
diff --git a/locale/pl/config.suml b/locale/pl/config.suml
index a792961b..7dbf5ee5 100644
--- a/locale/pl/config.suml
+++ b/locale/pl/config.suml
@@ -16,6 +16,10 @@ nouns:
     enabled: true
     route: 'rzeczowniki'
     collapsable: true
+    plurals: true
+    declension: true
+    submit: true
+    templates: true
 
 names:
     enabled: false
diff --git a/migrations/005-nouns-locales.sql b/migrations/005-nouns-locales.sql
new file mode 100644
index 00000000..acf775be
--- /dev/null
+++ b/migrations/005-nouns-locales.sql
@@ -0,0 +1,6 @@
+-- Up
+
+ALTER TABLE nouns ADD COLUMN locale TEXT NOT NULL DEFAULT 'pl';
+
+-- Down
+
diff --git a/server/nouns.js b/server/nouns.js
index 1ccae205..66376060 100644
--- a/server/nouns.js
+++ b/server/nouns.js
@@ -62,24 +62,27 @@ export default async function (req, res, next) {
     const user = authenticate(req);
     const isAdmin = user && user.authenticated && user.roles === 'admin';
 
-    if (req.method === 'GET' && req.url === '/all') {
-        return renderJson(res, await db.all(`
+    if (req.method === 'GET' && req.url.startsWith('/all/')) {
+        const locale = req.url.substring(5);
+        return renderJson(res, await db.all(SQL`
             SELECT * FROM nouns
-            ${isAdmin ? '' : 'WHERE approved = 1'}
+            WHERE locale = ${locale}
+            AND approved >= ${isAdmin ? 0 : 1}
             ORDER BY approved, masc
         `));
     }
 
-    if (req.method === 'POST' && req.url === '/submit') {
+    if (req.method === 'POST' && req.url.startsWith('/submit/')) {
+        const locale = req.url.substring(8);
         if (isAdmin || !isTroll(req.body.data)) {
             const id = ulid()
             await db.get(SQL`
-                INSERT INTO nouns (id, masc, fem, neutr, mascPl, femPl, neutrPl, approved, base_id)
+                INSERT INTO nouns (id, masc, fem, neutr, mascPl, femPl, neutrPl, approved, base_id, locale)
                 VALUES (
                     ${id},
                     ${req.body.data.masc.join('|')}, ${req.body.data.fem.join('|')}, ${req.body.data.neutr.join('|')},
                     ${req.body.data.mascPl.join('|')}, ${req.body.data.femPl.join('|')}, ${req.body.data.neutrPl.join('|')},
-                    0, ${req.body.data.base}
+                    0, ${req.body.data.base}, ${locale}
                 )
             `);
             if (isAdmin) {