Upravy v editoru webu

This commit is contained in:
Michal Kváček
2018-11-27 22:19:33 +01:00
parent 450b68b89d
commit b9611a85c1
34 changed files with 1018 additions and 423 deletions
@@ -12,8 +12,10 @@
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<div class="modal-body">
<input type="hidden" name="redirectParams" value="ok=weddingInfo#mainInfo">
<% include ../../weddingInfo.ejs %>
@@ -23,9 +25,10 @@
<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 type="submit" class="btn btn-primary">Uložit
</button>
</div>
</form>
</div>
</div>
</div>
+36 -22
View File
@@ -1,26 +1,40 @@
<div class="modal fade" id="newGalleryModal" tabindex="-1" role="dialog" aria-labelledby="newGalleryModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="newGalleryModalLabel">Přidat album</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="newGalleryModalLabel">Přidat album</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=newAlbum">
<div class="form-group"><label for="gallery_name">Název alba</label><input type="text" name="gallery_name" id="gallery_name" class="form-control"></div>
<div class="form-group"><label for="description">Poznámka</label>
<textarea class="wysiwyg" name="description"></textarea>
</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>
</div>
<div class="modal-body">
<div class="form-group">
<label for="gallery_name">Název alba</label>
<input type="text" required name="gallery_name" id="gallery_name" class="form-control">
</div>
<div class="form-group">
<label for="gallery_name">Vyberte fotografie</label>
<input type="file" multiple required class="form-control">
</div>
<div class="form-group">
<label for="description">Poznámka</label>
<textarea class="wysiwyg" name="description"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
<button type="submit" class="btn btn-primary">Uložit
</button>
</div>
</form>
</div>
</div>
</div>
+26 -21
View File
@@ -1,27 +1,32 @@
<div class="web-part__edit">
<a href="#ourStoryModal" data-toggle="modal" data-target="#ourStoryModal">
<i class="fa fa-pencil-square"></i>
</a>
<a href="#ourStoryModal" data-toggle="modal" data-target="#ourStoryModal">
<i class="fa fa-pencil-square"></i>
</a>
</div>
<div class="modal fade" id="ourStoryModal" tabindex="-1" role="dialog" aria-labelledby="ourStoryModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ourStoryModalLabel">Editovat text</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<textarea class="wysiwyg" name="aboutUs"></textarea>
</div>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ourStoryModalLabel">Editovat text</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<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>
<input type="hidden" name="redirectParams" value="ok=text">
<div class="modal-body">
<textarea class="wysiwyg" name="ourStory"><%= ourStory %></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
<button type="submit" class="btn btn-primary">Uložit
</button>
</div>
</form>
</div>
</div>
</div>
+88 -65
View File
@@ -1,82 +1,105 @@
<div class="web-part__edit">
<a href="#setProgramModal" data-toggle="modal" data-target="#setProgramModal">
<i class="fa fa-pencil-square"></i>
</a>
<a href="#setProgramModal" data-toggle="modal" data-target="#setProgramModal">
<i class="fa fa-pencil-square"></i>
</a>
</div>
<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">&times;</span>
</button>
</div>
<div class="modal-body">
<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">&times;</span>
</button>
</div>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=program#program">
<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">
<table class="table">
<thead>
<tr>
<th></th>
<th>Čas</th>
<th>Ikona</th>
<th>Název události</th>
<th></th>
</tr>
</thead>
<tbody class="template-container draggable-container">
<a href="javascript:void(0);" class="js-set-icon-program">
<input type="hidden" name="icon[]" value="heart">
<i class="fa fa-2x fa-heart"></i>
</a>
<% for(var i in program) { %>
<tr class="template draggable template-container__item">
<td>
<i class="fa fa-ellipsis-v sort-handle"></i>
</td>
<td style="position: relative">
<input type="text" class="form-control time select-time" size="4" name="program[<%= i %>][time][]" value="<%= program[i]['time'] %>" placeholder="11:00">
</td>
<td class="text-center">
</td>
<td><input type="text" class="form-control program-description" name="description[]"></td>
<td><a href="javascript:void(0);" class="js-remove-program" hidden><i class="fa fa-trash"></i></a></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">
<a href="javascript:void(0);" class="js-add-program" data-template-container=".template-container" data-template=".template"><i class="fa fa-plus"></i></a>
</td>
</tr>
</tfoot>
</table>
<a href="javascript:void(0);" class="js-set-icon-program">
<input type="hidden" name="program[<%= i %>][icon][]" value="<%= program[i]['icon'] %>">
<i class="fa fa-2x fa-<%= program[i]['icon'] %>"></i>
</a>
</td>
<td>
<input type="text" class="form-control program-description" name="program[<%= i %>][title][]" value="<%= program[i]['title'] %>">
</td>
<td>
<a href="javascript:void(0);" class="js-remove-program"><i class="fa fa-trash"></i></a>
</td>
</tr>
<% } %>
</tbody>
<tfoot>
<tr>
<td colspan="4">
<a href="javascript:void(0);" class="btn btn-outline-secondary js-add-program" data-template-container=".template-container" data-template=".template"><i class="fa fa-plus"></i> Přidat akci</a>
<a href="javascript:void(0);" class="btn btn-outline-secondary js-sort-events" style="display: none" data-template-container=".template-container" data-template=".template"><i class="fa fa-sort-numeric-asc"></i> Seřadit akce chronologicky</a>
</td>
</tr>
</tfoot>
</table>
</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>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
<button type="submit" class="btn btn-primary">Uložit
</button>
</div>
</form>
</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">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<a href="javascript:void(0);" data-icon="gear" class="js-choose-icon"><i class="fa fa-2x fa-gear"></i></a>
<a href="javascript:void(0);" data-icon="dashboard" class="js-choose-icon"><i class="fa fa-2x fa-dashboard"></i></a>
<a href="javascript:void(0);" data-icon="home" class="js-choose-icon"><i class="fa fa-2x fa-home"></i></a>
<% var icons = ['gear', 'home', 'automobile', 'bell', 'bullhorn', 'child', 'coffee', 'diamond', 'film', 'camera',
'camera-retro', 'fire', 'birthday-cake', 'heart', 'image', 'map', 'map-marker', 'map-o',
'motorcycle', 'plane', 'road', 'cutlery', 'paint-brush', 'gift', 'glass', 'star', 'star-o'
] %>
</div>
</div>
</div>
</div>
<% for (var i in icons) { %>
<a href="javascript:void(0);" data-icon="<%= icons[i] %>" class="js-choose-icon"><i class="fa fa-3x fa-<%= icons[i] %>"></i></a>
<% } %>
</div>
</div>
</div>
</div>
@@ -13,15 +13,21 @@
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=aboutUs#aboutUs">
<div class="modal-body">
<textarea class="wysiwyg" name="aboutUs"></textarea>
<textarea class="wysiwyg" name="aboutUs"><%= 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>
<button type="submit" class="btn btn-primary">Uložit</button>
</div>
</form>
</div>
</div>
</div>
@@ -8,6 +8,10 @@
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=titlePhoto">
<div class="modal-body">
<div class="form-group">
<label>Vybrat obrázek</label>
@@ -23,8 +27,9 @@
</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">Nastavit</button>
<button type="submit" class="btn btn-primary">Nastavit</button>
</div>
</form>
</div>
</div>
</div>
@@ -1,54 +1,69 @@
<div class="modal fade" id="newPhotoModal" tabindex="-1" role="dialog" aria-labelledby="newPhotoModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="newGalleryModalLabel">Nahrát fotografii</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Nahrát fotografii</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<table>
<thead>
<tr>
<th>Výběr fotografií</th>
<th>Album</th>
<th>
</th>
</tr>
</thead>
<tbody class="template-container">
<tr class="template">
<td><input type="file" multiple name="photos[]"></td>
<td>
<form method="post" class="js-upload">
<select name="album" class="form-control">
<% for (var i = 0; i < 6; i++) { %>
<option value="<%= i %>">Album <%= i %></option>
<% } %>
</select>
<input type="hidden" name="redirectParams" value="ok=upload">
</td>
<td><a href="javascript:void(0);" class="js-remove-program btn btn-outline-primary" hidden><i class="fa fa-trash"></i></a></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">
<a href="javascript:void(0);" class="js-add-program btn btn-outline-primary" data-template-container=".template-container" data-template=".template"><i class="fa fa-plus"></i></a>
</td>
</tr>
</tfoot>
</table>
<div class="modal-body">
</div>
<table>
<thead>
<tr>
<th>Výběr fotografií</th>
<% if (typeof hideAlbum === 'undefined' || !hideAlbum) { %>
<th>Album</th>
<% } %>
<th></th>
</tr>
</thead>
<tbody class="template-container">
<tr class="template">
<td><input type="file" accept="image/*" multiple required name="photos[]"></td>
<% if (typeof hideAlbum === 'undefined' || !hideAlbum) { %>
<td>
<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">Nahrát
</button>
</div>
</div>
</div>
<select name="album" class="form-control">
<% for (var i = 0; i < 6; i++) { %>
<option value="<%= i %>">Album <%= i %></option>
<% } %>
</select>
</td>
<% } %>
<td>
<a href="javascript:void(0);" class="js-remove-program btn btn-outline-primary" hidden><i class="fa fa-trash"></i></a>
</td>
</tr>
</tbody>
<% if (typeof hideAlbum === 'undefined' || !hideAlbum) { %>
<tfoot>
<tr>
<td colspan="4">
<a href="javascript:void(0);" class="js-add-program btn btn-outline-primary" 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="submit" class="btn btn-primary">Nahrát
</button>
</div>
</form>
</div>
</div>
</div>
+14
View File
@@ -0,0 +1,14 @@
<% if (typeof queryString.ok !== "undefined" && queryString.ok == parameter) { %>
<div class="text-success alert alert-success js-notification" style="position: absolute; width: 50%; left: 25%; top: 0; z-index: 9999">
<i class="fa fa-check"></i>
<% if (typeof notificationText === 'undefined') { %>
Úspěšně uloženo
<% } else { %>
<%= notificationText %>
<% } %>
</div>
<% } %>
+6 -6
View File
@@ -1,17 +1,17 @@
<div class="row">
<div class="col-md-4">
<h2>Kdy?</h2>
<input type="text" class="form-control select-date">
<h3>Kdy?</h3>
<input type="text" class="form-control select-date" name="wedding[when]" value="<%= wedding.when%>">
</div>
<div class="col-md-4">
<h2>Kde?</h2>
<h3>Kde?</h3>
<input type="text" id="map-input" class="form-control" />
<input type="text" id="map-input" class="form-control" name="wedding[where]" value="<%= wedding.where%>" />
</div>
<div class="col-md-4">
<h2>V kolik?</h2>
<input type="text" class="form-control select-time">
<h3>V kolik?</h3>
<input type="text" class="form-control select-time" name="wedding[at]" value="<%= wedding.at%>">
</div>
</div>