Working frontend of the zaloba guide
This commit is contained in:
parent
b4a44124b7
commit
453bc95f20
@ -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>
|
||||
23
form/res-judicata/src/components/edit/Zalovany.vue
Normal file
23
form/res-judicata/src/components/edit/Zalovany.vue
Normal file
@ -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>
|
||||
@ -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: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user