diff --git a/form/res-judicata/src/components/HelloWorld.vue b/form/res-judicata/src/components/HelloWorld.vue
deleted file mode 100644
index 879051a..0000000
--- a/form/res-judicata/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/form/res-judicata/src/components/edit/NavBar.vue b/form/res-judicata/src/components/edit/NavBar.vue
new file mode 100644
index 0000000..056535f
--- /dev/null
+++ b/form/res-judicata/src/components/edit/NavBar.vue
@@ -0,0 +1,31 @@
+<template>
+    <b-navbar>
+        <template #brand>
+            <b-navbar-item tag="router-link" :to="{ path: '/' }">
+                <img
+                    src="https://raw.githubusercontent.com/buefy/buefy/dev/static/img/buefy-logo.png"
+                    alt="Res Judicata"
+                >
+            </b-navbar-item>
+        </template>
+
+        <template #end>
+            <b-navbar-item tag="div">
+                <div class="buttons">
+                    <a class="button is-light" v-on:click="$emit('share')">
+                        Sdílet
+                    </a>
+                    <a class="button is-success" v-on:click="$emit('export')">
+                        <strong>Exportovat PDF</strong>
+                    </a>
+                </div>
+            </b-navbar-item>
+        </template>
+    </b-navbar>
+</template>
+
+<script>
+export default {
+    name: "NavBar"
+}
+</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 ad386ba..5e40327 100644
--- a/form/res-judicata/src/views/Edit.vue
+++ b/form/res-judicata/src/views/Edit.vue
@@ -1,14 +1,86 @@
 <template>
-  <div class="form">
-    This is form
+  <div class="edit">
+    <NavBar v-on:share="$buefy.dialog.alert('Ještě není naimplementováno')" />
+    <div class="document container mt-6 py-6 px-6">
+      <p class="soud has-text-right is-bold">
+        {{ zaloba.soud.nazev }}<br>
+        {{ zaloba.soud.adresa }}
+      </p>
+    </div>
   </div>
 </template>
 
+<style scoped>
+.document {
+  border: 1px solid black;
+  box-shadow: 3px 3px 3px;
+  min-height: 100vh;
+}
+</style>
+
 <script>
+import NavBar from '@/components/edit/NavBar.vue'
+
 export default {
   name: 'Edit',
   components: {
-    //HelloWorld
+    NavBar
+  },
+  data: () => {
+    return {
+      zaloba: {
+          soud: {
+              nazev: "Obvodní soudu pro Prahu 4",
+              adresa: "Ul. 28. pluku 1555/29b\n110 00 Praha 10"
+          },
+          zalobci: [
+              {
+                  jmeno: "Jan",
+                  prijmeni: "Žalující",
+                  sidlo: {
+                      uliceacislopopisne: "V Praze 1",
+                      mesto: "Praha 1",
+                      psc: "140 00",
+                      stat: "Česká republika"
+                  },
+                  rodnecisloneboico: "111111121",
+                  zastoupen: {
+                      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: [
+              {
+                  jmeno: "Honza",
+                  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 ho proto, že mi snědl koblihu"
+              }
+          ],
+          datum: "1. 1. 2020",
+          cosleduje: "o princeznu a půl králoství", // o co žalované žaluje
+          title: "Žaloba"
+      }
+    }
   }
 }
 </script>