From 453bc95f2032dbb4501e0e2e946d65cf057e7b1d Mon Sep 17 00:00:00 2001
From: Sijisu <mail@sijisu.eu>
Date: Sat, 23 Jan 2021 07:34:58 +0100
Subject: [PATCH] Working frontend of the zaloba guide

---
 .../src/components/edit/Guide.vue             | 259 ++++++++++++++++--
 .../src/components/edit/Zalovany.vue          |  23 ++
 form/res-judicata/src/views/Edit.vue          |  66 +----
 3 files changed, 268 insertions(+), 80 deletions(-)
 create mode 100644 form/res-judicata/src/components/edit/Zalovany.vue

diff --git a/form/res-judicata/src/components/edit/Guide.vue b/form/res-judicata/src/components/edit/Guide.vue
index cea21e8..6f03e79 100644
--- a/form/res-judicata/src/components/edit/Guide.vue
+++ b/form/res-judicata/src/components/edit/Guide.vue
@@ -6,22 +6,166 @@
             </header>
             <section class="modal-card-body">
             <b-steps :has-navigation="hasNavigation" v-model="activeStep">
-                <b-step-item step="1" label="Soud">
-                    <h1 class="title has-text-centered">K jakému soudu budete žalobu podávat?</h1>
+                <b-step-item step="1" label="Žalobce">
+                    <h1 class="title has-text-centered">Kdo jste vy, jako žalobce?</h1>
+                    <div class="columns">
+                        <div class="column">
+                            <b-field>
+                            <b-field label="Jméno">
+                                <b-input placeholder="Jméno" required v-model="zaloba.zalobci[0].jmeno"></b-input>
+                            </b-field>
+                            <b-field label="Příjmení">
+                                <b-input placeholder="Příjmení" required v-model="zaloba.zalobci[0].prijmeni"></b-input>
+                            </b-field>
+                            </b-field>
+                            <b-field label="Rodné číslo">
+                                <b-input placeholder="Rodné číslo" validation-message="Rodné číslo může obsahovat pouze číslice a lomítko" max="10" pattern="[0-9/]*" required v-model="zaloba.zalobci[0].rodnecisloneboico"></b-input>
+                            </b-field>
+                            <b-field label="Bydliště">
+                                <b-field label="Ulice a číslo popisné">
+                                    <b-input placeholder="Ulice a číslo popisné" required v-model="zaloba.zalobci[0].sidlo.uliceacislopopisne"></b-input>
+                                </b-field>
+                            </b-field>
+                            <b-field>
+                                <b-field label="Město">
+                                    <b-input placeholder="Město" required v-model="zaloba.zalobci[0].sidlo.mesto"></b-input>
+                                </b-field>
+                            </b-field>
+                            <b-field>
+                                <b-field label="PSČ">
+                                    <b-input placeholder="PSČ" required v-model="zaloba.zalobci[0].sidlo.psc"></b-input>
+                                </b-field>
+                                <b-field label="Stát">
+                                    <b-input placeholder="Stát" required v-model="zaloba.zalobci[0].sidlo.stat"></b-input>
+                                </b-field>
+                            </b-field>
+                        </div>
+                        <div v-if="hasZastoupeni" class="column">
+                            <p class="has-text-weight-bold">Právní zastoupení</p>
+                            <b-field label="Jméno">
+                                <b-input placeholder="Jméno" v-model="zaloba.zalobci[0].zastoupen.jmeno"></b-input>
+                            </b-field>
+                            <b-field label="Příjmení">
+                                <b-input placeholder="Příjmení" v-model="zaloba.zalobci[0].zastoupen.prijmeni"></b-input>
+                            </b-field>
+                            <b-field label="IČO">
+                                <b-input placeholder="IČO" v-model="zaloba.zalobci[0].zastoupen.rodnecisloneboico"></b-input>
+                            </b-field>
+                            <b-field label="Sídlo">
+                                <b-field label="Ulice a číslo popisné">
+                                    <b-input placeholder="Ulice a číslo popisné" v-model="zaloba.zalobci[0].zastoupen.sidlo.uliceacislopopisne"></b-input>
+                                </b-field>
+                            </b-field>
+                            <b-field>
+                                <b-field label="Město">
+                                    <b-input placeholder="Město" v-model="zaloba.zalobci[0].zastoupen.sidlo.mesto"></b-input>
+                                </b-field>
+                            </b-field>
+                            <b-field>
+                                <b-field label="PSČ">
+                                    <b-input placeholder="PSČ" v-model="zaloba.zalobci[0].zastoupen.sidlo.psc"></b-input>
+                                </b-field>
+                                <b-field label="Stát">
+                                    <b-input placeholder="Stát" v-model="zaloba.zalobci[0].zastoupen.sidlo.stat"></b-input>
+                                </b-field>
+                            </b-field>
+                        </div>
+                    </div>
+                    <b-checkbox v-model="hasZastoupeni">
+                        Mám právní zastoupení
+                    </b-checkbox>
                     
                 </b-step-item>
