This commit is contained in:
Šimon Jan Šustek 2021-01-23 04:03:28 +01:00
parent e3b31f0c89
commit 486b4bb282
3 changed files with 110 additions and 5 deletions

View File

@ -0,0 +1,85 @@
<template>
<form class="modal-form" action="">
<div class="modal-card" style="width: auto">
<header class="modal-card-head">
<p class="modal-card-title">Nová žaloba</p>
</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>
<b-step-item step="2" label="Žalobce">
<h1 class="title has-text-centered">Kdo jste vy, jako žalobce?</h1>
</b-step-item>
<b-step-item step="3" label="Žalovaný">
<h1 class="title has-text-centered">Koho bude žalovat?</h1>
</b-step-item>
<b-step-item step="4" label="O co jde?">
<h1 class="title has-text-centered">V jaké věci?</h1>
</b-step-item>
<b-step-item step="5" label="Hotovo!">
<h1 class="title has-text-centered">Hotovo!</h1>
</b-step-item>
<template
slot="navigation"
slot-scope="{previous, next}">
<b-button
outlined
type="is-outline"
icon-pack="fas"
icon-left="arrow-left"
v-if="!previous.disabled"
@click.prevent="previous.action">
Previous
</b-button>
<b-button
type="is-primary"
icon-pack="fas"
icon-right="arrow-right"
class="button-right"
:disabled="continuedisabled"
v-if="activeStep!==4"
@click.prevent="next.action">
<span>Continue</span>
</b-button>
<b-button
type="is-primary"
icon-pack="fas"
icon-right="arrow-right"
class="button-right"
v-if="activeStep==4">
Create!
</b-button>
</template>
</b-steps>
</section>
<footer class="modal-card-foot">
</footer>
</div>
</form>
</template>
<style scoped>
.button-right {
float: right;
}
.modal-form {
min-width: 30%;
}
</style>
<script>
export default {
name: "Guide",
data: () => {
return {
continuedisabled: false,
activeStep: null,
hasNavigation: true
}
}
}
</script>

View File

@ -15,13 +15,13 @@
<b-button type="is-light" v-on:click="$emit('save')" icon-pack="fas" icon-left="save">
Uložit
</b-button>
<b-button type="is-light" v-on:click="$emit('restore')" icon-pack="fas" icon-left="github-circle">
<b-button type="is-light" v-on:click="$emit('restore')" icon-pack="fas" icon-left="database">
Načíst
</b-button>
<b-button type="is-light" v-on:click="$emit('share')" icon-pack="fas" icon-left="github-circle">
<b-button type="is-light" v-on:click="$emit('share')" icon-pack="fas" icon-left="share">
Sdílet
</b-button>
<b-button type="is-light" v-on:click="$emit('export')" icon-pack="fas" icon-left="github-circle">
<b-button type="is-success" v-on:click="$emit('export')" icon-pack="fas" icon-left="file-pdf">
<strong>Exportovat PDF</strong>
</b-button>
</div>

View File

@ -74,6 +74,12 @@
src: url(/Source_Serif_Pro/SourceSerifPro-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Source Serif Pro';
src: url(/Source_Serif_Pro/SourceSerifPro-Bold.ttf) format('truetype');
font-weight: bold;
}
.document {
border: 1px solid black;
box-shadow: 3px 3px 3px;
@ -86,6 +92,7 @@
<script>
import NavBar from '@/components/edit/NavBar.vue'
import Hlava from '@/components/edit/Hlava.vue'
import Guide from '@/components/edit/Guide.vue'
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
@ -97,9 +104,22 @@ export default {
NavBar,
Hlava
},
created: function () {
if (!this.modalOpen) {
this.$buefy.modal.open({
parent: this,
component: Guide,
hasModalCard: true,
trapFocus: true,
canCancel: false
})
this.modalOpen = true
}
},
data: () => {
return {
pdfSrc: "",
modalOpen: false,
zaloba: {
soud: {
nazev: "Obvodní soudu pro Prahu 4",
@ -210,7 +230,7 @@ export default {
},
...typeof e.zastoupen !== "undefined" ? [
{
text: "Zastoupen: ",
text: "zastoupen: ",
style: "zalobce"
},
{
@ -242,7 +262,7 @@ export default {
},
...typeof e.zastoupen !== "undefined" ? [
{
text: "Zastoupen: ",
text: "zastoupen: ",
style: "zalobce"
},
{