WIP

form/res-judicata/src/components/edit/Guide.vue

@@ -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>

form/res-judicata/src/components/edit/NavBar.vue

@@ -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>

form/res-judicata/src/views/Edit.vue

@@ -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"
               },
               {