WIP
This commit is contained in:
parent
e3b31f0c89
commit
486b4bb282
85
form/res-judicata/src/components/edit/Guide.vue
Normal file
85
form/res-judicata/src/components/edit/Guide.vue
Normal 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>
|
@ -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>
|
||||
|
@ -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"
|
||||
},
|
||||
{
|
||||
|
Loading…
Reference in New Issue
Block a user