RubyGems - sibu - Versions diffs - 0.8.1 → 0.8.2 - Mend

sibu 0.8.1 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

checksums.yaml +4 -4
data/MIT-LICENSE +20 -20
data/README.md +38 -38
data/Rakefile +36 -36
data/app/assets/config/sibu_manifest.js +2 -2
data/app/assets/fonts/sibu/Sibu.eot +0 -0
data/app/assets/fonts/sibu/Sibu.svg +13 -13
data/app/assets/fonts/sibu/Sibu.ttf +0 -0
data/app/assets/fonts/sibu/Sibu.woff +0 -0
data/app/assets/javascripts/cropper/cropper.js +3694 -3694
data/app/assets/javascripts/quill/quill.js +11401 -11401
data/app/assets/javascripts/sibu/common.js +6 -6
data/app/assets/javascripts/sibu/sibu.js.erb +155 -155
data/app/assets/javascripts/tabs/van11y-accessible-tab-panel-aria.js +465 -465
data/app/assets/stylesheets/cropper/cropper.css +304 -304
data/app/assets/stylesheets/quill/quill.snow.css +945 -945
data/app/assets/stylesheets/sibu/defaults.scss +336 -336
data/app/assets/stylesheets/sibu/icons.scss +40 -40
data/app/assets/stylesheets/sibu/sibu.css +131 -131
data/app/controllers/sibu/application_controller.rb +14 -14
data/app/controllers/sibu/documents_controller.rb +35 -35
data/app/controllers/sibu/images_controller.rb +78 -78
data/app/controllers/sibu/pages_controller.rb +197 -197
data/app/controllers/sibu/sites_controller.rb +81 -81
data/app/helpers/sibu/application_helper.rb +11 -11
data/app/helpers/sibu/documents_helper.rb +4 -4
data/app/helpers/sibu/images_helper.rb +4 -4
data/app/helpers/sibu/pages_helper.rb +194 -194
data/app/helpers/sibu/sites_helper.rb +23 -23
data/app/jobs/sibu/application_job.rb +4 -4
data/app/mailers/sibu/application_mailer.rb +6 -6
data/app/models/concerns/sibu/document_uploader.rb +8 -8
data/app/models/concerns/sibu/image_uploader.rb +31 -31
data/app/models/concerns/sibu/sections_concern.rb +134 -134
data/app/models/concerns/sibu/style_uploader.rb +1 -1
data/app/models/concerns/sibu/user_concern.rb +8 -8
data/app/models/sibu/application_record.rb +5 -5
data/app/models/sibu/document.rb +16 -16
data/app/models/sibu/dynamic_style.rb +76 -76
data/app/models/sibu/image.rb +10 -19
data/app/models/sibu/page.rb +66 -66
data/app/models/sibu/site.rb +97 -97
data/app/models/sibu/site_template.rb +22 -22
data/app/views/layouts/sibu/application.html.erb +23 -23
data/app/views/layouts/sibu/edit_content.html.erb +262 -262
data/app/views/layouts/sibu/site.html.erb +45 -45
data/app/views/sibu/documents/_form.html.erb +14 -14
data/app/views/sibu/documents/index.html.erb +37 -37
data/app/views/sibu/documents/new.html.erb +12 -12
data/app/views/sibu/images/_edit_form.html.erb +23 -23
data/app/views/sibu/images/_form.html.erb +34 -34
data/app/views/sibu/images/edit.js.erb +2 -2
data/app/views/sibu/images/index.html.erb +31 -13
data/app/views/sibu/images/new.html.erb +12 -12
data/app/views/sibu/images/show.html.erb +2 -2
data/app/views/sibu/pages/_code_edit_panel.html.erb +17 -17
data/app/views/sibu/pages/_element_actions.html.erb +4 -4
data/app/views/sibu/pages/_error_panel.html.erb +4 -4
data/app/views/sibu/pages/_form.html.erb +62 -62
data/app/views/sibu/pages/_group_edit_panel.html.erb +3 -3
data/app/views/sibu/pages/_link_edit_panel.html.erb +50 -50
data/app/views/sibu/pages/_map_edit_panel.html.erb +27 -27
data/app/views/sibu/pages/_media_edit_panel.html.erb +46 -46
data/app/views/sibu/pages/_new_section_panel.html.erb +43 -43
data/app/views/sibu/pages/_paragraph_edit_panel.html.erb +18 -18
data/app/views/sibu/pages/_text_edit_panel.html.erb +19 -19
data/app/views/sibu/pages/child_element.js.erb +6 -6
data/app/views/sibu/pages/clone_element.js.erb +6 -6
data/app/views/sibu/pages/create_section.js.erb +6 -6
data/app/views/sibu/pages/delete_element.js.erb +6 -6
data/app/views/sibu/pages/delete_section.js.erb +6 -6
data/app/views/sibu/pages/destroy.html.erb +2 -2
data/app/views/sibu/pages/edit.html.erb +8 -8
data/app/views/sibu/pages/edit_content.html.erb +3 -3
data/app/views/sibu/pages/edit_element.js.erb +100 -100
data/app/views/sibu/pages/edit_section.js.erb +7 -7
data/app/views/sibu/pages/index.html.erb +40 -40
data/app/views/sibu/pages/new.html.erb +8 -8
data/app/views/sibu/pages/new_section.js.erb +19 -19
data/app/views/sibu/pages/show.html.erb +3 -3
data/app/views/sibu/pages/update.html.erb +2 -2
data/app/views/sibu/pages/update_element.js.erb +5 -5
data/app/views/sibu/pages/update_section.js.erb +5 -5
data/app/views/sibu/sites/_form.html.erb +125 -125
data/app/views/sibu/sites/destroy.html.erb +2 -2
data/app/views/sibu/sites/edit.html.erb +9 -9
data/app/views/sibu/sites/edit_styles.html.erb +8 -8
data/app/views/sibu/sites/index.html.erb +41 -41
data/app/views/sibu/sites/new.html.erb +18 -18
data/app/views/sibu/sites/update.html.erb +2 -2
data/config/initializers/constants.rb +2 -2
data/config/initializers/shrine.rb +18 -18
data/config/routes.rb +30 -30
data/config/tinymce.yml +5 -5
data/db/migrate/20180124095041_create_sibu_sites.rb +12 -12
data/db/migrate/20180124095213_create_sibu_pages.rb +15 -15
data/db/migrate/20180124145030_create_sibu_site_templates.rb +10 -10
data/db/migrate/20180125231638_add_user_id_to_sites.rb +5 -5
data/db/migrate/20180126114522_rename_url_to_path_in_pages.rb +5 -5
data/db/migrate/20180126114628_add_domain_to_sites.rb +5 -5
data/db/migrate/20180127211533_create_sibu_images.rb +11 -11
data/db/migrate/20180208082317_rename_images_user_id_to_site_id.rb +5 -5
data/db/migrate/20180208125024_rename_image_data_column.rb +5 -5
data/db/migrate/20180210181644_add_defaults_to_site_templates.rb +6 -6
data/db/migrate/20180214134653_add_fields_to_sites.rb +5 -5
data/db/migrate/20180227151519_add_default_templates_to_site_templates.rb +5 -5
data/db/migrate/20180301121902_add_style_data_to_sites.rb +5 -5
data/db/migrate/20180301152101_add_default_styles_to_templates.rb +5 -5
data/db/migrate/20180321144021_move_images_to_user_level.rb +7 -7
data/db/migrate/20180321170310_add_version_to_sibu_sites.rb +7 -7
data/db/migrate/20180405095448_create_sibu_documents.rb +10 -10
data/db/migrate/20190110204854_add_custom_data_to_sibu_pages.rb +5 -5
data/lib/sibu.rb +4 -4
data/lib/sibu/engine.rb +19 -19
data/lib/sibu/utils.rb +14 -14
data/lib/sibu/version.rb +3 -3
data/lib/tasks/sibu_tasks.rake +4 -4
metadata +3 -3

