parent
4a51f7d3c2
commit
ee24917bee
GPG Key ID:
2C5FD5035250423D
@ -1,2 +1,7 @@ |
|||||||
|
.PHONY: assets watch |
||||||
|
|
||||||
assets: |
assets: |
||||||
cd resources && npm run build
|
cd resources && npm run build
|
||||||
|
|
||||||
|
watch: |
||||||
|
cd resources && npm run watch
|
||||||
|
|||||||
@ -1,222 +0,0 @@ |
|||||||
*, *::before, *::after { |
|
||||||
box-sizing: border-box; |
|
||||||
} |
|
||||||
|
|
||||||
html, textarea, select { |
|
||||||
font-family: "IBM Plex", "DejaVu Sans", "Helvetica", sans-serif; |
|
||||||
} |
|
||||||
|
|
||||||
.Form { |
|
||||||
display: block; |
|
||||||
width: 900px; |
|
||||||
margin: 0 auto; |
|
||||||
} |
|
||||||
|
|
||||||
nav.top-nav { |
|
||||||
margin-bottom: .5rem; |
|
||||||
border-bottom: 1px solid silver; |
|
||||||
} |
|
||||||
|
|
||||||
nav.top-nav, .content { |
|
||||||
margin: 0 auto; |
|
||||||
width: 900px; |
|
||||||
} |
|
||||||
|
|
||||||
a { |
|
||||||
color: gray; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
|
|
||||||
a:hover { |
|
||||||
color: black; |
|
||||||
text-decoration: underline; |
|
||||||
} |
|
||||||
|
|
||||||
nav.top-nav a { |
|
||||||
display: inline-block; |
|
||||||
padding: .75rem; |
|
||||||
|
|
||||||
color: gray; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
|
|
||||||
nav.top-nav a:hover { |
|
||||||
color: black; |
|
||||||
text-decoration: underline; |
|
||||||
} |
|
||||||
|
|
||||||
.Form .Row { |
|
||||||
display: flex; |
|
||||||
padding: .25rem; |
|
||||||
} |
|
||||||
|
|
||||||
.Form .Row.indented { |
|
||||||
padding-left: 10.25rem; |
|
||||||
} |
|
||||||
|
|
||||||
input[type="text"], |
|
||||||
input[type="number"], |
|
||||||
textarea, |
|
||||||
.tag-input { |
|
||||||
border: 1px solid silver; |
|
||||||
padding: 0.5rem; |
|
||||||
border-radius: 5px; |
|
||||||
font-size: 1rem; |
|
||||||
} |
|
||||||
|
|
||||||
input[type="text"]:focus, |
|
||||||
input[type="number"]:focus, |
|
||||||
textarea:focus, |
|
||||||
.tag-input.active { |
|
||||||
box-shadow: inset 0 0 0 1px #3c97ff; |
|
||||||
border-color: #3c97ff; |
|
||||||
outline: 0 none !important; |
|
||||||
} |
|
||||||
|
|
||||||
.Form label { |
|
||||||
flex-shrink: 0; |
|
||||||
width: 10rem; |
|
||||||
height: 2.1rem; |
|
||||||
line-height: 2.1rem; |
|
||||||
vertical-align: middle; |
|
||||||
text-align: right; |
|
||||||
display: inline-block; |
|
||||||
padding-right: .5rem; |
|
||||||
align-self: flex-start; |
|
||||||
} |
|
||||||
|
|
||||||
.Form input[type="text"], |
|
||||||
.Form input[type="number"], |
|
||||||
.Form select { |
|
||||||
height: 2.1rem; |
|
||||||
width: 15rem; |
|
||||||
} |
|
||||||
|
|
||||||
.Form textarea { |
|
||||||
flex-shrink: 1; |
|
||||||
width: 30rem; |
|
||||||
height: 6rem; |
|
||||||
} |
|
||||||
|
|
||||||
.Form label.checkbox-wrap { |
|
||||||
width: 15rem; |
|
||||||
padding-right: 1rem; |
|
||||||
text-align: left !important; |
|
||||||
} |
|
||||||
|
|
||||||
.tag-input { |
|
||||||
position: relative; |
|
||||||
width: 30rem; |
|
||||||
padding-bottom: 0rem !important; |
|
||||||
} |
|
||||||
|
|
||||||
.tag-input input, |
|
||||||
.tag-input input:focus { |
|
||||||
border: 0 transparent; |
|
||||||
padding: 0; |
|
||||||
margin: 0; |
|
||||||
box-shadow: none; |
|
||||||
outline: 0 none !important; |
|
||||||
} |
|
||||||
|
|
||||||
/* |
|
||||||
|
|
||||||
.cards-table { |
|
||||||
border-collapse: collapse; |
|
||||||
margin: 0 auto; |
|
||||||
margin-top: 1rem; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table .actions { |
|
||||||
font-size: 90%; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table td, |
|
||||||
.cards-table th { |
|
||||||
padding: .5rem; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table thead th { |
|
||||||
border-bottom: 2px solid silver; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table tbody td { |
|
||||||
border-bottom: 1px solid silver; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table tbody tr:last-child td { |
|
||||||
border-bottom: 2px solid silver; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table td.tags { |
|
||||||
padding: .25rem; |
|
||||||
} |
|
||||||
|
|
||||||
.cards-table .tag { |
|
||||||
background: #E2E1DF; |
|
||||||
font-size: 90%; |
|
||||||
padding: 0.25rem .45rem; |
|
||||||
border-radius: 3px; |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate { |
|
||||||
margin: 1rem auto; |
|
||||||
width: 300px; |
|
||||||
text-align: center; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate span, |
|
||||||
.paginate a { |
|
||||||
padding: .5rem 1rem; |
|
||||||
border-radius: .5rem; |
|
||||||
border: 1px solid silver; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate span.num { |
|
||||||
border: 1px solid #ccc; |
|
||||||
color: gray; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate a { |
|
||||||
cursor: pointer; |
|
||||||
user-select: none; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate a:hover { |
|
||||||
background: #ccc; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate .disabled { |
|
||||||
opacity: .5; |
|
||||||
cursor: default; |
|
||||||
} |
|
||||||
|
|
||||||
.paginate .disabled:hover { |
|
||||||
color: gray; |
|
||||||
background: transparent; |
|
||||||
} |
|
||||||
|
|
||||||
*/ |
|
||||||
|
|
||||||
li { |
|
||||||
padding-bottom: .5rem; |
|
||||||
} |
|
||||||
|
|
||||||
.toast { |
|
||||||
border: 1px solid black; |
|
||||||
border-radius: 5px; |
|
||||||
padding: .5rem; |
|
||||||
margin: .5rem 0; |
|
||||||
} |
|
||||||
|
|
||||||
.toast.error { |
|
||||||
border-color: #dc143c; |
|
||||||
} |
|
||||||
|
|
||||||
.toast.success { |
|
||||||
border-color: #32cd32; |
|
||||||
} |
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,39 @@ |
|||||||
|
{% macro header_with_save_button(heading) %} |
||||||
|
<div class="container"> |
||||||
|
<div class="cols"> |
||||||
|
<div class="col col-9"> |
||||||
|
<h1>{{heading}}</h1> |
||||||
|
</div> |
||||||
|
<div class="col col-3 text-right"> |
||||||
|
<button type="submit" class="btn btn-primary"> |
||||||
|
<i class="icon icon-check"></i>Save |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endmacro input %} |
||||||
|
|
||||||
|
{% macro text(name, label, value) %} |
||||||
|
<div class="form-group cols"> |
||||||
|
<div class="col-3 pl-2"> |
||||||
|
<label class="form-label" for="{{name}}">{{label}}</label> |
||||||
|
</div> |
||||||
|
<div class="col-9 pr-2"> |
||||||
|
<input type="text" class="form-input input-inline" id="{{name}}" name="{{name}}" value="{{value}}" autocomplete="off"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endmacro input %} |
||||||
|
|
||||||
|
{% macro checkbox(name, label, checked) %} |
||||||
|
<div class="form-group cols"> |
||||||
|
<div class="col-3 pl-2"> |
||||||
|
<label class="form-label" for="{{name}}">{{label}}</label> |
||||||
|
</div> |
||||||
|
<div class="col-9 pr-2"> |
||||||
|
<label class="form-switch input-inline"> |
||||||
|
<input type="checkbox" id="{{name}}" name="{{name}}" value="true" autocomplete="off" {{opt(checked=checked)}}> |
||||||
|
<i class="form-icon"></i> |
||||||
|
</label> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endmacro input %} |
||||||
@ -1,27 +1,22 @@ |
|||||||
{% extends "_layout" %} |
{% extends "_layout" %} |
||||||
|
{% import "_form_macros" as form %} |
||||||
|
|
||||||
{% block title -%} |
{% block title -%} |
||||||
Define object |
Define object |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block nav -%} |
{% block nav -%} |
||||||
<a href="/">Home</a> |
<a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a> |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block content -%} |
{% block content -%} |
||||||
|
|
||||||
<h1>Define new object model</h1> |
|
||||||
|
|
||||||
<form action="/model/object/create" method="POST"> |
<form action="/model/object/create" method="POST"> |
||||||
<table> |
{{ form::header_with_save_button(heading="Define new object model") }} |
||||||
<tr> |
|
||||||
<th><label for="name">Name:</label></th> |
|
||||||
<td><input type="text" id="name" name="name" value="{{old.name}}" autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
</table> |
|
||||||
|
|
||||||
<input type="submit" value="Save"> |
<div class="form-horizontal container"> |
||||||
|
{{ form::text(name="name", label="Name", value=old.name) }} |
||||||
|
</div> |
||||||
</form> |
</form> |
||||||
|
|
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|||||||
@ -1,38 +1,36 @@ |
|||||||
{% extends "_layout" %} |
{% extends "_layout" %} |
||||||
|
{% import "_form_macros" as form %} |
||||||
|
|
||||||
{% block title -%} |
{% block title -%} |
||||||
Edit object model |
Edit object model |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block nav -%} |
{% block nav -%} |
||||||
<a href="/">Home</a> |
<a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a> |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block content -%} |
{% block content -%} |
||||||
|
|
||||||
<h1>Edit object model {{ model.name }}</h1> |
|
||||||
|
|
||||||
<form action="/model/object/update/{{ model.id }}" method="POST"> |
<form action="/model/object/update/{{ model.id }}" method="POST"> |
||||||
<table> |
{{ form::header_with_save_button(heading="Edit object model "~model.name) }} |
||||||
<tr> |
|
||||||
<th><label for="name">Name:</label></th> |
<div class="form-horizontal container"> |
||||||
<td><input type="text" id="name" name="name" value="{{ model.name }}" autocomplete="off"> |
{{ form::text(name="name", label="Name", value=model.name) }} |
||||||
</td> |
|
||||||
</tr> |
<div class="form-group cols"> |
||||||
<tr> |
<div class="col-3 pl-2"> |
||||||
<th><label for="name_property">Name property:</label></th> |
<label class="form-label" for="name_property">Name property</label> |
||||||
<td> |
</div> |
||||||
<select name="name_property" id="name_property" autocomplete="off"> |
<div class="col-9 pr-2"> |
||||||
|
<select name="name_property" class="form-select input-inline" id="name_property" autocomplete="off"> |
||||||
<option value=""></option> |
<option value=""></option> |
||||||
{% for p in properties %} |
{% for p in properties %} |
||||||
<option value="{{ p.id }}" {{selected(val=old.name_property, opt=p.id)}}>{{ p.name }}</option> |
<option value="{{ p.id }}" {{selected(val=old.name_property, opt=p.id)}}>{{ p.name }}</option> |
||||||
{% endfor %} |
{% endfor %} |
||||||
</select> |
</select> |
||||||
</td> |
</div> |
||||||
</tr> |
</div> |
||||||
</table> |
</div> |
||||||
|
|
||||||
<input type="submit" value="Save"> |
|
||||||
</form> |
</form> |
||||||
|
|
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|||||||
@ -1,59 +1,40 @@ |
|||||||
{% extends "_layout" %} |
{% extends "_layout" %} |
||||||
|
{% import "_form_macros" as form %} |
||||||
|
|
||||||
{% block title -%} |
{% block title -%} |
||||||
Define relation |
Define relation |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block nav -%} |
{% block nav -%} |
||||||
<a href="/">Home</a> |
<a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a> |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block content -%} |
{% block content -%} |
||||||
|
|
||||||
<h1>Define new relation from "{{object.name}}"</h1> |
|
||||||
|
|
||||||
<form action="/model/relation/create" method="POST"> |
<form action="/model/relation/create" method="POST"> |
||||||
<input type="hidden" name="object" value="{{object.id}}"> |
<input type="hidden" name="object" value="{{object.id}}"> |
||||||
|
|
||||||
<table> |
{{ form::header_with_save_button(heading='Define new relation from "'~object.name~'"') }} |
||||||
<tr> |
|
||||||
<th><label for="name">Name:</label></th> |
<div class="form-horizontal container"> |
||||||
<td> |
{{ form::text(name="name", label="Name", value=old.name) }} |
||||||
<input type="text" id="name" name="name" value="{{old.name}}" autocomplete="off"><br> |
{{ form::text(name="reciprocal_name", label="Reciprocal name", value=old.reciprocal_name) }} |
||||||
</td> |
{{ form::checkbox(name="optional", label="Optional", checked=old.optional) }} |
||||||
</tr> |
{{ form::checkbox(name="multiple", label="Multiple", checked=old.multiple) }} |
||||||
<tr> |
|
||||||
<th><label for="reciprocal_name">Reciprocal name:</label></th> |
<div class="form-group cols"> |
||||||
<td> |
<div class="col-3 pl-2"> |
||||||
<input type="text" id="reciprocal_name" name="reciprocal_name" value="{{old.reciprocal_name}}" autocomplete="off"> |
<label class="form-label" for="related">Related object</label> |
||||||
</td> |
</div> |
||||||
</tr> |
<div class="col-9 pr-2"> |
||||||
<tr> |
<select name="related" class="form-select input-inline" id="related" autocomplete="off"> |
||||||
<th><label for="optional">Optional:</label></th> |
|
||||||
<td> |
|
||||||
<input type="checkbox" name="optional" id="optional" value="true" {{opt(checked=old.optional)}} autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
<tr> |
|
||||||
<th><label for="multiple">Multiple:</label></th> |
|
||||||
<td> |
|
||||||
<input type="checkbox" name="multiple" id="multiple" value="true" {{opt(checked=old.multiple)}} autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
<tr> |
|
||||||
<th><label for="related">Related object:</label></th> |
|
||||||
<td> |
|
||||||
<select name="related" id="related" autocomplete="off"> |
|
||||||
{% for m in models %} |
{% for m in models %} |
||||||
<option value="{{ m.id }}" {{selected(val=old.related, opt=m.id)}}>{{ m.name }}</option> |
<option value="{{ m.id }}" {{selected(val=old.related, opt=m.id)}}>{{ m.name }}</option> |
||||||
{% endfor %} |
{% endfor %} |
||||||
</select> |
</select> |
||||||
</td> |
</div> |
||||||
</tr> |
</div> |
||||||
</table> |
</div> |
||||||
|
|
||||||
<input type="submit" value="Save"> |
|
||||||
</form> |
</form> |
||||||
|
|
||||||
|
|
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|||||||
@ -1,46 +1,27 @@ |
|||||||
{% extends "_layout" %} |
{% extends "_layout" %} |
||||||
|
{% import "_form_macros" as form %} |
||||||
|
|
||||||
{% block title -%} |
{% block title -%} |
||||||
Edit relation |
Edit relation |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block nav -%} |
{% block nav -%} |
||||||
<a href="/">Home</a> |
<a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a> |
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|
||||||
{% block content -%} |
{% block content -%} |
||||||
|
|
||||||
<h1>Edit relation model "{{model.name}}"</h1> |
|
||||||
|
|
||||||
<form action="/model/relation/update/{{model.id}}" method="POST"> |
<form action="/model/relation/update/{{model.id}}" method="POST"> |
||||||
<table> |
{{ form::header_with_save_button(heading='Edit relation model "'~model.name~'"') }} |
||||||
<tr> |
|
||||||
<th><label for="name">Name:</label></th> |
|
||||||
<td><input type="text" id="name" name="name" value="{{model.name}}" autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
<tr> |
|
||||||
<th><label for="reciprocal_name">Reciprocal name:</label></th> |
|
||||||
<td><input type="text" id="reciprocal_name" name="reciprocal_name" value="{{model.reciprocal_name}}" autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
<tr> |
|
||||||
<th><label for="optional">Optional:</label> |
|
||||||
</th> |
|
||||||
<td><input type="checkbox" name="optional" id="optional" value="true" {{opt(checked=model.optional)}} autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
<tr> |
|
||||||
<th><label for="multiple">Multiple:</label></th> |
|
||||||
<td><input type="checkbox" name="multiple" id="multiple" value="true" {{opt(checked=model.multiple)}} autocomplete="off"> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
</table> |
|
||||||
|
|
||||||
<p>The related object cannot be changed. Create a new relation if needed.</p> |
<div class="form-horizontal container"> |
||||||
|
{{ form::text(name="name", label="Name", value=model.name) }} |
||||||
|
{{ form::text(name="reciprocal_name", label="Reciprocal name", value=model.reciprocal_name) }} |
||||||
|
{{ form::checkbox(name="optional", label="Optional", checked=model.optional) }} |
||||||
|
{{ form::checkbox(name="multiple", label="Multiple", checked=model.multiple) }} |
||||||
|
</div> |
||||||
|
|
||||||
<input type="submit" value="Save"> |
<p>The related object cannot be changed. Create a new relation if needed.</p> |
||||||
</form> |
</form> |
||||||
|
|
||||||
|
|
||||||
{%- endblock %} |
{%- endblock %} |
||||||
|
|||||||
@ -0,0 +1,51 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Edit object model • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"><h1>Edit object model Animal</h1> |
||||||
|
|
||||||
|
<form action="/model/object/update/0" method="POST"> |
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<th><label for="name">Name:</label></th> |
||||||
|
<td><input type="text" id="name" name="name" value="Animal" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="name_property">Name property:</label></th> |
||||||
|
<td> |
||||||
|
<select name="name_property" id="name_property" autocomplete="off"> |
||||||
|
<option value=""></option> |
||||||
|
|
||||||
|
<option value="11" >carnivore</option> |
||||||
|
|
||||||
|
<option value="2" >Name</option> |
||||||
|
|
||||||
|
<option value="12" >weight</option> |
||||||
|
|
||||||
|
<option value="5" selected>czech name</option> |
||||||
|
|
||||||
|
</select> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
|
||||||
|
<input type="submit" value="Save"> |
||||||
|
</form></div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,83 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Edit property • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"><h1>Edit property Name</h1> |
||||||
|
|
||||||
|
<form action="/model/property/update/2" method="POST"> |
||||||
|
|
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<th><label for="name">Name:</label></th> |
||||||
|
<td><input type="text" id="name" name="name" value="Name" autocomplete="off"></td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="unique">Unique:</label></th> |
||||||
|
<td> |
||||||
|
<input type="checkbox" name="unique" id="unique" value="true" checked autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="optional">Optional:</label></th> |
||||||
|
<td> |
||||||
|
<input type="checkbox" name="optional" id="optional" value="true" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="multiple">Multiple:</label></th> |
||||||
|
<td> |
||||||
|
<input type="checkbox" name="multiple" id="multiple" value="true" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="data_type">Type:</label></th> |
||||||
|
<td> |
||||||
|
<select name="data_type" id="data_type" autocomplete="off"> |
||||||
|
<option value="String" selected>String</option> |
||||||
|
<option value="Integer" >Integer</option> |
||||||
|
<option value="Decimal" >Decimal</option> |
||||||
|
<option value="Boolean" >Boolean</option> |
||||||
|
</select> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="default">Default:</label></th> |
||||||
|
<td> |
||||||
|
<input type="text" id="default" name="default" value="" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
|
||||||
|
<input type="submit" value="Save"> |
||||||
|
</form> |
||||||
|
|
||||||
|
<script> |
||||||
|
(function () { |
||||||
|
// multiple and unique are XORed. This is also enforced server-side |
||||||
|
let multiple = document.getElementById('multiple'); |
||||||
|
let unique = document.getElementById('unique'); |
||||||
|
unique.addEventListener('input', function () { |
||||||
|
multiple.checked &= !unique.checked; |
||||||
|
}) |
||||||
|
multiple.addEventListener('input', function () { |
||||||
|
unique.checked &= !multiple.checked; |
||||||
|
}) |
||||||
|
})(); |
||||||
|
</script></div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,52 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Edit relation • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"><h1>Edit relation model "eats"</h1> |
||||||
|
|
||||||
|
<form action="/model/relation/update/15" method="POST"> |
||||||
|
<table> |
||||||
|
<tr> |
||||||
|
<th><label for="name">Name:</label></th> |
||||||
|
<td><input type="text" id="name" name="name" value="eats" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="reciprocal_name">Reciprocal name:</label></th> |
||||||
|
<td><input type="text" id="reciprocal_name" name="reciprocal_name" value="eaten by" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="optional">Optional:</label> |
||||||
|
</th> |
||||||
|
<td><input type="checkbox" name="optional" id="optional" value="true" checked autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th><label for="multiple">Multiple:</label></th> |
||||||
|
<td><input type="checkbox" name="multiple" id="multiple" value="true" autocomplete="off"> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
|
||||||
|
<p>The related object cannot be changed. Create a new relation if needed.</p> |
||||||
|
|
||||||
|
<input type="submit" value="Save"> |
||||||
|
</form></div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,66 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Index • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"><h1>Models</h1> |
||||||
|
<a href="/model/object/create">New model</a> |
||||||
|
<h2>Defined models:</h2> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<b title="0">Animal</b><br> |
||||||
|
<a href="/model/object/delete/0" onclick="return confirm('Delete model?')">Delete model</a> · |
||||||
|
<a href="/model/object/update/0">Edit model</a> · |
||||||
|
<a href="/model/relation/create/0">New relation</a> · |
||||||
|
<a href="/model/property/create/0">New property</a> |
||||||
|
<br> |
||||||
|
Properties: |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
Name, String, default: "" |
||||||
|
<a href="/model/property/update/2">Edit property</a> · |
||||||
|
<a href="/model/property/delete/2" onclick="return confirm('Delete property?')">Delete property</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
carnivore, Boolean, default: "false" |
||||||
|
<a href="/model/property/update/11">Edit property</a> · |
||||||
|
<a href="/model/property/delete/11" onclick="return confirm('Delete property?')">Delete property</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
czech name, String, default: "", OPTIONAL |
||||||
|
<a href="/model/property/update/5">Edit property</a> · |
||||||
|
<a href="/model/property/delete/5" onclick="return confirm('Delete property?')">Delete property</a> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
weight, Decimal, default: "0" |
||||||
|
<a href="/model/property/update/12">Edit property</a> · |
||||||
|
<a href="/model/property/delete/12" onclick="return confirm('Delete property?')">Delete property</a> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<b title="1">Food</b><br> |
||||||
|
<a href="/model/object/delete/1" onclick="return confirm('Delete model?')">Delete model</a> · |
||||||
|
<a href="/model/object/update/1">Edit model</a> · |
||||||
|
<a href="/model/relation/create/1">New relation</a> · |
||||||
|
<a href="/model/property/create/1">New property</a> |
||||||
|
<br> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Create Animal • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"> |
||||||
|
<i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div id="new-object-form"></div> |
||||||
|
|
||||||
|
<script> |
||||||
|
onLoad(() => { |
||||||
|
window.app = Yopa.newObjectForm({"model_id":0,"objects":[],"schema":{"obj_models":[{"id":0,"name":"Animal","name_property":5},{"id":1,"name":"Food","name_property":null}],"prop_models":[{"data_type":"Boolean","default":{"Boolean":false},"id":11,"multiple":false,"name":"carnivore","object":0,"optional":false,"unique":false},{"data_type":"String","default":{"String":""},"id":2,"multiple":false,"name":"Name","object":0,"optional":false,"unique":true},{"data_type":"Decimal","default":{"Decimal":0.0},"id":12,"multiple":false,"name":"weight","object":0,"optional":false,"unique":false},{"data_type":"String","default":{"String":""},"id":5,"multiple":false,"name":"czech name","object":0,"optional":true,"unique":false}],"rel_models":[{"id":15,"multiple":false,"name":"eats","object":0,"optional":true,"reciprocal_name":"eaten by","related":1}]}}) |
||||||
|
}); |
||||||
|
</script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,74 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>Define relation • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="../static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"><i class="icon icon-home"></i>Home</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"> |
||||||
|
|
||||||
|
<form action="/model/relation/create" method="POST"> |
||||||
|
<input type="hidden" name="object" value="0"> |
||||||
|
|
||||||
|
<div class="container"> |
||||||
|
<div class="cols"> |
||||||
|
<div class="col col-9"> |
||||||
|
<h1>Define new relation from "Animal"</h1> |
||||||
|
</div> |
||||||
|
<div class="col col-3 text-right"> |
||||||
|
<button type="submit" class="btn btn-primary"> |
||||||
|
<i class="icon icon-check"></i>Save |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-horizontal container"> |
||||||
|
<div class="form-group cols"> |
||||||
|
<div class="col-3 pl-2"> |
||||||
|
<label class="form-label" for="name">Name</label> |
||||||
|
</div> |
||||||
|
<div class="col-9 pr-2"> |
||||||
|
<input type="text" class="form-input input-inline" id="name" name="name" value="" autocomplete="off"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group cols"> |
||||||
|
<div class="col-3 pl-2"> |
||||||
|
<label class="form-label" for="optional">Optional</label> |
||||||
|
</div> |
||||||
|
<div class="col-9 pr-2"> |
||||||
|
<label class="form-switch input-inline"> |
||||||
|
<input type="checkbox" id="optional" value="true"> |
||||||
|
<i class="form-icon"></i> |
||||||
|
</label> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group cols"> |
||||||
|
<div class="col-3 pl-2"> |
||||||
|
<label class="form-label" for="related">dsfsdf</label> |
||||||
|
</div> |
||||||
|
<div class="col-9 pr-2"> |
||||||
|
<select name="related" class="form-select input-inline" id="related" autocomplete="off"> |
||||||
|
<option value="0" selected>Animal</option> |
||||||
|
<option value="1" >Food</option> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</form></div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,73 @@ |
|||||||
|
|
||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<title>kočka • YOPA</title> |
||||||
|
<script src="../static/bundle.js"></script> |
||||||
|
<link rel="stylesheet" href="..//static/style.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<header class="navbar mb-2 mt-2"> |
||||||
|
<section class="navbar-section"> |
||||||
|
<a href="/" class="navbar-brand text-bold mr-2"> |
||||||
|
Yopa |
||||||
|
</a><a href="/" class="btn btn-link"> |
||||||
|
<i class="icon icon-home"></i>Home</a> |
||||||
|
|
||||||
|
<a href="/object/update/7" class="btn btn-link"> |
||||||
|
<i class="icon icon-edit"></i>Edit</a> |
||||||
|
|
||||||
|
<a href="/object/delete/7" class="btn btn-link" onclick="return confirm('Delete object?')"> |
||||||
|
<i class="icon icon-delete"></i>Delete</a></section> |
||||||
|
<section class="navbar-section"> |
||||||
|
YOPA is the best |
||||||
|
</section> |
||||||
|
</header> |
||||||
|
|
||||||
|
<div class="content"><h1>Animal "kočka"</h1> |
||||||
|
|
||||||
|
<table class="table table-striped object-display"> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<th rowspan="1"> |
||||||
|
Name |
||||||
|
</th> |
||||||
|
<td title="9"> |
||||||
|
cat |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th rowspan="1"> |
||||||
|
carnivore |
||||||
|
</th> |
||||||
|
<td title="13"> |
||||||
|
true |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th rowspan="1"> |
||||||
|
czech name |
||||||
|
</th> |
||||||
|
<td title="8"> |
||||||
|
kočka |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
<tr> |
||||||
|
<th rowspan="1"> |
||||||
|
weight |
||||||
|
</th> |
||||||
|
<td title="14"> |
||||||
|
15.5 |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
</body> |
||||||
|
</html> |
||||||
Loading…
Reference in new issue