From d77539381c672b27a8aa04e85e2db24b908a04ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no> Date: Thu, 24 Sep 2020 09:05:37 +0200 Subject: [PATCH] determinativ, pronomen + flyttet stiler tilbake til Header.vue --- src/components/Header.vue | 23 ++++++++++++++-- src/components/inflection/Adjective.vue | 14 ---------- src/components/inflection/AdjectiveAdv.vue | 14 ---------- src/components/inflection/AdjectiveMF.vue | 14 ---------- src/components/inflection/AdjectiveMF_F.vue | 14 ---------- src/components/inflection/Determinative.vue | 26 +++++++++++++++++++ .../inflection/DeterminativeAdj.vue | 17 ++++++++++++ src/components/inflection/Pronoun.vue | 21 +++++++++++++++ 8 files changed, 85 insertions(+), 58 deletions(-) create mode 100644 src/components/inflection/Determinative.vue create mode 100644 src/components/inflection/DeterminativeAdj.vue create mode 100644 src/components/inflection/Pronoun.vue diff --git a/src/components/Header.vue b/src/components/Header.vue index be7ef41c..ca59317c 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -25,6 +25,9 @@ import ADJ from './inflection/Adjective.vue' import ADJ_adv from './inflection/AdjectiveAdv.vue' import ADJ_masc_fem from './inflection/AdjectiveMF.vue' import ADJ_masc_fem_fem from './inflection/AdjectiveMF_F.vue' +import DET from './inflection/Determinative.vue' +import DET_adj from './inflection/DeterminativeAdj.vue' +import PRON from './inflection/Pronoun.vue' export default { name: 'Header', @@ -40,12 +43,15 @@ export default { ADJ, ADJ_adv, ADJ_masc_fem, - ADJ_masc_fem_fem + ADJ_masc_fem_fem, + DET, + DET_adj, + PRON } } </script> -<style scoped> +<style > summary { width: 30em; @@ -69,6 +75,19 @@ details > summary { text-decoration-style: dashed; } +.inflection table { + border-collapse: collapse; + margin: 10px; +} + +.inflection td, .inflection th { + border: solid; + border-width: 1px; + margin: 0px 0px 0px 0px; + padding: 3px; +} + + details > summary::-webkit-details-marker { display: none; } diff --git a/src/components/inflection/Adjective.vue b/src/components/inflection/Adjective.vue index 9acaa8e8..3d9c98b3 100644 --- a/src/components/inflection/Adjective.vue +++ b/src/components/inflection/Adjective.vue @@ -33,17 +33,3 @@ export default { } } </script> - -<style scoped> - table { - border-collapse: collapse; - margin: 10px; - } - - td, th { - border: solid; - border-width: 1px; - margin: 0px 0px 0px 0px; - padding: 3px; - } -</style> diff --git a/src/components/inflection/AdjectiveAdv.vue b/src/components/inflection/AdjectiveAdv.vue index 5c66eb8f..37f60771 100644 --- a/src/components/inflection/AdjectiveAdv.vue +++ b/src/components/inflection/AdjectiveAdv.vue @@ -20,17 +20,3 @@ export default { } } </script> - -<style scoped> - table { - border-collapse: collapse; - margin: 10px; - } - - td, th { - border: solid; - border-width: 1px; - margin: 0px 0px 0px 0px; - padding: 3px; - } -</style> diff --git a/src/components/inflection/AdjectiveMF.vue b/src/components/inflection/AdjectiveMF.vue index 10144882..7b0eea28 100644 --- a/src/components/inflection/AdjectiveMF.vue +++ b/src/components/inflection/AdjectiveMF.vue @@ -35,17 +35,3 @@ export default { } } </script> - -<style scoped> - table { - border-collapse: collapse; - margin: 10px; - } - - td, th { - border: solid; - border-width: 1px; - margin: 0px 0px 0px 0px; - padding: 3px; - } -</style> diff --git a/src/components/inflection/AdjectiveMF_F.vue b/src/components/inflection/AdjectiveMF_F.vue index d239415f..54e2d316 100644 --- a/src/components/inflection/AdjectiveMF_F.vue +++ b/src/components/inflection/AdjectiveMF_F.vue @@ -35,17 +35,3 @@ export default { } } </script> - -<style scoped> - table { - border-collapse: collapse; - margin: 10px; - } - - td, th { - border: solid; - border-width: 1px; - margin: 0px 0px 0px 0px; - padding: 3px; - } -</style> diff --git a/src/components/inflection/Determinative.vue b/src/components/inflection/Determinative.vue new file mode 100644 index 00000000..04040fc5 --- /dev/null +++ b/src/components/inflection/Determinative.vue @@ -0,0 +1,26 @@ +<template> + <table> + <tr> + <th rowspan="2">Determinativ</th><th colspan="3">Entall</th><th rowspan="2">Flertall</th> + </tr> + <tr> + <th>Hankjønn</th><th>Hunkjønn</th><th>Intetkjønn</th> + </tr> + <tr v-for="(std, index) in standardisations" :key="index"> + <td></td> + <td>{{std.inflection[0].word_form}}</td> + <td>{{std.inflection[1].word_form}}</td> + <td>{{std.inflection[2].word_form}}</td> + <td>{{std.inflection[3].word_form}}</td> + </tr> + </table> +</template> + +<script> +export default { + name: "DET", + props: { + standardisations: Array + } +} +</script> diff --git a/src/components/inflection/DeterminativeAdj.vue b/src/components/inflection/DeterminativeAdj.vue new file mode 100644 index 00000000..b009bf34 --- /dev/null +++ b/src/components/inflection/DeterminativeAdj.vue @@ -0,0 +1,17 @@ +<template> + <DET :standardisations="standardisations"></DET> +</template> + +<script> +import DET from './Determinative.vue' + +export default { + name: "DET_adj", + props: { + standardisations: Array + }, + components: { + DET + } +} +</script> diff --git a/src/components/inflection/Pronoun.vue b/src/components/inflection/Pronoun.vue new file mode 100644 index 00000000..6e7a9ac6 --- /dev/null +++ b/src/components/inflection/Pronoun.vue @@ -0,0 +1,21 @@ +<template> + <table> + <tr> + <th>Pronomen</th><th>Subjektsform</th><th>Objektsform</th> + </tr> + <tr v-for="(std, index) in standardisations" :key="index"> + <td></td> + <td>{{std.inflection[0].word_form}}</td> + <td>{{std.inflection[1].word_form}}</td> + </tr> + </table> +</template> + +<script> +export default { + name: "PRON", + props: { + standardisations: Array + } +} +</script> -- GitLab