From dccbfd6764c75fe38f9cb5d9705311006dec1238 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal.kvacek@monstermedia.cz>
Date: Wed, 28 Nov 2018 00:06:27 +0100
Subject: [PATCH] Drobne bugfixy

---
 src/app.js                                    |  2 +
 src/assets/scss/boxes.scss                    |  8 ++-
 src/views/editor/gallery_detail.ejs           | 22 +++-----
 .../editor/modals/editGalleryText.ejs         | 51 +++++++++++--------
 src/views/partials/program-icons.ejs          |  4 +-
 5 files changed, 48 insertions(+), 39 deletions(-)

diff --git a/src/app.js b/src/app.js
index 8dea84b..8e8746c 100644
--- a/src/app.js
+++ b/src/app.js
@@ -44,6 +44,8 @@ var templateData = {
 		{name: "Ukol 3", done: true},
 		{name: "Ukol 4", done: false},
 	],
+	galleryText: "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.",
+	galleryName: "Svatební cesta",
 	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: {
diff --git a/src/assets/scss/boxes.scss b/src/assets/scss/boxes.scss
index fbe58e8..982f35e 100644
--- a/src/assets/scss/boxes.scss
+++ b/src/assets/scss/boxes.scss
@@ -7,7 +7,13 @@
     padding: 20px;
   }
 
-  &__item {
+  @media (max-width: 1100px) {
+    &__container {
+      column-count: 1;
+    }
+  }
+
+    &__item {
     margin-bottom: 20px;
   }
 
diff --git a/src/views/editor/gallery_detail.ejs b/src/views/editor/gallery_detail.ejs
index 81fcf90..3c1de4a 100644
--- a/src/views/editor/gallery_detail.ejs
+++ b/src/views/editor/gallery_detail.ejs
@@ -1,45 +1,37 @@
 <section class="web-part container">
 
-    <h2>Nadpis alba</h2>
+    <h2><%= galleryName %></h2>
     <article>
-        <p>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.</p>
+        <%- galleryText %>
     </article>
 
     <% include ../partials/editor/modals/editGalleryText.ejs %>
 
     <div class="btn-toolbar justify-content-center my-5" role="toolbar" aria-label="Toolbar with button groups">
         <!--<div class="btn-group" role="group" aria-label="First group">-->
-        <button type="button" class="btn js-move-button-trigger btn-secondary">
+        <button type="button" class="btn m-3 js-move-button-trigger btn-secondary">
             <i class="fa fa-arrows"></i>
             Přesunout fotografie
         </button>
 
-        <button type="button" class="btn 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>
 
-        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#newPhotoModal">
+        <button type="button" class="btn m-3 btn-primary" data-toggle="modal" data-target="#newPhotoModal">
             <i class="fa fa-plus"></i> Nahrát fotografie
         </button>
 
-        <button type="button" class="btn js-delete-button-trigger btn-danger">
+        <button type="button" class="btn m-3 js-delete-button-trigger btn-danger">
             Smazat fotografie
         </button>
 
-        <button type="button" class="btn 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" data-toggle="modal" data-target="#deletePhotosModal" hidden>
             Odstranit vybrané
         </button>
         <!--</div>-->
     </div>
 
-
     <%- include('../partials/notification.ejs', {parameter: "upload"}) %>
 
     <a name="program"></a>
diff --git a/src/views/partials/editor/modals/editGalleryText.ejs b/src/views/partials/editor/modals/editGalleryText.ejs
index b50d17f..a6064eb 100644
--- a/src/views/partials/editor/modals/editGalleryText.ejs
+++ b/src/views/partials/editor/modals/editGalleryText.ejs
@@ -1,27 +1,36 @@
 <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-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="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">
+                <div class="modal-body">
 
-			<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>
+                    <label>Jméno alba
+                    </label>
+
+                    <input type="text" name="galleryName" class="form-control" value="<%= galleryName %>">
+
+                    <label>Popis</label>
+                    <textarea class="wysiwyg" name="galleryText"><%= galleryText %></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>
\ No newline at end of file
diff --git a/src/views/partials/program-icons.ejs b/src/views/partials/program-icons.ejs
index deda423..7f1d931 100644
--- a/src/views/partials/program-icons.ejs
+++ b/src/views/partials/program-icons.ejs
@@ -2,7 +2,7 @@
 <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-body text-center">
 
                 <% var icons = ['gear', 'home', 'automobile', 'bell', 'bullhorn', 'child', 'coffee', 'diamond', 'film', 'camera',
                     'camera-retro', 'fire', 'birthday-cake', 'heart', 'image', 'map', 'map-marker', 'map-o',
@@ -11,7 +11,7 @@
 
                 <% 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>
+                    <a href="javascript:void(0);" data-icon="<%= icons[i] %>" class="js-choose-icon"><i class="fa fa-fw fa-3x fa-<%= icons[i] %>" style="margin: 10px"></i></a>
 
                 <% } %>