Upravy v backendu aplikace

This commit is contained in:
Michal Kváček
2018-11-27 23:43:16 +01:00
parent 10e931fd7a
commit 89f19c3931
17 changed files with 816 additions and 559 deletions
+179 -163
View File
@@ -1,172 +1,188 @@
<div class="heading-budget col-md-12">
<h1>
Správa rozpočtu
</h1>
<div class="btn-group">
<a href="#addItem" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addItem">
Přidat nového hosta
</a>
<% include ../partials/backend/modals/addItem.ejs %>
<i class="fa fa-plus-circle bigplus"></i>
<a href="#addGroup" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addGroup">
Přidat novou skupinu
</a>
<% include ../partials/backend/modals/addGroup.ejs %>
</div>
<div class="heading-budget my-3 col-md-12">
<h1>Správa rozpočtu</h1>
<div class="btn-group">
<a href="#addItem" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addItem">
Přidat položky
</a>
<i class="fa fa-plus-circle bigplus"></i>
<a href="#addGroup" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addGroup">
Upravit skupiny
</a>
</div>
</div>
<div class="boxes__container text-center col-md-12 row row-space">
<div class="card boxes__item col-md-4">
<div class="card-header">
<h3>
Rozlučka se svobodou
</h3>
</div>
<div class="card-body">
<%- include('../partials/notification.ejs', {parameter: "newGroup", notifiactionText: "Skupina úspěšně vytvořena."})%>
<%- include('../partials/notification.ejs', {parameter: "newItems", notificationText: "Položky úspěšně vloženy."})%>
<%- include('../partials/notification.ejs', {parameter: "groupSaved", notificationText: "Položky ve skupině úspěšně upraveny."})%>
<table class="table table-bordered table-striped table-hover">
<tbody>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 1</td>
<td>1300 Kč</td>
</tr>
<div class="boxes__container text-center justify-content-center col-md-12 row row-space">
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 2</td>
<td>4500 Kč</td>
</tr>
<div class="col-md-4">
<div class="card boxes__item">
<div class="card-header">
<h3>
Rozlučka se svobodou </h3>
</div>
<div class="card-body">
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 3</td>
<td>340 Kč</td>
</tr>
<table class="table table-bordered table-striped table-hover">
<tbody>
</tbody>
</table>
</div>
<div class="card-footer">
CELKEM 6140 Kč
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100" style="width:90%">
Zbývá 870 Kč
</div>
</div>
</div>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" value=""></label>
</div>
</td>
<td>Položka 1</td>
<td>1300 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" value=""></label>
</div>
</td>
<td>Položka 2</td>
<td>4500 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" value=""></label>
</div>
</td>
<td>Položka 3</td>
<td>340 Kč</td>
</tr>
</tbody>
</table>
<a href="javascript:void(0);" data-toggle="modal" data-target="#budgetGroup" class="btn btn-block btn-outline-secondary">
<i class="fa fa-info"></i> Detail
</a>
</div>
<div class="card-footer">
CELKEM 6140 Kč
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:90%">
Zbývá 870 Kč
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card boxes__item">
<div class="card-header">
<h3>
Svatební hostina </h3>
</div>
<div class="card-body">
<table class="table table-bordered table-striped table-hover">
<tbody>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div>
</td>
<td>Položka 1</td>
<td>1300 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" value=""></label>
</div>
</td>
<td>Položka 2</td>
<td>4500 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div>
</td>
<td>Položka 3</td>
<td>3100 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" value=""></label>
</div>
</td>
<td>Položka 4</td>
<td>3400 Kč</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div>
</td>
<td>Položka 5</td>
<td>2000 Kč</td>
</tr>
</tbody>
</table>
<a href="javascript:void(0);" data-toggle="modal" data-target="#budgetGroup" class="btn btn-block btn-outline-secondary">
<i class="fa fa-info"></i> Detail
</a>
</div>
<div class="card-footer">
CELKEM 12800 Kč
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:80%">
Zbývá: 6000 Kč
</div>
</div>
</div>
</div>
</div>
<% if (typeof queryString.ok !== 'undefined' && queryString.ok == "newGroup") { %>
<div class="col-md-4">
<div class="card boxes__item">
<div class="card-header">
<h3>
Svatební cesta </h3>
</div>
<div class="card-body">
<div class="alert alert-info">
Zatím tu nejsou žádná data. <a href="javascript:void(0);" data-toggle="modal" data-target="#addItem">Přidat</a>
</div>
</div>
<div class="card-footer">
CELKEM 1740 Kč
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:45%">
Zbývá: 4260 Kč
</div>
</div>
</div>
</div>
</div>
<% } %>
</div>
<div class="card boxes__item col-md-4">
<div class="card-header">
<h3>
Svatební hostina
</h3>
</div>
<div class="card-body">
<table class="table table-bordered table-striped table-hover">
<tbody>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div></td>
<td>Položka 1</td>
<td>1300 Kč</td>
</tr>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 2</td>
<td>4500 Kč</td>
</tr>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div></td>
<td>Položka 3</td>
<td>3100 Kč</td>
</tr>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 4</td>
<td>3400 Kč</td>
</tr>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div></td>
<td>Položka 5</td>
<td>2000 Kč</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
CELKEM 12800 Kč
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width:80%">
Zbývá: 6000 Kč
</div>
</div>
</div>
</div>
<div class="card boxes__item col-md-4">
<div class="card-header">
<h3>
Svatební cesta
</h3>
</div>
<div class="card-body">
<table class="table table-bordered table-striped table-hover">
<tbody>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" checked="checked" value=""></label>
</div></td>
<td>Položka 1</td>
<td>540 Kč</td>
</tr>
<tr>
<td><div class="checkbox">
<label><input type="checkbox" value=""></label>
</div></td>
<td>Položka 2</td>
<td>1200 Kč</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
CELKEM 1740 Kč
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
aria-valuemin="0" aria-valuemax="100" style="width:45%">
Zbývá: 4260 Kč
</div>
</div>
</div>
</div>
</div>
<% include ../partials/backend/modals/addItem.ejs %>
<% include ../partials/backend/modals/addGroup.ejs %>
<% include ../partials/backend/modals/budgetGroup.ejs %>
+4
View File
@@ -1,3 +1,7 @@
<div class="heading-budget my-3 col-md-12">
<h1>Události</h1>
</div>
<div id='calendar'></div>
<script>
+144 -134
View File
@@ -1,163 +1,173 @@
<div class="heading-budget my-3 col-md-12">
<h1>Seznam hostů</h1>
<a href="#addGuest" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addGuest">
<i class="fa fa-plus"></i> Přidat nového hosta
</a>
</div>
<% include ../partials/backend/modals/addGuest.ejs %>
<div class="boxes__container">
<a href="#addGuest" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addGuest">
<i class="fa fa-plus"></i> Přidat nového hosta
</a>
<% include ../partials/backend/modals/addGuest.ejs %>
<div class="card boxes__item">
<div class="card-header">
<h3>
Zúčastní se
</h3>
</div>
<div class="card-body">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
</tr>
</thead>
<tbody>
<div class="card boxes__item">
<div class="card-header">
<h3>
Zúčastní se </h3>
</div>
<div class="card-body">
<tr>
<td>Rodiče ženicha</td>
<td>2</td>
<td></td>
</tr>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
</tr>
</thead>
<tbody>
<tr>
<td>Rodiče nevěsty</td>
<td>2</td>
<td>přijedou později</td>
</tr>
<tr>
<td>Rodiče ženicha</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>František</td>
<td>1</td>
<td>svědek</td>
</tr>
<tr>
<td>Rodiče nevěsty</td>
<td>2</td>
<td>přijedou později</td>
</tr>
</tbody>
</table>
<tr>
<td>František</td>
<td>1</td>
<td>svědek</td>
</tr>
</div>
<div class="card-footer">
</tbody>
</table>
<button class="btn btn-secondary pull-left">
Zobrazit všech 150 hostů
</button>
</div>
</div>
</div>
<div class="card-footer">
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/guests/">Nemohou</a>
</h3>
</div>
<div class="card-body">
<button class="btn btn-secondary pull-left">
Zobrazit všech 150 hostů
</button>
</div>
</div>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
</tr>
<tbody>
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/guests/">Nemohou</a>
</h3>
</div>
<div class="card-body">
<tr>
<td>Petr s rodinou</td>
<td>2</td>
<td></td>
</tr>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
</tr>
<tbody>
<tr>
<td>Teta nevěsty</td>
<td>2</td>
<td>dovolená</td>
</tr>
<tr>
<td>Petr s rodinou</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>Štěpán</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>Teta nevěsty</td>
<td>2</td>
<td>dovolená</td>
</tr>
</tbody>
</table>
<tr>
<td>Štěpán</td>
<td>1</td>
<td></td>
</tr>
</div>
<div class="card-footer">
</tbody>
</table>
<button class="btn btn-secondary pull-left">
Zobrazit všech 18 hostů
</button>
</div>
</div>
</div>
<div class="card-footer">
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/guests/">Bez odpovědi na pozvánku</a>
</h3>
</div>
<div class="card-body">
<button class="btn btn-secondary pull-left">
Zobrazit všech 18 hostů
</button>
</div>
</div>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
<td>Pozvánka odeslána</td>
</tr>
<tbody>
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/guests/">Bez odpovědi na pozvánku</a>
</h3>
</div>
<div class="card-body">
<tr>
<td>Jana s rodinou</td>
<td>2</td>
<td></td>
<td>Ano</td>
</tr>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Poznámka</td>
<td>Pozvánka odeslána</td>
</tr>
<tbody>
<tr>
<td>Teta ženicha</td>
<td>2</td>
<td></td>
<td>Ne</td>
</tr>
<tr>
<td>Jana s rodinou</td>
<td>2</td>
<td></td>
<td>Ano</td>
</tr>
<tr>
<td>Šárka</td>
<td>1</td>
<td></td>
<td>Ano</td>
</tr>
<tr>
<td>Teta ženicha</td>
<td>2</td>
<td></td>
<td>Ne</td>
</tr>
</tbody>
</table>
<tr>
<td>Šárka</td>
<td>1</td>
<td></td>
<td>Ano</td>
</tr>
</div>
<div class="card-footer">
</tbody>
</table>
<button class="btn btn-secondary pull-left">
Zobrazit všech 10 hostů
</button>
<div class="btn-group-vertical pull-right ">
</div>
<div class="card-footer">
<button class="btn btn-secondary btn-space btn-group">
Odeslat pozvánky těm, co je nemají
</button>
<button class="btn btn-secondary btn-space btn-group ">
Odeslat znovu všechny pozvánky
</button>
</div>
</div>
</div>
<button class="btn btn-secondary pull-left">
Zobrazit všech 10 hostů
</button>
<div class="btn-group-vertical pull-right ">
<button class="btn btn-secondary btn-space btn-group">
Odeslat pozvánky těm, co je nemají
</button>
<button class="btn btn-secondary btn-space btn-group ">
Odeslat znovu všechny pozvánky
</button>
</div>
</div>
</div>
</div>
+59 -12
View File
@@ -56,9 +56,9 @@
Zareagovalo <%= invitations.length %> hostů - zúčastní se 20, nemůže 8.
<button class="btn btn-secondary pull-right">
<a href="/guests" class="btn btn-secondary pull-right">
Seznam hostů
</button>
</a>
</div>
</div>
@@ -68,7 +68,13 @@
<h3>
Poznámky </h3>
</div>
<form action="./" method="post">
<form method="post">
<input type="hidden" name="redirectParams" value="ok=notes">
<%- include('../partials/notification.ejs', {parameter: "notes"}) %>
<div class="card-body">
<textarea name="notes" cols="30" rows="10" class="wysiwyg"><%= notes %></textarea>
</div>
@@ -88,8 +94,21 @@
</div>
<div class="card-body">
<div class="alert alert-secondary">
<p>Vyzvednutí květin</p>
<small>9. 10. 2019</small>
</div>
todo
<div class="alert alert-secondary">
<p>Kadeřnice</p>
<small>9. 10. 2019</small>
</div>
<div class="alert alert-primary">
<p>Svatební den</p>
<small><%= wedding.when %></small>
</div>
</div>
@@ -103,26 +122,54 @@
</div>
<div class="card-body">
<ul>
<%- include('../partials/notification.ejs', {parameter: "tasks"}) %>
<table class="table table-bordered table-striped">
<% var cnt = 0 %>
<% tasks.forEach(function (task) { %>
<li>
<input type="checkbox" name="tasks[<%= cnt++ %>][done]" <%= typeof task.done != 'undefined' && task.done ? 'checked' : '' %>>
<span class="edit-inline"><%= task.name %></span>
</li>
<tr>
<td style="width: 50px">
<input type="checkbox" name="tasks[<%= cnt++ %>][done]" <%= typeof task.done != 'undefined' && task.done ? 'checked' : '' %>>
</td>
<td>
<span class="edit-inline"><%= task.name %></span>
</td>
</tr>
<% }) %>
</ul>
<% if (typeof new_task !== 'undefined') { %>
<tr>
<td style="width: 50px">
<input type="checkbox">
</td>
<td>
<span class="edit-inline"><%= new_task %></span>
</td>
</tr>
<% } %>
</table>
</div>
<div class="card-footer">
<form method="post">
<input type="text" name="tasks[<%= tasks.length %>][name]">
<input type="hidden" name="redirectParams" value="ok=tasks">
<div class="row">
<div class="col-md-9">
<input type="text" name="new_task" class="form-control" required>
</div>
<div class="col-md-3">
<button class="btn btn-secondary btn-block">Uložit</button>
</div>
</div>
<button class="btn btn-secondary ">Uložit</button>
</form>
</div>
</div>
+19
View File
@@ -0,0 +1,19 @@
<h1>Nastavení svatebního programu</h1>
<div class="alert alert-info">Toto nastavení se projeví i na vašem svatebním webu.</div>
<%- include('../partials/notification.ejs', {parameter: "program"})%>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=program#program">
<% include ../partials/program.ejs %>
<button type="submit" class="btn btn-primary">Uložit</button>
</form>
<% include ../partials/program-icons.ejs %>