svatbonet/wireframe
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' of gitlab.fit.cvut.cz:koutokat/svatbonet

Browse Source
This commit is contained in:
Michal Kváček
2018-11-27 22:19:47 +01:00
parent b9611a85c1 54b486c504
commit 10e931fd7a
9 changed files with 408 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/custom.css
Vendored
+22
View File
@@ -19,3 +19,25 @@
margin-right: 15px; margin-right: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.bigplus{
font-size: 3em;
background-color: #17a2b8;
color: white;
}
.heading-budget{
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.progress-bar-danger {
background-color: red;
}
.progress-bar-warning {
background-color: orange;
}
.progress-bar-success {
background-color: green;
}
src/views/backend/budget.ejs
+172
View File
@@ -0,0 +1,172 @@
<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>
<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">
<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>
<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>
</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 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>
src/views/backend/guests.ejs
+1
View File
@@ -18,6 +18,7 @@
<td>Počet osob</td> <td>Počet osob</td>
<td>Poznámka</td> <td>Poznámka</td>
</tr> </tr>
</thead>
<tbody> <tbody>
<tr> <tr>
src/views/backend/websettings.ejs
+8 -8
View File
@@ -1,7 +1,7 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/css/bootstrap-colorpicker.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/css/bootstrap-colorpicker.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/js/bootstrap-colorpicker.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/js/bootstrap-colorpicker.min.js"></script>
<div class="boxes__container"> <div class="boxes__container">
<div class="card boxes__item"> <div class="card boxes__item">
<div class="card-header"> <div class="card-header">
<h3> <h3>
@@ -12,7 +12,7 @@
<input id="cp9" type="text" class="form-control" value="pink" /> <input id="cp9" type="text" class="form-control" value="pink" />
</div> </div>
<div class="card-footer"> <div class="card-footer">
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-primary pull-right btn-space">
Uložit Uložit
</button> </button>
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-secondary pull-right btn-space">
@@ -33,7 +33,7 @@
<div class="small-box small-box3"><a href="#"><h1>Abc</h1> <p> Comic Sans </p></a></div> <div class="small-box small-box3"><a href="#"><h1>Abc</h1> <p> Comic Sans </p></a></div>
</div> </div>
<div class="card-footer"> <div class="card-footer">
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-primary pull-right btn-space">
Uložit Uložit
</button> </button>
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-secondary pull-right btn-space">
@@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<div class="card boxes__item"> <div class="card boxes__item">
<div class="card-header"> <div class="card-header">
<h3> <h3>
Nastavení hesla k přístupu na web Nastavení hesla k přístupu na web
@@ -51,7 +51,7 @@
<div class="card-body"> <div class="card-body">
Pokud chcete, můžete zpřístupnit vaše stránky jen po zadání hesla. Pokud chcete, můžete zpřístupnit vaše stránky jen po zadání hesla.
<form> <form>
<div class="form-group"> <div class="form-group">
<label for="pwd">Zadejte heslo:</label> <label for="pwd">Zadejte heslo:</label>
<input type="password" class="form-control" id="pwd"> <input type="password" class="form-control" id="pwd">
@@ -62,10 +62,10 @@
<input type="password" class="form-control" id="pwd2"> <input type="password" class="form-control" id="pwd2">
</div> </div>
</form> </form>
</div> </div>
<div class="card-footer"> <div class="card-footer">
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-primary pull-right btn-space">
Uložit Uložit
</button> </button>
<button class="btn btn-secondary pull-right btn-space"> <button class="btn btn-secondary pull-right btn-space">
@@ -76,5 +76,5 @@
</div> </div>
</div> </div>
src/views/partials/backend/.gitkeep
View File
src/views/partials/backend/modals/.gitkeep
View File
src/views/partials/backend/modals/addGroup.ejs
+53
View File
@@ -0,0 +1,53 @@
<div class="modal fade" id="addGroup" tabindex="-1" role="dialog" aria-labelledby="addGroupModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addGroupModalLabel">Přidat skupinu</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Název skupiny</td>
<td>Limit</td>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" class="form-control" value="Svatební cesta"></td>
<td><input type="text" class="form-control" value="50 000 Kč"></td>
</tr>
<tr>
<td> <input type="text" class="form-control" value="Rozlučka se svobodou - nevěsta"></td>
<td><input type="text" class="form-control" value="100 Kč"></td>
</tr>
<tr>
<td> <input type="text" class="form-control"></td>
<td><input type="text" class="form-control" ></td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Přidat
</button>
</div>
</div>
</div>
</div>
src/views/partials/backend/modals/addGuest.ejs
-6
View File
@@ -1,9 +1,3 @@
<div class="web-part__edit">
<a href="#addGuest" data-toggle="modal" data-target="#addGuest">
<i class="fa fa-pencil-square"></i>
</a>
</div>
<div class="modal fade" id="addGuest" tabindex="-1" role="dialog" aria-labelledby="aboutUsModalLabel" aria-hidden="true"> <div class="modal fade" id="addGuest" tabindex="-1" role="dialog" aria-labelledby="aboutUsModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
src/views/partials/backend/modals/addItem.ejs
+90
View File
@@ -0,0 +1,90 @@
<div class="modal fade" id="addItem" tabindex="-1" role="dialog" aria-labelledby="addItemModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="addItemModalLabel">Přidat položku</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Název položky</td>
<td>Cena</td>
<td>Skupiny</td>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" class="form-control" value="Položka 12"></td>
<td><input type="text" class="form-control" value="100 Kč"></td>
<td>
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-- vyberte skupinu --
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="button">Rozlučka se svobodou</button>
<button class="dropdown-item" type="button">Svatební hostina</button>
<button class="dropdown-item" type="button">Svatební cesta</button>
</div>
</div>
</td>
</tr>
<tr>
<td> <input type="text" class="form-control" value="Položka 12"></td>
<td><input type="text" class="form-control" value="100 Kč"></td>
<td>
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-- vyberte skupinu --
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="button">Rozlučka se svobodou</button>
<button class="dropdown-item" type="button">Svatební hostina</button>
<button class="dropdown-item" type="button">Svatební cesta</button>
</div>
</div>
</td>
</tr>
<tr>
<td> <input type="text" class="form-control"></td>
<td><input type="text" class="form-control" ></td>
<td>
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-- vyberte skupinu --
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<button class="dropdown-item" type="button">Rozlučka se svobodou</button>
<button class="dropdown-item" type="button">Svatební hostina</button>
<button class="dropdown-item" type="button">Svatební cesta</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Přidat
</button>
</div>
</div>
</div>
</div>