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

Pridan budget

Browse Source
This commit is contained in:
Kateřina Koutová
2018-11-27 18:20:47 +01:00
parent 450b68b89d
commit cc2cf75663
6 changed files with 264 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-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/websettings.ejs
+3 -3
View File
@@ -12,7 +12,7 @@
<input id="cp9" type="text" class="form-control" value="pink" />
</div>
<div class="card-footer">
<button class="btn btn-secondary pull-right btn-space">
<button class="btn btn-primary pull-right btn-space">
Uložit
</button>
<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>
<div class="card-footer">
<button class="btn btn-secondary pull-right btn-space">
<button class="btn btn-primary pull-right btn-space">
Uložit
</button>
<button class="btn btn-secondary pull-right btn-space">
@@ -65,7 +65,7 @@
</form>
</div>
<div class="card-footer">
<button class="btn btn-secondary pull-right btn-space">
<button class="btn btn-primary pull-right btn-space">
Uložit
</button>
<button class="btn btn-secondary pull-right btn-space">
src/views/partials/backend/modals/addGroup.ejs
View File
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-dialog" role="document">
<div class="modal-content">
src/views/partials/backend/modals/addItem.ejs
View File