Upravy v backendu aplikace
This commit is contained in:
Michal Kváček
+179
-163
@@ -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 %>
|
||||
Reference in New Issue
Block a user