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

Upravy na zaklade posledniho cviceni

Browse Source
This commit is contained in:
Michal Kváček
2018-12-03 23:52:46 +01:00
parent 944649731b
commit 5f76dc8a7c
26 changed files with 470 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/custom.css
Vendored
+4
View File
@@ -9,6 +9,10 @@
width: 8em; height: 6em; border: 2px solid; text-align: center; position: relative; margin: 1em; float:left; background-color: white;
}
.hidden {
display: none;
}
.small-box.on {background-color: #cccccc;}
.small-box1 {font-family: Arial;}
.small-box2 {font-family: Tahoma;}
dist/custom.js
Vendored
+63 -14
View File
@@ -1,5 +1,8 @@
// $ ('#mainInfoModal').on ('show.bs.modal', function (e) {
$ (document).ready (function (e) {
$('.modal.opened').modal('show');
$ ('#map').locationpicker ({
location: {latitude: 49.8712825, longitude: 16.3073431},
radius: 10,
@@ -16,34 +19,78 @@ $ (document).ready (function (e) {
});
$ ('.js-move-button-trigger').click (function () {
$('.btn-toolbar .btn').hide();
$ ('.js-move-done-button-trigger').show();
$ ('.js-move-button').show ();
$ ('.gallery__buttons').show ();
$ (this).attr ('hidden', true);
$ ('.js-move-done-button-trigger').attr ('hidden', false);
$ ('.gallery__buttons').addClass('sort-handle').show ();
});
$ ('.js-move-done-button-trigger').click (function () {
$ ('.js-move-button').hide ();
$ ('.gallery__buttons').hide ();
$ ('.gallery__buttons, .gallery__buttons__item').hide ();
$('.gallery__buttons').removeClass('sort-handle');
$ ('.btn-toolbar .btn').show();
$ ('.btn-toolbar .btn.hidden').hide();
$ (this).attr ('hidden', true);
$ ('.js-move-button-trigger').attr ('hidden', false);
$ ('.js-move-button-trigger').show();
});
$ ('.js-delete-button-trigger').click (function () {
$ ('.js-delete-checkbox').show ();
$ ('.gallery__buttons').show ();
$('.btn-toolbar .btn').hide();
$ (this).attr ('hidden', true);
$ ('.js-delete-button-confirmation').attr ('hidden', false);
toggleDeleteConfirmButton();
$ ('.js-delete-checkbox').show ();
$ ('.gallery__buttons').addClass('js-delete-overlay').show ();
});
function toggleDeleteConfirmButton() {
$('.js-delete-button-cancel').show();
if ($('.js-delete-checkbox:checked').length > 0) {
$ ('.js-delete-button-confirmation').show();
} else {
$ ('.js-delete-button-confirmation').hide();
}
}
$('.js-delete-checkbox').change(function () {
toggleDeleteConfirmButton();
});
// potvrzeni smazani v modalu
$ ('.js-delete-button-confirmation-trigger').click (function () {
$ ('.js-delete-checkbox:checked').closest ('.gallery__item').fadeOut ('fast');
$ ('.gallery__buttons').hide ();
$ ('.js-delete-button-confirmation').attr ('hidden', true);
$ ('.js-delete-button-trigger').attr ('hidden', false);
$ ('.gallery__buttons, .gallery__buttons__item').hide ();
$ ('.gallery__buttons').removeClass('js-delete-overlay');
$('.js-delete-button-cancel').hide();
$ ('.btn-toolbar .btn').show();
$ ('.btn-toolbar .btn.hidden').hide();
});
$('.js-delete-button-cancel').click(function () {
$ ('.gallery__buttons, .gallery__buttons__item').hide ();
$ ('.gallery__buttons').removeClass('js-delete-overlay');
$ ('.btn-toolbar .btn').show();
$ ('.btn-toolbar .btn.hidden').hide();
});
$ (function () {
@@ -68,3 +115,5 @@ $ (function () {
$ (this).toggleClass ('on');
})
});
src/app.js
+17 -3
View File
@@ -49,10 +49,11 @@ var templateData = {
aboutUs: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
notes: "",
wedding: {
when: '1. 9. 2019',
when: '1. 9. 2019 11:00',
where: 'Zámek Litomyšl',
at: '11:00'
},
partner1: "Adam",
partner2: "Eva",
ourStory: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
program: [
{
@@ -80,7 +81,8 @@ var templateData = {
time: "12:00",
title: "Krájení dortu"
}
]
],
albumsCount: 0,
};
/**
@@ -144,6 +146,18 @@ app.post ('/:page?', function (req, res) {
res.redirect (redirectUrl)
});
app.post('/editor/album', function (req, res) {
templateData.albumsCount ++;
var redirectUrl = '/editor/gallery_detail';
if (typeof req.body.redirectParams !== 'undefined') {
redirectUrl += '?'+req.body.redirectParams;
}
res.redirect (redirectUrl)
});
app.post ('/editor/:page?', function (req, res) {
savePost (req, res);
src/assets/js/datepicker.js
+132
View File
@@ -3,6 +3,132 @@ $ (document).ready (function () {
});
/*
* Date Format 1.2.3
* (c) 2007-2009 Steven Levithan <stevenlevithan.com>
* MIT license
*
* Includes enhancements by Scott Trenda <scott.trenda.net>
* and Kris Kowal <cixar.com/~kris.kowal/>
*
* Accepts a date, a mask, or a date and a mask.
* Returns a formatted version of the given date.
* The date defaults to the current date/time.
* The mask defaults to dateFormat.masks.default.
*/
var dateFormat = function () {
var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
timezoneClip = /[^-+\dA-Z]/g,
pad = function (val, len) {
val = String(val);
len = len || 2;
while (val.length < len) val = "0" + val;
return val;
};
// Regexes and supporting functions are cached through closure
return function (date, mask, utc) {
var dF = dateFormat;
// You can't provide utc if you skip other args (use the "UTC:" mask prefix)
if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
mask = date;
date = undefined;
}
// Passing date through Date applies Date.parse, if necessary
date = date ? new Date(date) : new Date;
if (isNaN(date)) throw SyntaxError("invalid date");
mask = String(dF.masks[mask] || mask || dF.masks["default"]);
// Allow setting the utc argument via the mask
if (mask.slice(0, 4) == "UTC:") {
mask = mask.slice(4);
utc = true;
}
var _ = utc ? "getUTC" : "get",
d = date[_ + "Date"](),
D = date[_ + "Day"](),
m = date[_ + "Month"](),
y = date[_ + "FullYear"](),
H = date[_ + "Hours"](),
M = date[_ + "Minutes"](),
s = date[_ + "Seconds"](),
L = date[_ + "Milliseconds"](),
o = utc ? 0 : date.getTimezoneOffset(),
flags = {
d: d,
dd: pad(d),
ddd: dF.i18n.dayNames[D],
dddd: dF.i18n.dayNames[D + 7],
m: m + 1,
mm: pad(m + 1),
mmm: dF.i18n.monthNames[m],
mmmm: dF.i18n.monthNames[m + 12],
yy: String(y).slice(2),
yyyy: y,
h: H % 12 || 12,
hh: pad(H % 12 || 12),
H: H,
HH: pad(H),
M: M,
MM: pad(M),
s: s,
ss: pad(s),
l: pad(L, 3),
L: pad(L > 99 ? Math.round(L / 10) : L),
t: H < 12 ? "a" : "p",
tt: H < 12 ? "am" : "pm",
T: H < 12 ? "A" : "P",
TT: H < 12 ? "AM" : "PM",
Z: utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
};
return mask.replace(token, function ($0) {
return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
});
};
}();
// Some common format strings
dateFormat.masks = {
"default": "ddd mmm dd yyyy HH:MM:ss",
shortDate: "m/d/yy",
mediumDate: "mmm d, yyyy",
longDate: "mmmm d, yyyy",
fullDate: "dddd, mmmm d, yyyy",
shortTime: "h:MM TT",
mediumTime: "h:MM:ss TT",
longTime: "h:MM:ss TT Z",
isoDate: "yyyy-mm-dd",
isoTime: "HH:MM:ss",
isoDateTime: "yyyy-mm-dd'T'HH:MM:ss",
isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};
// Internationalization strings
dateFormat.i18n = {
dayNames: [
"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
],
monthNames: [
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
]
};
// For convenience...
Date.prototype.format = function (mask, utc) {
return dateFormat(this, mask, utc);
};
function initDatePickers() {
$ ('.select-time').datetimepicker ({
format: 'LT',
@@ -14,4 +140,10 @@ function initDatePickers() {
locale: 'cs',
minDate: new Date ()
});
$ ('.select-datetime').datetimepicker ({
format: 'D. M. Y LT',
locale: 'cs',
minDate: new Date ()
});
}
src/assets/js/program.js
+1 -1
View File
@@ -10,7 +10,7 @@ $ (document).on ('click', '.js-add-program', function () {
var name = $ (this).attr ('name');
if (typeof name !== 'undefined')
$ (this).attr ('name', name.replace (/\[0\]/g, '[' + itemsCount + ']'));
$ (this).attr ('name', name.replace (/\[[0-9]+\]/g, '[' + itemsCount + ']'));
});
$copy.removeAttr ('hidden').appendTo ($templateContainer);
src/assets/scss/backToDashboard.scss
+1 -1
View File
@@ -9,7 +9,7 @@
bottom: 10px;
left: 10px;
border-radius: 50%;
border-radius: 8px;
padding: 5px 10px;
background: white;
border: solid 1px;
src/assets/scss/editor/gallery.scss
+2 -1
View File
@@ -44,7 +44,8 @@
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
bottom: 0;
background: rgba(0, 0, 0, 0.1);
padding: 5px;
color: white;
src/assets/scss/editor/parts.scss
+11
View File
@@ -8,5 +8,16 @@
top: 10px;
right: 10px;
font-size: 200%;
opacity: 0.1;
transition: opacity 0.5s ease-in-out;
}
&:hover {
outline: dotted 1px;
.web-part__edit {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
}
}
src/assets/scss/editor/timeline.scss
+18 -18
View File
@@ -29,27 +29,27 @@
position: relative;
}
.timeline::before {
border: solid 1px;
position: absolute;
top: 100px;
content: " ";
width: 100%;
}
//.timeline::before {
// border: solid 1px;
// position: absolute;
// top: 100px;
// content: " ";
// width: 100%;
//}
.timeline .timeline__icon::after {
font: normal normal normal 14px/1 FontAwesome;
content: "\F111";
position: absolute;
z-index: -1;
width: 100%;
bottom: -30px;
left: 0;
font-size: 20px;
}
//.timeline .timeline__icon::after {
// font: normal normal normal 14px/1 FontAwesome;
// content: "\F111";
// position: absolute;
// z-index: -1;
// width: 100%;
// bottom: -30px;
// left: 0;
// font-size: 20px;
//}
.timeline .timeline__content {
margin-top: 30px;
margin-top: 10px;
}
.timeline .timeline__content h3 {
src/views/backend/budget.ejs
-3
View File
@@ -1,15 +1,12 @@
<div class="heading-budget my-3 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 položky
</a>
<i class="fa fa-plus-circle bigplus"></i>
<a href="#addGroup" class="btn btn-info btn-lg" data-toggle="modal" data-target="#addGroup">
Upravit skupiny
</a>
</div>
</div>
<%- include('../partials/notification.ejs', {parameter: "newGroup", notifiactionText: "Skupina úspěšně vytvořena."})%>
src/views/backend/calendar.ejs
+3 -1
View File
@@ -7,4 +7,6 @@
<script>
// window.weddingTitle = {_ backend.calendar.wedding};
// window.weddingDate = {$weddingDate|date:'Y-m-d'};
</script>
</script>
<% include ../partials/backend/modals/notImplemented.ejs %>
src/views/backend/details.ejs
+15 -14
View File
@@ -1,21 +1,22 @@
<div class="container-fluid my-5">
<h3 class="text-center">Kdo?</h3>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=aboutUs#aboutUs">
<div class="row justify-content-center my-5">
<div class="col-md-4">
<h3 class="text-center">Kdo?</h3>
<label for="">Ženich</label>
<input type="text" class="form-control">
<div class="row justify-content-center my-5">
<div class="col-md-4">
</div>
<div class="col-md-4">
<label for="">Nevěsta</label>
<input type="text" class="form-control">
</div>
</div>
<label for="">Ženich</label>
<input type="text" name="partner1" value="<%= partner1 %>" class="form-control">
<% include ../partials/weddingInfo.ejs %>
</div>
<div class="col-md-4">
<label for="">Nevěsta</label>
<input type="text" name="partner2" value="<%= partner2 %>" class="form-control">
</div>
</div>
<% include ../partials/weddingInfo.ejs %>
</form>
</div>
src/views/backend/guests.ejs
+3 -1
View File
@@ -170,4 +170,6 @@
</div>
</div>
</div>
<% include ../partials/backend/modals/notImplemented.ejs %>
src/views/editor/gallery.ejs
+1 -22
View File
@@ -14,28 +14,7 @@
</div>
<div class="gallery__container">
<%- include('../partials/notification.ejs', {parameter: "newAlbum", notificationText: "Album úspěšně vytvořeno."}) %>
<%- include('../partials/notification.ejs', {parameter: "upload", notificationText: "Fotografie úspěšně nahrány do vybraných alb."}) %>
<% for(var i = 1; i <= 7; i++) { %>
<% if (i < 7 || (typeof queryString.ok !== 'undefined' && queryString.ok == "newAlbum")) { %>
<div class="gallery__item">
<img src="/dist/images/gallery/<%= i %>.jpg" alt="">
<a href="/editor/gallery_detail" class="gallery__overlay">
<h4>Jméno galerie</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</a>
</div>
<% } %>
<% } %>
</div>
<% include ../partials/editor/modals/newGallery.ejs %>
<% include ../partials/editor/modals/uploadPhoto.ejs %>
<% include ../partials/editor/album.ejs %>
</section>
src/views/editor/gallery_detail.ejs
+8 -5
View File
@@ -14,7 +14,7 @@
Přesunout fotografie
</button>
<button type="button" class="btn m-3 js-move-done-button-trigger btn-primary" hidden>
<button type="button" class="btn m-3 js-move-done-button-trigger btn-primary hidden">
Hotovo
</button>
@@ -22,11 +22,14 @@
<i class="fa fa-plus"></i> Nahrát fotografie
</button>
<button type="button" class="btn m-3 btn-secondary hidden js-delete-button-cancel" data-dismiss="modal">Storno</button>
<button type="button" class="btn m-3 js-delete-button-trigger btn-danger">
Smazat fotografie
</button>
<button type="button" class="btn m-3 js-delete-button-confirmation btn-primary" data-toggle="modal" data-target="#deletePhotosModal" hidden>
<button type="button" class="btn m-3 js-delete-button-confirmation btn-primary hidden" data-toggle="modal" data-target="#deletePhotosModal">
Odstranit vybrané
</button>
<!--</div>-->
@@ -43,10 +46,10 @@
<div class="gallery__item draggable">
<div class="gallery__buttons">
<label class="gallery__buttons">
<input class="gallery__buttons__item js-delete-checkbox" type="checkbox">
<i class="gallery__buttons__item js-move-button sort-handle fa fa-arrows"></i>
</div>
<i class="gallery__buttons__item js-move-button fa fa-arrows"></i>
</label>
<a href="/dist/images/gallery/<%= i %>.jpg" data-lightbox="gallery">
<img src="/dist/images/gallery/<%= i %>.jpg" alt="">
src/views/editor/index.ejs
+87 -84
View File
@@ -1,140 +1,143 @@
<section class="web-part">
<%- include('../partials/notification.ejs', {parameter: "titlePhoto"})%>
<%- include('../partials/notification.ejs', {parameter: "titlePhoto"}) %>
<div class="title-image" style="background-image: url('/dist/images/<%= (typeof queryString.ok !== 'undefined' && queryString.ok == "titlePhoto") ? '01.jpg' : '02.jpg' %>')">
<div class="title-image" style="background-image: url('/dist/images/<%= (typeof queryString.ok !== 'undefined' && queryString.ok == "titlePhoto") ? '01.jpg' : '02.jpg' %>')">
<div class="web-part__edit">
<a href="#setTitlePhotoModal" data-toggle="modal" data-target="#setTitlePhotoModal">
<i class="fa fa-pencil-square"></i>
</a>
</div>
</div>
<% include ../partials/editor/modals/setTitlePhoto.ejs %>
<div class="web-part__edit">
<a href="#setTitlePhotoModal" data-toggle="modal" data-target="#setTitlePhotoModal">
<i class="fa fa-pencil-square"></i>
</a>
</div>
</div>
<% include ../partials/editor/modals/setTitlePhoto.ejs %>
</section>
<section class="web-part container">
<a name="aboutUs"></a>
<%- include('../partials/notification.ejs', {parameter: "aboutUs"})%>
<%- include('../partials/notification.ejs', {parameter: "aboutUs"}) %>
<h2> Adam a Eva </h2>
<article>
<p><%- aboutUs %></p>
</article>
<h2><%= partner1 %> a <%= partner2 %></h2>
<article>
<p><%- aboutUs %></p>
</article>
<% include ../partials/editor/modals/setAboutUs.ejs %>
<% include ../partials/editor/modals/setAboutUs.ejs %>
</section>
<section class="web-part container text-center">
<%- include('../partials/notification.ejs', {parameter: "weddingInfo"})%>
<%- include('../partials/notification.ejs', {parameter: "weddingInfo"}) %>
<a name="mainInfo"></a>
<div class="row">
<div class="col-md-4">
<h2>Kdy?</h2>
<p><%= wedding.when %></p>
</div>
<div class="col-md-4">
<h2>Kde?</h2>
<div class="row">
todo dodelat parsovani data
<% var date = new Date (wedding.when) %>
<div class="col-md-4">
<h2>Kdy?</h2>
<p><%= date.getDate () %>. <%= date.getMonth () + 1 %>. <%= date.getFullYear () %> </p>
</div>
<div class="col-md-4">
<h2>V kolik?</h2>
<p><%= date.getHours () %>
:<%= date.getMinutes () < 10 ? '0' + date.getMinutes () : date.getMinutes () %></p>
</div>
<div class="col-md-4">
<h2>Kde?</h2>
<p><%= wedding.where %></p>
</div>
<div class="col-md-4">
<h2>V kolik?</h2>
<p><%= wedding.at %></p>
</div>
</div>
<% include ../partials/editor/modals/mainInfo.ejs %>
<% include ../partials/editor/modals/mainInfo.ejs %>
</div>
</div>
</section>
<section class="web-part container">
<%- include('../partials/notification.ejs', {parameter: "program"})%>
<%- include('../partials/notification.ejs', {parameter: "program"}) %>
<a name="program"></a>
<h3 class="text-center my-5">Svatební program</h3>
<div class="timeline-container">
<div class="timeline-container">
<div class="timeline timeline-horizontal">
<div class="timeline timeline-horizontal">
<% for(var i in program) { %>
<div class="timeline__item">
<% for(var i in program) { %>
<div class="timeline__item">
<i class="timeline__icon fa fa-2x fa-<%= program[i]['icon']%>"></i>
<i class="timeline__icon fa fa-2x fa-<%= program[i]['icon'] %>"></i>
<div class="timeline__content">
<h3><%= program[i]['time']%></h3>
<p><%= program[i]['title']%></p>
</div>
<div class="timeline__content">
<h3><%= program[i]['time'] %></h3>
<p><%= program[i]['title'] %></p>
</div>
</div>
<% } %>
</div>
<% } %>
</div>
</div>
</div>
</div>
<% include ../partials/editor/modals/program.ejs %>
<% include ../partials/editor/modals/program.ejs %>
</section>
<section class="web-part container">
<h3 class="text-center my-5">Fotogalerie</h3>
<a name="newAlbum"></a>
<h3 class="text-center my-5">Fotogalerie</h3>
<div class="gallery__container">
<% for(var i = 1; i <= 6; i++) { %>
<div class="gallery__item">
<img src="/dist/images/gallery/<%= i %>.jpg" alt="">
<a href="/editor/gallery_detail" class="gallery__overlay">
<h4>Jméno galerie</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</a>
</div>
<% } %>
</div>
<p class="clearfix"></p>
<%- include ../partials/editor/album.ejs %>
<div class="row my-4">
<div class="col text-center">
<button type="button" data-target="#newGalleryModal" data-toggle="modal" class="btn btn-secondary">
Přidat album
</button>
</div>
</div>
</section>
<section class="web-part container">
<h3 class="text-center">Napište nám</h3>
<h3 class="text-center">Napište nám</h3>
<%- include('../partials/notification.ejs', {parameter: "contactForm", notificationText: "Zpráva úspěšně odeslána. Ozveme se co nejdříve."})%>
<div class="alert alert-info text-center">
<i class="fa fa-info-circle"></i>
Zpráva od hosta bude odeslána na e-mail <strong>adam@email.cz</strong>.
</div>
<%- include('../partials/notification.ejs', {parameter: "contactForm", notificationText: "Zpráva úspěšně odeslána. Ozveme se co nejdříve."}) %>
<form id="contact-form" method="post" role="form">
<form id="contact-form" method="post" role="form">
<a name="contactForm"></a>
<input type="hidden" name="redirectParams" value="ok=contactForm#contactForm">
<div class="row">
<div class="col-md-5">
<div class="form-group"><label for="name">Jméno a příjmení</label><input type="text" class="form-control">
</div>
<div class="form-group"><label for="email">E-mail</label><input type="email" class="form-control"></div>
</div>
<div class="col-md-7">
<div class="form-group">
<label for="contact-message">Váš text</label>
<textarea name="message" id="contact-message" style="height: 100%" class="form-control"></textarea></div>
</div>
</div>
<div class="row mt-3">
<div class="col">
<button class="btn btn-primary btn-block">Odeslat</button>
</div>
</div>
</form>
<div class="row">
<div class="col-md-5">
<div class="form-group"><label for="name">Jméno a
příjmení</label><input type="text" class="form-control">
</div>
<div class="form-group"><label for="email">E-mail</label><input type="email" class="form-control"></div>
</div>
<div class="col-md-7">
<div class="form-group">
<label for="contact-message">Váš text</label>
<textarea name="message" id="contact-message" style="height: 100%" class="form-control"></textarea>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col">
<button class="btn btn-primary btn-block">Odeslat</button>
</div>
</div>
</form>
</section>
src/views/layouts/editor.ejs
+1 -1
View File
@@ -14,7 +14,7 @@
<body>
<!-- Sidebar -->
<div class="back-to-dashboard"><a href="/"><i class="fa fa-home back-to-dashboard__icon" ></i></a></div>
<div class="back-to-dashboard"><a href="/"><i class="fa fa-home back-to-dashboard__icon" ></i> návrat do administrace</a></div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/editor/index">Adam & Eva </a>
src/views/partials/backend/modals/notImplemented.ejs
+24
View File
@@ -0,0 +1,24 @@
<div class="modal fade opened" id="notImplemented" tabindex="-1" role="dialog" aria-labelledby="notImplementedModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="notImplementedModalLabel">Neimplementována</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Tato funcionalita nebyla implementována.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Zavřít</button>
</div>
</div>
</div>
</div>
src/views/partials/editor/album.ejs
+31
View File
@@ -0,0 +1,31 @@
<%- include('../partials/notification.ejs', {parameter: "newAlbum", notificationText: "Album úspěšně vytvořeno."}) %>
<%- include('../partials/notification.ejs', {parameter: "upload", notificationText: "Fotografie úspěšně nahrány do vybraných alb."}) %>
<% if (albumsCount > 0) { %>
<div class="gallery__container">
<% for(var i = 1; i <= albumsCount; i++) { %>
<div class="gallery__item">
<img src="/dist/images/gallery/<%= i %>.jpg" alt="">
<a href="/editor/gallery_detail" class="gallery__overlay">
<h4>Jméno galerie</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</a>
</div>
<% } %>
</div>
<% } else { %>
<div class="alert alert-info text-center">
Zatím nebylo vytvořeno žádné album. Vytvořte ho a nahrajte do něj své fotografie!
</div>
<% } %>
<% include ../editor/modals/newGallery.ejs %>
<% include ../editor/modals/uploadPhoto.ejs %>
<p class="clearfix"></p>
src/views/partials/editor/modals/deletePhotos.ejs
+1 -1
View File
@@ -13,7 +13,7 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Ne</button>
<button type="button" class="btn btn-secondary js-delete-button-cancel" data-dismiss="modal">Ne</button>
<button type="button" class="btn btn-primary js-delete-button-confirmation-trigger" data-dismiss="modal">Ano, smazat
</button>
</div>
src/views/partials/editor/modals/newGallery.ejs
+3 -3
View File
@@ -7,8 +7,8 @@
<span aria-hidden="true">&times;</span>
</button>
</div>
<form method="post">
<input type="hidden" name="redirectParams" value="ok=newAlbum">
<form method="post" action="/editor/album">
<input type="hidden" name="redirectParams" value="ok=newAlbum#newAlbum">
<div class="modal-body">
@@ -20,7 +20,7 @@
<div class="form-group">
<label for="gallery_name">Vyberte fotografie</label>
<input type="file" multiple required class="form-control">
<input type="file" multiple accept="image/*" required class="form-control">
</div>
<div class="form-group">
src/views/partials/editor/modals/setAboutUs.ejs
+34 -20
View File
@@ -1,33 +1,47 @@
<div class="web-part__edit">
<a href="#aboutUsModal" data-toggle="modal" data-target="#aboutUsModal">
<i class="fa fa-pencil-square"></i>
</a>
<a href="#aboutUsModal" data-toggle="modal" data-target="#aboutUsModal">
<i class="fa fa-pencil-square"></i>
</a>
</div>
<div class="modal fade" id="aboutUsModal" tabindex="-1" role="dialog" aria-labelledby="aboutUsModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="aboutUsModalLabel">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-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="aboutUsModalLabel">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">
<input type="hidden" name="redirectParams" value="ok=aboutUs#aboutUs">
<div class="modal-body">
<textarea class="wysiwyg" name="aboutUs"><%= aboutUs %></textarea>
</div>
<div class="modal-body">
<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>
<div class="row justify-content-center my-2">
<div class="col-md-6">
<label for="">Ženich</label>
<input type="text" name="partner1" value="<%= partner1 %>" class="form-control">
</div>
<div class="col-md-6">
<label for="">Nevěsta</label>
<input type="text" name="partner2" value="<%= partner2 %>" class="form-control">
</div>
</div>
<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="submit" class="btn btn-primary">Uložit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
src/views/partials/editor/modals/uploadPhoto.ejs
+1 -1
View File
@@ -31,7 +31,7 @@
<td>
<select name="album" class="form-control">
<% for (var i = 0; i < 6; i++) { %>
<% for (var i = 0; i < albumsCount; i++) { %>
<option value="<%= i %>">Album <%= i %></option>
<% } %>
</select>
src/views/partials/header.ejs
+1 -1
View File
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="javascript:void(0);">Svatbonet</a>
<a class="navbar-brand" href="/">Svatbonet</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
src/views/partials/program.ejs
-4
View File
@@ -1,7 +1,6 @@
<table class="table">
<thead>
<tr>
<th></th>
<th>Čas</th>
<th>Ikona</th>
<th>Název události</th>
@@ -12,9 +11,6 @@
<% 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>
src/views/partials/weddingInfo.ejs
+8 -8
View File
@@ -1,18 +1,18 @@
<div class="row">
<div class="col-md-4">
<div class="col-md-6">
<h3>Kdy?</h3>
<input type="text" class="form-control select-date" name="wedding[when]" value="<%= wedding.when%>">
<input type="text" class="form-control select-datetime" name="wedding[when]" value="<%= wedding.when%>">
</div>
<div class="col-md-4">
<!--<div class="col-md-4">-->
<!--<h3>V kolik?</h3>-->
<!--<input type="text" class="form-control select-time" name="wedding[at]" value="<%= wedding.at%>">-->
<!--</div>-->
<div class="col-md-6">
<h3>Kde?</h3>
<input type="text" id="map-input" class="form-control" name="wedding[where]" value="<%= wedding.where%>" />
</div>
</div>
<div class="col-md-4">
<h3>V kolik?</h3>
<input type="text" class="form-control select-time" name="wedding[at]" value="<%= wedding.at%>">
</div>
</div>