WIP

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>

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="document container has-text-left mt-6">
-      <div class="columns">
+      <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",
+                  rod: "f",
-                  prijmeni: "Žalovaný",
+                  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",