This commit is contained in:
Šimon Jan Šustek 2021-01-22 23:01:34 +01:00
parent 8715deb197
commit 5e81c30d0e
3 changed files with 106 additions and 61 deletions

View File

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

View File

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

View File

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