-                <b-step-item step="2" label="Žalobce">
-                    <h1 class="title has-text-centered">Kdo jste vy, jako žalobce?</h1>
-                    
+                <b-step-item step="2" label="Soud">
+                    <h1 class="title has-text-centered">K jakému soudu budete žalobu podávat?</h1>
+                    <p>Podací soud je určen podle pravidla takzvané  místní příslušnosti.</p>
+                    <b-field label="Název soudu">
+                        <b-input placeholder="Název soudu" v-model="zaloba.soud.nazev"></b-input>
+                    </b-field>
+                    <b-field label="Sídlo">
+                        <b-field label="Ulice a číslo popisné">
+                            <b-input placeholder="Ulice a číslo popisné" v-model="zaloba.soud.sidlo.uliceacislopopisne"></b-input>
+                        </b-field>
+                    </b-field>
+                    <b-field>
+                        <b-field label="Město">
+                            <b-input placeholder="Město" v-model="zaloba.soud.sidlo.mesto"></b-input>
+                        </b-field>
+                    </b-field>
+                    <b-field>
+                        <b-field label="PSČ">
+                            <b-input placeholder="PSČ" v-model="zaloba.soud.sidlo.psc"></b-input>
+                        </b-field>
+                        <b-field label="Stát">
+                            <b-input placeholder="Stát" v-model="zaloba.soud.sidlo.stat"></b-input>
+                        </b-field>
+                    </b-field>
                 </b-step-item>
                 <b-step-item step="3" label="Žalovaný">
-                    <h1 class="title has-text-centered">Koho bude žalovat?</h1>
+                    <h1 class="title has-text-centered">Koho budete žalovat?</h1>
+                    <div class="is-size-6">
+                        <Zalovany v-for="(zalovan, index) in zaloba.zalovani" :key="zalovan.rodnecisloneboico" v-bind:zalovan="zalovan" v-bind:index="index" v-on:remove="deleteZalovany"/>
+                        <b-field>
+                        <b-field label="Jméno">
+                            <b-input placeholder="Jméno" required v-model="newZalovan.jmeno"></b-input>
+                        </b-field>
+                        <b-field label="Příjmení">
+                            <b-input placeholder="Příjmení" required v-model="newZalovan.prijmeni"></b-input>
+                        </b-field>
+                        </b-field>
+                        <b-field label="Rodné číslo">
+                            <b-input placeholder="Rodné číslo" validation-message="Rodné číslo může obsahovat pouze číslice a lomítko" max="10" pattern="[0-9/]*" required v-model="newZalovan.rodnecisloneboico"></b-input>
+                        </b-field>
+                        <b-field label="Bydliště">
+                            <b-field label="Ulice a číslo popisné">
+                                <b-input placeholder="Ulice a číslo popisné" required v-model="newZalovan.sidlo.uliceacislopopisne"></b-input>
+                            </b-field>
+                        </b-field>
+                        <b-field>
+                            <b-field label="Město">
+                                <b-input placeholder="Město" required v-model="newZalovan.sidlo.mesto"></b-input>
+                            </b-field>
+                        </b-field>
+                        <b-field>
+                            <b-field label="PSČ">
+                                <b-input placeholder="PSČ" required v-model="newZalovan.sidlo.psc"></b-input>
+                            </b-field>
+                            <b-field label="Stát">
+                                <b-input placeholder="Stát" required v-model="newZalovan.sidlo.stat"></b-input>
+                            </b-field>
+                        </b-field>
+                        <b-button type="is-success" icon-pack="fas" icon-left="plus" @click="addAnotherZalovany">Přidat dalšího žalovaného</b-button>
+                    </div>
+
                 </b-step-item>
                 <b-step-item step="4" label="O co jde?">
                     <h1 class="title has-text-centered">V jaké věci?</h1>
