Pridan program, opraveno jQuery s webpackem
This commit is contained in:
Michal Kváček
@@ -2,5 +2,66 @@
|
||||
|
||||
<div class="container text-center">
|
||||
<% include ../partials/editor/aboutUs.ejs %>
|
||||
</div>
|
||||
|
||||
<section class="web-part container text-center">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>Kdy?</h2>
|
||||
<p>1. 9. 2019</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Kde?</h2>
|
||||
<p>Zámek Litomyšl</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>V kolik?</h2>
|
||||
<p>11:00</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="web-part__edit">
|
||||
<a href="#mainInfoModal" data-toggle="modal" data-target="#mainInfoModal">
|
||||
<i class="fa fa-pencil-square"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<% include ../partials/editor/modals/mainInfo.ejs %>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="web-part container">
|
||||
<h3>Svatební program</h3>
|
||||
|
||||
<div class="timeline-container">
|
||||
|
||||
<div class="timeline timeline-horizontal">
|
||||
|
||||
<% for(var i = 0; i < 5; i++) { %>
|
||||
<div class="timeline__item">
|
||||
|
||||
<i class="timeline__icon fa fa-2x fa-heart-o"></i>
|
||||
|
||||
<div class="timeline__content">
|
||||
<h3>11:00</h3>
|
||||
<p><%= i %> Hostina</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="web-part__edit">
|
||||
<a href="#setProgramModal" data-toggle="modal" data-target="#setProgramModal">
|
||||
<i class="fa fa-pencil-square"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<% include ../partials/editor/modals/program.ejs %>
|
||||
|
||||
</section>
|
||||
|
||||
</div>
|
||||
@@ -6,7 +6,6 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<script src="/dist/bundle.js"></script>
|
||||
<script src="/dist/custom.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/dist/custom.css">
|
||||
|
||||
<title>Svatební web</title>
|
||||
@@ -45,4 +44,7 @@
|
||||
<!--<script src="https://github.com/jhollingworth/bootstrap-wysihtml5/blob/master/src/bootstrap-wysihtml5.js"></script>-->
|
||||
|
||||
</body>
|
||||
|
||||
<script src="/dist/custom.js"></script>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<div class="modal fade" id="mainInfoModal" tabindex="-1" role="dialog" aria-labelledby="mainInfoModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h2>Kdy?</h2>
|
||||
<p>1. 9. 2019</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>Kde?</h2>
|
||||
<p>Zámek Litomyšl</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>V kolik?</h2>
|
||||
<p>11:00</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<canvas id="map">todo</canvas>
|
||||
|
||||
</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">Uložit
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,77 @@
|
||||
|
||||
<div class="modal fade" id="setProgramModal" tabindex="-1" role="dialog" aria-labelledby="setProgramModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Čas</th>
|
||||
<th>Ikona</th>
|
||||
<th>Název události</th>
|
||||
<th>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="template-container">
|
||||
<tr class="template">
|
||||
<td><input type="text" class="form-control time" name="time[]" placeholder="11:00"></td>
|
||||
<td class="text-center">
|
||||
|
||||
<a href="#" class="js-set-icon-program">
|
||||
<input type="hidden" name="icon[]" value="heart">
|
||||
<i class="fa fa-2x fa-heart"></i>
|
||||
</a>
|
||||
|
||||
</td>
|
||||
<td><input type="text" class="form-control program-description" name="description[]"></td>
|
||||
<td><a href="#" class="js-remove-program" hidden><i class="fa fa-trash"></i></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="4">
|
||||
<a href="#" class="js-add-program" data-template-container=".template-container" data-template=".template"><i class="fa fa-plus"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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">Uložit
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="setIconProgramModal" tabindex="-1" role="dialog" aria-labelledby="setIconProgramModal" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
|
||||
<a href="#" data-icon="gear" class="js-choose-icon"><i class="fa fa-2x fa-gear"></i></a>
|
||||
<a href="#" data-icon="dashboard" class="js-choose-icon"><i class="fa fa-2x fa-dashboard"></i></a>
|
||||
<a href="#" data-icon="home" class="js-choose-icon"><i class="fa fa-2x fa-home"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -8,22 +8,13 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 nopadding">
|
||||
<textarea class="wysiwyg" name="aboutUs"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">Uložit
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea class="wysiwyg" name="aboutUs"></textarea>
|
||||
</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">Uložit
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user