From c63b2dd6f0ad750a71fd516fa85b209fd8a86194 Mon Sep 17 00:00:00 2001
From: Sijisu <mail@sijisu.eu>
Date: Sat, 23 Jan 2021 00:57:39 +0100
Subject: [PATCH] WIP

---
 .../src/components/edit/Hlava.vue             | 72 +++++++++++++++++++
 form/res-judicata/src/views/Edit.vue          | 62 +++++++++++++---
 2 files changed, 126 insertions(+), 8 deletions(-)
 create mode 100644 form/res-judicata/src/components/edit/Hlava.vue

diff --git a/form/res-judicata/src/components/edit/Hlava.vue b/form/res-judicata/src/components/edit/Hlava.vue
new file mode 100644
index 0000000..c04ca18
--- /dev/null
+++ b/form/res-judicata/src/components/edit/Hlava.vue
@@ -0,0 +1,72 @@
+<template>
+    <div id="hlava">
+        <div v-on:click="makeactive" v-if="!isactive">
+            <p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
+                {{ title }}
+            </p>
+            <p>
+                {{ text }}
+            </p>
+        </div>
+        <div v-if="isactive">
+            <p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
+                <b-input style="text-align:right;" v-on:blur="makeinactive" v-model="title"></b-input>
+            </p>
+            <p>
+                <b-input v-on:blur="makeinactive" v-model="text" type="textarea"></b-input>
+            </p>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+</style>
+
+<script>
+export default {
+    name: "Hlava",
+    props: ['title', 'text'],
+    data: () => {
+        return {
+            isactive: false,
+            istitlefocused: false,
+            istextfocused: false,
+        }
+    },
+    methods: {
+        makeactive: function () {
+            this.isactive = true;
+        },
+        makeinactive: function () {
+            this.isactive = false;
+        },
+        changeFocus: function (how, what) {
+            if (how=="focus") {
+                switch (what) {
+                    case "title":
+                        this.istitlefocused = true
+                        break;
+                    case "text":
+                        this.istextfocused = true
+                        break;
+                }
+            } else {
+                switch (what) {
+                    case "title":
+                        this.istitlefocused = false
+                        break;
+                    case "text":
+                        this.istextfocused = false
+                        break;
+                }
+            }
+            if (this.istitlefocused||this.istextfocused==true) {
+                this.makeactive()
+            } else {
+                this.makeinactive()
+            }
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/form/res-judicata/src/views/Edit.vue b/form/res-judicata/src/views/Edit.vue
index 617cc2e..918fd57 100644
--- a/form/res-judicata/src/views/Edit.vue
+++ b/form/res-judicata/src/views/Edit.vue
@@ -1,19 +1,56 @@
 <template>
   <div class="edit">
     <NavBar v-on:share="$buefy.dialog.alert('Ještě není naimplementováno')" />
-    <div class="document container mt-6">
-      <div class="columns">
+    <div class="document container has-text-left mt-6">
+      <div class="columns mb-3">
         <div class="column is-two-thirds">
         </div>
         <div class="column">
-          <p class="soud has-text-left has-text-weight-bold">
+          <p class="soud has-text-weight-bold">
             {{ zaloba.soud.nazev }}<br>
             {{ zaloba.soud.sidlo.uliceacislopopisne }}<br>
             {{ zaloba.soud.sidlo.psc }} {{ zaloba.soud.sidlo.mesto }}
           </p>
         </div>
       </div>
-
+      <div class="my-4">
+        Žalobce:
+        <div v-for="zalobce in zaloba.zalobci" :key="zalobce.rodnecisloneboico" class="zalobce mx-6 mt-3">
+          {{ zalobce.jmeno }} {{ zalobce.prijmeni }}, rč. {{ zalobce.rodnecisloneboico }}<br>
+          {{ zalobce.sidlo.uliceacislopopisne }}, {{ zalobce.sidlo.psc }} {{ zalobce.sidlo.mesto }}
+          <div v-if="zalobce.zastoupen" class="mt-2">
+            zastoupen:<br>
+            <div class="mx-3 mt-1">
+            {{ zalobce.zastoupen.jmeno }} {{ zalobce.zastoupen.prijmeni }}, ičo. {{ zalobce.zastoupen.rodnecisloneboico }}<br>
+            {{ zalobce.zastoupen.sidlo.uliceacislopopisne }}, {{ zalobce.zastoupen.sidlo.psc }} {{ zalobce.zastoupen.sidlo.mesto }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="my-4">
+        Žalovaný:
+        <div v-for="zalovan in zaloba.zalovani" :key="zalovan.rodnecisloneboico" class="zalobce mx-6 mt-3">
+          {{ zalovan.jmeno }} {{ zalovan.prijmeni }}, rč. {{ zalovan.rodnecisloneboico }}<br>
+          {{ zalovan.sidlo.uliceacislopopisne }}, {{ zalovan.sidlo.psc }} {{ zalovan.sidlo.mesto }}
+          <div v-if="zalovan.zastoupen" class="mt-2">
+            zastoupen:<br>
+            <div class="mx-3 mt-1">
+            {{ zalovan.zastoupen.jmeno }} {{ zalovan.zastoupen.prijmeni }}, ičo. {{ zalovan.zastoupen.rodnecisloneboico }}<br>
+            {{ zalovan.zastoupen.sidlo.uliceacislopopisne }}, {{ zalovan.zastoupen.sidlo.psc }} {{ zalovan.zastoupen.sidlo.mesto }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="mx-6">
+        - {{ zaloba.cosleduje }}
+      </div>
+      <div class="mx-6 mt-4 has-text-weight-bold has-text-centered">
+        {{ zaloba.title }}
+      </div>
+      <div>
+        <Hlava v-for="hlava in zaloba.hlavy" :key="hlava.nazev" v-bind:title="hlava.nazev" v-bind:text="hlava.text" />
+      </div>
+      <b-button type="is-light" class="mt-3" expanded>+</b-button>
     </div>
   </div>
 </template>
@@ -29,11 +66,13 @@
 
 <script>
 import NavBar from '@/components/edit/NavBar.vue'
+import Hlava from '@/components/edit/Hlava.vue'
 
 export default {
   name: 'Edit',
   components: {
-    NavBar
+    NavBar,
+    Hlava
   },
   data: () => {
     return {
@@ -49,6 +88,7 @@ export default {
           },
           zalobci: [
               {
+                  rod: "m",
                   jmeno: "Jan",
                   prijmeni: "Žalující",
                   sidlo: {
@@ -59,6 +99,7 @@ export default {
                   },
                   rodnecisloneboico: "111111121",
                   zastoupen: {
+                      rod: "m",
                       jmeno: "Právník",
                       prijmeni: "Právní",
                       sidlo: {
@@ -73,8 +114,9 @@ export default {
           ],
           zalovani: [
               {
-                  jmeno: "Honza",
-                  prijmeni: "Žalovaný",
+                  rod: "f",
+                  jmeno: "Jana",
+                  prijmeni: "Žalovaná",
                   sidlo: {
                       uliceacislopopisne: "Zločinná 4",
                       mesto: "Malý Trestník",
@@ -87,7 +129,11 @@ export default {
           hlavy: [ // vlastne odstavec
               {
                   nazev:"I.", // tohle bude prevazne cislovane
-                  text:"Žaluju ji ho proto, že mi snědl koblihu"
+                  text:"Žaluju ji proto, že mi snědla koblihu"
+              },
+              {
+                  nazev:"II.",
+                  text:"A taky proto, že je to číča"
               }
           ],
           datum: "1. 1. 2020",