+                    <p class="mb-2">O žalobu v jaké věci se jedná?</p>
+                    <p class="mb-2">Zkuste doplnit větu:</p>
+                    <b-field label="Jedná se...">
+                        <b-input v-model="zaloba.cosleduje" placeholder="o zaplacení částky ve výši 1,500.000,- Kč s příslušenstvím"></b-input>
+                    </b-field>
+                    <p>
+                        Například:<br>
+                        <i>o doplacení výživného ve výši 14 000 Kč</i><br>
+                        <i>o náhradu škody způsobenou nepodáním insolvenčního návrhu</i>
+                    </p>
                 </b-step-item>
-                <b-step-item step="5" label="Hotovo!">
-                    <h1 class="title has-text-centered">Hotovo!</h1>
+                <b-step-item step="5" label="Skoro hotovo!">
+                    <h1 class="title has-text-centered">Skoro hotovo!</h1>
+                    <p>Průvodce už máte skoro za sebou, stačí jen tyto formality:</p>
+                    <b-field label="Název žaloby">
+                        <b-input v-model="zaloba.title"></b-input>
+                    </b-field>
+                    <b-field label="Datum na listině">
+                        <b-datepicker
+                            placeholder="Vyberte datum"
+                            icon="calendar-today"
+                            v-model="zaloba.datum"
+                            inline
+                            trap-focus>
+                        </b-datepicker>
+                    </b-field>
                 </b-step-item>
                 <template
                     slot="navigation"
@@ -33,7 +177,7 @@
                         icon-left="arrow-left"
                         v-if="!previous.disabled"
                         @click.prevent="previous.action">
-                        Previous
+                        Zpět
                     </b-button>
                     <b-button
                         type="is-primary"
@@ -41,17 +185,18 @@
                         icon-right="arrow-right"
                         class="button-right"
                         :disabled="continuedisabled"
-                        v-if="activeStep!==4"
+                        v-if="activeStep!==32"
                         @click.prevent="next.action">
-                        <span>Continue</span>
+                        <span>Pokračovat</span>
                     </b-button>
                     <b-button
                         type="is-primary"
                         icon-pack="fas"
                         icon-right="arrow-right"
                         class="button-right"
-                        v-if="activeStep==4">
-                        Create!
+                        v-if="activeStep==32"
+                        @click="$parent.close()">
+                        Přejít na vypsání žaloby
                     </b-button>
                 </template>
             </b-steps>
@@ -62,7 +207,7 @@
     </form>
 </template>
 
-<style scoped>
+<style>
 .button-right {
     float: right;
 }
@@ -72,14 +217,96 @@
 </style>
 
 <script>
+import Zalovany from '@/components/edit/Zalovany.vue'
+
 export default {
     name: "Guide",
+    components: {
+        Zalovany
+    },
+    methods: {
+        addAnotherZalovany: function () {
+            this.zaloba.zalovani.push({...this.newZalovan})
+            this.resetNewZalovan()
+        },
+        resetNewZalovan: function ()  {
+            this.newZalovan = {
+                  rod: "",
+                  jmeno: "",
+                  prijmeni: "",
+                  sidlo: {
+                      uliceacislopopisne: "",
+                      mesto: "",
+                      psc: "",
+                      stat: ""
+                  },
+                  rodnecisloneboico: ""
+              }
+        },
+        deleteZalovany: function (index) {
+            this.zaloba.zalovani.splice(index, 1)
+        }
+    },
     data: () => {
         return {
             continuedisabled: false,
             activeStep: null,
-            hasNavigation: true
+            hasNavigation: true,
+            hasZastoupeni: false,
+            zaloba: {
+                soud: {
+                        nazev: "",
+                        sidlo: {
+                                uliceacislopopisne: "",
+                                mesto: "",
+                                psc: "",
+                                stat: ""
+                            }
+                    },
+                zalobci: [{
+                    rod: "",
+                    jmeno: "",
+                    prijmeni: "",
+                    sidlo: {
+                        uliceacislopopisne: "",
+                        mesto: "",
+                        psc: "",
+                        stat: ""
+                    },
+                    rodnecisloneboico: "",
+                    zastoupen: {
+                        rod: "",
+                        jmeno: "",
+                        prijmeni: "",
+                        sidlo: {
+                            uliceacislopopisne: "",
+                            mesto: "",
+                            psc: "",
+                            stat: ""
+                        },
+                        rodnecisloneboico: "" 
+                    }
+                }],
+                zalovani: [],
+                hlavy: [],
+                datum: "",
+                cosleduje: "",
+                title: ""
+            },
+            newZalovan: {
+                  rod: "",
+                  jmeno: "",
+                  prijmeni: "",
+                  sidlo: {
+                      uliceacislopopisne: "",
+                      mesto: "",
+                      psc: "",
+                      stat: ""
+                  },
+                  rodnecisloneboico: ""
+              }
         }
-    }
+    },
+
 }
 </script>