data/app/views/layouts/sibu/edit_content.html.erb CHANGED

@@ -1,262 +1,262 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title><%= conf[:title] %></title>
-  <%= stylesheet_link_tag "#{conf[:stylesheet]}-edit", media: 'all' %>
-  <%= stylesheet_link_tag 'sibu/sibu', media: 'all' %>
-  <%= javascript_include_tag "#{conf[:javascript]}-edit" %>
-  <%= javascript_include_tag 'sibu/sibu' %>
-  <% if @site %>
-    <%= stylesheet_link_tag (conf[:custom_styles] ? @site.style_url : @site.site_template.path), media: "all" %>
-    <%= javascript_include_tag "#{@site.site_template.path}-core" %>
-  <% end %>
-  <%= csrf_meta_tags %>
-  <%= yield :styles %>
-</head>
-<body>
-<% [:top_panel, :side_panel, :content_panel, :bottom_panel].each do |panel| %>
-  <% unless conf[panel].blank? %>
-    <div class="<%= panel == :content_panel ? 'sibu_content_panel' : 'sibu_panel' %>">
-      <%= render conf[panel] %>
-      <% if panel == :content_panel %>
-        <div id="edit_panel" class="sibu_panel sibu_view"></div>
-        <div id="sections_panel"></div>
-        <div id="edit_mode_overlay" class="sibu_panel sibu_view">
-          <div class="overlay_top"></div>
-          <div class="overlay_right"></div>
-          <div class="overlay_left"></div>
-          <div class="overlay_bottom"></div>
-          <div class="edit_mode_actions">
-            <p id="edit_section_msg">Modifier la section</p>
-            <% if conf[:section_form] %>
-              <button id="edit_section" onclick="editSection()">Configurer</button>
-            <% end %>
-            <button id="new_section_before" onclick="newSection(false)">Insérer un bloc avant</button>
-            <button id="new_section_after" onclick="newSection(true)">Insérer un bloc après</button>
-            <button id="delete_section" onclick="deleteSection()">Supprimer</button>
-            <button onclick="cancelEditMode()">Fermer</button>
-          </div>
-        </div>
-        <div id="edit_overlays"></div>
-    <% end %>
-    </div>
-  <% end %>
-<% end %>
-<script>
-    var rootElt = $('html, body');
-    $(function () {
-        initOverlays();
-        sibuCallback("editContent");
-        <% unless @edit_section.blank? %>
-          $("[data-sb-overlay='<%= @edit_section %>']").click();
-        <% end %>
-    });
-    function setEditMode(section, overlay, left, top, width, height) {
-        var editMode = $("#edit_mode_overlay");
-        editMode.find(".overlay_top").css("height", top);
-        editMode.find(".overlay_bottom").css("top", top + height);
-        editMode.find(".overlay_left").css({"height": height, "width": left, "top": top});
-        editMode.find(".overlay_right").css({"height": height, "left": left + width, "top": top});
-        editMode.find(".edit_mode_actions").css({"top": (top <= 120 ? (top + height) : (top - 40 - 20)), left: left, width: width});
-        editMode.find("#edit_section_msg").text("Modifier la section");
-        editMode.show();
-        if(!section.data('sb-repeat')) {
-            editMode.find("#new_section_before").hide();
-            editMode.find("#new_section_after").hide();
-            editMode.find("#delete_section").hide();
-        } else {
-            editMode.find("#new_section_before").show();
-            editMode.find("#new_section_after").show();
-            editMode.find("#delete_section").show();
-        }
-        rootElt.animate({scrollTop: top}, 500);
-        section.addClass('sb-editing');
-        initInnerOverlays(section);
-        $("#edit_overlays").html("");
-    }
-    function cancelEditMode() {
-        refreshAfterEdit(false);
-        $("#edit_mode_overlay").hide();
-        cancelEdit();
-        $(".sb-editing").removeClass("sb-editing");
-        initOverlays();
-        if(typeof editCancelledCallback === "function") {
-            editCancelledCallback();
-        }
-    }
-    function newSection(isAfter) {
-        var section = $(".sb-editing").first();
-        var sectionsPanel = $("#sections_panel");
-        sectionsPanel.html(
-            '<div class="sibu_panel sibu_view"><h2>Choix du type de section</h2></div>' +
-            '<div><div class="sibu_sections sibu_site_content" style="text-align: center;">Chargement en cours...</div></div>' +
-            '<div class="sibu_panel sibu_view"><div class="sibu_actions"><a href="#" onclick="cancelSectionsEdit(); return false;">Annuler</a></div></div>'
-        );
-        sectionsPanel.slideDown("fast");
-        $.ajax({
-            url: "<%= new_section_site_page_path(@site.id, @page.id) %>",
-            method: "GET",
-            data: {
-                section_id: section.data("sb-id"),
-                entity: section.data("sb-entity"),
-                after: isAfter
-            }
-        })
-    }
-    function editSection() {
-        var section = $(".sb-editing").first();
-        $.ajax({
-            url: "<%= edit_section_site_page_path(@site.id, @page.id) %>",
-            method: "GET",
-            data: {
-                section_id: section.data("sb-id"),
-                entity: section.data("sb-entity")
-            }
-        })
-    }
-    function deleteSection() {
-        if (window.confirm("Supprimer la section ?")) {
-            var section = $(".sb-editing").first();
-            $.ajax({
-                url: "<%= delete_section_site_page_path(@site.id, @page.id) %>",
-                method: "DELETE",
-                data: {
-                    section_id: section.data("sb-id"),
-                    entity: section.data("sb-entity")
-                }
-            })
-        }
-    }
-    function cloneElement(entity, sectionId, elementId) {
-        if (window.confirm("Dupliquer l'élément ?")) {
-            $.ajax({
-                url: "<%= clone_element_site_page_path(@site.id, @page.id) %>",
-                method: "POST",
-                data: {
-                    section_id: sectionId,
-                    element_id: elementId,
-                    entity: entity
-                }
-            })
-        }
-    }
-    function deleteElement(entity, sectionId, elementId) {
-        if (window.confirm("Supprimer l'élément ?")) {
-            $.ajax({
-                url: "<%= delete_element_site_page_path(@site.id, @page.id) %>",
-                method: "DELETE",
-                data: {
-                    section_id: sectionId,
-                    element_id: elementId,
-                    entity: entity
-                }
-            })
-        }
-    }
-    function addChildElement(entity, sectionId, elementId) {
-        if (window.confirm("Ajouter un sous-menu ?")) {
-            $.ajax({
-                url: "<%= child_element_site_page_path(@site.id, @page.id) %>",
-                method: "POST",
-                data: {
-                    section_id: sectionId,
-                    element_id: elementId,
-                    entity: entity
-                }
-            })
-        }
-    }
-    function cancelEdit() {
-        $("#edit_panel").slideUp("fast");
-        $("#edit_panel").html("");
-        document.body.style.overflow = "initial";
-    }
-    function cancelSectionsEdit() {
-        $("#sections_panel").slideUp("fast");
-        $("#sections_panel").html("");
-        document.body.style.overflow = "initial";
-    }
-    function editContent(eltId, sectionId, entity, repeat, contentType, size, children) {
-        $.ajax({
-            url: "<%= edit_element_site_page_path(@site.id, @page.id) %>",
-            method: "GET",
-            data: {
-                element_id: eltId,
-                section_id: sectionId,
-                entity: entity,
-                repeat: repeat,
-                content_type: contentType,
-                size: size,
-                children: children
-            }
-        })
-    }
-    function initInnerOverlays(section) {
-        var editables = section.find("[data-type]");
-        editables.off();
-        editables.hover(function(evt) {
-            evt.stopPropagation();
-            $(this).addClass("sb-editable");
-        }, function() {
-            $(this).removeClass("sb-editable");
-        });
-        editables.click(function(evt) {
-            evt.stopPropagation();
-            evt.preventDefault();
-            var elt = $(this), eltId = elt.data("id"), repeat = elt.data("repeat"), type = elt.data("type"),
-                size = elt.data("size"), children = elt.data("children");
-            var sectionId = section.data("sb-id"), entity = section.data("sb-entity");
-            editContent(eltId, sectionId, entity, repeat, type, size, children);
-        })
-    }
-    function initOverlays() {
-        var container = $("#edit_overlays");
-        container.html("");
-        $("[data-sb-id]").each(function() {
-          var section = $(this);
-          var offset = section.offset();
-          var yOffset = offset.top - $(".sibu_content_panel").offset().top;
-          var width = section.outerWidth(), height = (section.outerHeight() === 0 ? childrenHeight(section) : section.outerHeight());
-          var overlay = $("<div data-sb-overlay='" + section.attr("data-sb-id") + "'>Modifier</div>");
-          container.append(overlay);
-          overlay.css({top: yOffset, left: offset.left, width: width, height: height});
-          overlay.hover(function() {
-              $(this).css("opacity", 1);
-          }, function() {
-              $(this).css("opacity", 0);
-          });
-          overlay.click(function() {
-              setEditMode(section, $(this), offset.left, yOffset, width, height);
-          })
-        });
-    }
-    function childrenHeight(parentElt) {
-        var height = 0;
-        parentElt.find("*").each(function() {
-            var childHeight = $(this).height();
-            if(childHeight > height) {
-                height = childHeight;
-            }
-        });
-        return height;
-    }
-</script>
-<%= yield :site_scripts %>
-<%= yield :page_scripts %>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= conf[:title] %></title>
+  <%= stylesheet_link_tag "#{conf[:stylesheet]}-edit", media: 'all' %>
+  <%= stylesheet_link_tag 'sibu/sibu', media: 'all' %>
+  <%= javascript_include_tag "#{conf[:javascript]}-edit" %>
+  <%= javascript_include_tag 'sibu/sibu' %>
+  <% if @site %>
+    <%= stylesheet_link_tag (conf[:custom_styles] ? @site.style_url : @site.site_template.path), media: "all" %>
+    <%= javascript_include_tag "#{@site.site_template.path}-core" %>
+  <% end %>
+  <%= csrf_meta_tags %>
+  <%= yield :styles %>
+</head>
+<body>
+<% [:top_panel, :side_panel, :content_panel, :bottom_panel].each do |panel| %>
+  <% unless conf[panel].blank? %>
+    <div class="<%= panel == :content_panel ? 'sibu_content_panel' : 'sibu_panel' %>">
+      <%= render conf[panel] %>
+      <% if panel == :content_panel %>
+        <div id="edit_panel" class="sibu_panel sibu_view"></div>
+        <div id="sections_panel"></div>
+        <div id="edit_mode_overlay" class="sibu_panel sibu_view">
+          <div class="overlay_top"></div>
+          <div class="overlay_right"></div>
+          <div class="overlay_left"></div>
+          <div class="overlay_bottom"></div>
+          <div class="edit_mode_actions">
+            <p id="edit_section_msg">Modifier la section</p>
+            <% if conf[:section_form] %>
+              <button id="edit_section" onclick="editSection()">Configurer</button>
+            <% end %>
+            <button id="new_section_before" onclick="newSection(false)">Insérer un bloc avant</button>
+            <button id="new_section_after" onclick="newSection(true)">Insérer un bloc après</button>
+            <button id="delete_section" onclick="deleteSection()">Supprimer</button>
+            <button onclick="cancelEditMode()">Fermer</button>
+          </div>
+        </div>
+        <div id="edit_overlays"></div>
+    <% end %>
+    </div>
+  <% end %>
+<% end %>
+<script>
+    var rootElt = $('html, body');
+    $(function () {
+        initOverlays();
+        sibuCallback("editContent");
+        <% unless @edit_section.blank? %>
+          $("[data-sb-overlay='<%= @edit_section %>']").click();
+        <% end %>
+    });
+    function setEditMode(section, overlay, left, top, width, height) {
+        var editMode = $("#edit_mode_overlay");
+        editMode.find(".overlay_top").css("height", top);
+        editMode.find(".overlay_bottom").css("top", top + height);
+        editMode.find(".overlay_left").css({"height": height, "width": left, "top": top});
+        editMode.find(".overlay_right").css({"height": height, "left": left + width, "top": top});
+        editMode.find(".edit_mode_actions").css({"top": (top <= 120 ? (top + height) : (top - 40 - 20)), left: left, width: width});
+        editMode.find("#edit_section_msg").text("Modifier la section");
+        editMode.show();
+        if(!section.data('sb-repeat')) {
+            editMode.find("#new_section_before").hide();
+            editMode.find("#new_section_after").hide();
+            editMode.find("#delete_section").hide();
+        } else {
+            editMode.find("#new_section_before").show();
+            editMode.find("#new_section_after").show();
+            editMode.find("#delete_section").show();
+        }
+        rootElt.animate({scrollTop: top}, 500);
+        section.addClass('sb-editing');
+        initInnerOverlays(section);
+        $("#edit_overlays").html("");
+    }
+    function cancelEditMode() {
+        refreshAfterEdit(false);
+        $("#edit_mode_overlay").hide();
+        cancelEdit();
+        $(".sb-editing").removeClass("sb-editing");
+        initOverlays();
+        if(typeof editCancelledCallback === "function") {
+            editCancelledCallback();
+        }
+    }
+    function newSection(isAfter) {
+        var section = $(".sb-editing").first();
+        var sectionsPanel = $("#sections_panel");
+        sectionsPanel.html(
+            '<div class="sibu_panel sibu_view"><h2>Choix du type de section</h2></div>' +
+            '<div><div class="sibu_sections sibu_site_content" style="text-align: center;">Chargement en cours...</div></div>' +
+            '<div class="sibu_panel sibu_view"><div class="sibu_actions"><a href="#" onclick="cancelSectionsEdit(); return false;">Annuler</a></div></div>'
+        );
+        sectionsPanel.slideDown("fast");
+        $.ajax({
+            url: "<%= new_section_site_page_path(@site.id, @page.id) %>",
+            method: "GET",
+            data: {
+                section_id: section.data("sb-id"),
+                entity: section.data("sb-entity"),
+                after: isAfter
+            }
+        })
+    }
+    function editSection() {
+        var section = $(".sb-editing").first();
+        $.ajax({
+            url: "<%= edit_section_site_page_path(@site.id, @page.id) %>",
+            method: "GET",
+            data: {
+                section_id: section.data("sb-id"),
+                entity: section.data("sb-entity")
+            }
+        })
+    }
+    function deleteSection() {
+        if (window.confirm("Supprimer la section ?")) {
+            var section = $(".sb-editing").first();
+            $.ajax({
+                url: "<%= delete_section_site_page_path(@site.id, @page.id) %>",
+                method: "DELETE",
+                data: {
+                    section_id: section.data("sb-id"),
+                    entity: section.data("sb-entity")
+                }
+            })
+        }
+    }
+    function cloneElement(entity, sectionId, elementId) {
+        if (window.confirm("Dupliquer l'élément ?")) {
+            $.ajax({
+                url: "<%= clone_element_site_page_path(@site.id, @page.id) %>",
+                method: "POST",
+                data: {
+                    section_id: sectionId,
+                    element_id: elementId,
+                    entity: entity
+                }
+            })
+        }
+    }
+    function deleteElement(entity, sectionId, elementId) {
+        if (window.confirm("Supprimer l'élément ?")) {
+            $.ajax({
+                url: "<%= delete_element_site_page_path(@site.id, @page.id) %>",
+                method: "DELETE",
+                data: {
+                    section_id: sectionId,
+                    element_id: elementId,
+                    entity: entity
+                }
+            })
+        }
+    }
+    function addChildElement(entity, sectionId, elementId) {
+        if (window.confirm("Ajouter un sous-menu ?")) {
+            $.ajax({
+                url: "<%= child_element_site_page_path(@site.id, @page.id) %>",
+                method: "POST",
+                data: {
+                    section_id: sectionId,
+                    element_id: elementId,
+                    entity: entity
+                }
+            })
+        }
+    }
+    function cancelEdit() {
+        $("#edit_panel").slideUp("fast");
+        $("#edit_panel").html("");
+        document.body.style.overflow = "initial";
+    }
+    function cancelSectionsEdit() {
+        $("#sections_panel").slideUp("fast");
+        $("#sections_panel").html("");
+        document.body.style.overflow = "initial";
+    }
+    function editContent(eltId, sectionId, entity, repeat, contentType, size, children) {
+        $.ajax({
+            url: "<%= edit_element_site_page_path(@site.id, @page.id) %>",
+            method: "GET",
+            data: {
+                element_id: eltId,
+                section_id: sectionId,
+                entity: entity,
+                repeat: repeat,
+                content_type: contentType,
+                size: size,
+                children: children
+            }
+        })
+    }
+    function initInnerOverlays(section) {
+        var editables = section.find("[data-type]");
+        editables.off();
+        editables.hover(function(evt) {
+            evt.stopPropagation();
+            $(this).addClass("sb-editable");
+        }, function() {
+            $(this).removeClass("sb-editable");
+        });
+        editables.click(function(evt) {
+            evt.stopPropagation();
+            evt.preventDefault();
+            var elt = $(this), eltId = elt.data("id"), repeat = elt.data("repeat"), type = elt.data("type"),
+                size = elt.data("size"), children = elt.data("children");
+            var sectionId = section.data("sb-id"), entity = section.data("sb-entity");
+            editContent(eltId, sectionId, entity, repeat, type, size, children);
+        })
+    }
+    function initOverlays() {
+        var container = $("#edit_overlays");
+        container.html("");
+        $("[data-sb-id]").each(function() {
+          var section = $(this);
+          var offset = section.offset();
+          var yOffset = offset.top - $(".sibu_content_panel").offset().top;
+          var width = section.outerWidth(), height = (section.outerHeight() === 0 ? childrenHeight(section) : section.outerHeight());
+          var overlay = $("<div data-sb-overlay='" + section.attr("data-sb-id") + "'>Modifier</div>");
+          container.append(overlay);
+          overlay.css({top: yOffset, left: offset.left, width: width, height: height});
+          overlay.hover(function() {
+              $(this).css("opacity", 1);
+          }, function() {
+              $(this).css("opacity", 0);
+          });
+          overlay.click(function() {
+              setEditMode(section, $(this), offset.left, yOffset, width, height);
+          })
+        });
+    }
+    function childrenHeight(parentElt) {
+        var height = 0;
+        parentElt.find("*").each(function() {
+            var childHeight = $(this).height();
+            if(childHeight > height) {
+                height = childHeight;
+            }
+        });
+        return height;
+    }
+</script>
+<%= yield :site_scripts %>
+<%= yield :page_scripts %>
+</body>
+</html>