Upravy v editoru webu
This commit is contained in:
Michal Kváček
@@ -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">×</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">×</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>
|
||||
Reference in New Issue
Block a user