\ No newline at end of file
diff --git a/form/res-judicata/src/components/edit/Zalovany.vue b/form/res-judicata/src/components/edit/Zalovany.vue
new file mode 100644
index 0000000..f6f86dc
--- /dev/null
+++ b/form/res-judicata/src/components/edit/Zalovany.vue
@@ -0,0 +1,23 @@
+<template>
+<div id="zalovany" class="px-3 py-3 mb-3">
+    <b>{{ zalovan.jmeno }} {{ zalovan.prijmeni }}</b>, rč/ičo. {{ zalovan.rodnecisloneboico }}<br>
+    {{ zalovan.sidlo.uliceacislopopisne }}, {{ zalovan.sidlo.psc }} {{ zalovan.sidlo.mesto }}, {{ zalovan.sidlo.stat }}
+    <span v-on:click='$emit("remove", index)'><b-icon class="remove" pack="fas" icon="trash" size="is-small"></b-icon></span>
+</div>
+</template>
+
+<style scoped>
+#zalovany {
+    border: 1px solid black;
+}
+.remove {
+    float: right;
+}
+</style>
+
+<script>
+export default {
+    name: "Zalovany",
+    props: ['zalovan','index']
+}
+</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 ac56b01..a0ec04d 100644
--- a/form/res-judicata/src/views/Edit.vue
+++ b/form/res-judicata/src/views/Edit.vue
@@ -120,70 +120,8 @@ export default {
     return {
       pdfSrc: "",
       modalOpen: false,
-      zaloba: {
-          soud: {
-              nazev: "Obvodní soudu pro Prahu 4",
-              sidlo: {
-                      uliceacislopopisne: "Ul. 28. pluku 1555/29b",
-                      mesto: "Praha 10",
-                      psc: "110 00",
-                      stat: "Česká republika"
-                  }
-          },
-          zalobci: [
-              {
-                  rod: "m",
-                  jmeno: "Jan",
-                  prijmeni: "Žalující",
-                  sidlo: {
-                      uliceacislopopisne: "V Praze 1",
-                      mesto: "Praha 1",
-                      psc: "140 00",
-                      stat: "Česká republika"
-                  },
-                  rodnecisloneboico: "111111121",
-                  zastoupen: {
-                      rod: "m",
-                      jmeno: "Právník",
-                      prijmeni: "Právní",
-                      sidlo: {
-                          uliceacislopopisne: "V Právu 12",
-                          mesto: "Právo nad Labem",
-                          psc: "200 00",
-                          stat: "Česká republika"
-                      },
-                      rodnecisloneboico: "15000000" 
-                  }
-              }
-          ],
-          zalovani: [
-              {
-                  rod: "f",
-                  jmeno: "Jana",
-                  prijmeni: "Žalovaná",
-                  sidlo: {
-                      uliceacislopopisne: "Zločinná 4",
-                      mesto: "Malý Trestník",
-                      psc: "900 00",
-                      stat: "Česká republika"
-                  },
-                  rodnecisloneboico: "111111121"
-              }
-          ],
-          hlavy: [ // vlastne odstavec
-              {
-                  nazev:"I.", // tohle bude prevazne cislovane
-                  text:"Žaluju ji proto, že mi snědla koblihu"
-              },
-              {
-                  nazev:"II.",
-                  text:"A taky proto, že je to číča"
-              }
-          ],
-          datum: "1. 1. 2020",
-          cosleduje: "o princeznu a půl králoství", // o co žalované žaluje
-          title: "Žaloba"
-      }
+      zalobaSetup: false,
+      zaloba: null
     }
   },
   methods: {