sibu 1.0.0 → 1.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e6eb3cad54639de1385e45c0465b10aabeb58612
-  data.tar.gz: 456b3d03e871ddf4d74efec50ac7439361843591
+  metadata.gz: 83f747d2d0f30d44d8321ea252994eb72a246743
+  data.tar.gz: 4e422b2041a2e3b8ca5eb86810e5440873c7c85e
 SHA512:
-  metadata.gz: 6ac41267562d922d72f7b6d61fc70a9adf039b53b6f2b23fdb611e7630667545831a1fb7d337aa65fdde806d32612cc0f32261b8147d26332966f4e4d1749c19
-  data.tar.gz: c8bd6917787c516117e671d09ebe3a57c4fd402f28dfbe2b6065260cc57d54c561b0016b478e71ce33dd6bb56764a049bec7492e507a0debb2934407f03c9632
+  metadata.gz: 22a3a04bb5835e8119274276106e99ab700cd85c55c47aecafd8111c7c7eaa633f1c57a5e35b088a3532de89d7250580e17965f411a974657df642ac3c6b8a3b
+  data.tar.gz: 284b06e15ef29a30528f605d4c7b003781f17cad85be9a5c42daf78fff8520818189128abe907976ace0930b34f5c05d1f80cf3e7d367c523267e45734e9b1b1

data/README.md

@@ -1,9 +1,13 @@
-# Sibu - A site builder engine for Ruby on Rails
-This is an engine for Ruby on Rails that enables creation of static
-websites in a simple & wysiwyg way.
+# Sibu
+Sibu is an engine to build websites. It focuses on :
+- Maintaining a simple data model, so it can be exported & imported in many formats
+- Increasing the productivity of web developers by using a Domain Specific Language for page edition
+- Providing non-technical users with a simple and accessible site administration interface
 
 ## Usage
-How to use my plugin.
+Sibu is currently implemented as a Ruby on Rails engine. Therefore its setup requires a host Ruby on Rails application, that can be created via :
+
+`rails new my_app`
 
 ## Installation
 Add this line to your application's Gemfile:
@@ -22,6 +26,79 @@ Or install it yourself as:
 $ gem install sibu
 ```
 
+Once the installation is complete, make sure that you copy the database migrations to your application :
+```bash
+rake sibu:install:migrations
+```
+
+And finally run the migrations to update your database model :
+```bash
+rake db:migrate
+```
+
+## Configuration
+Configuration is provided via the `sibu` key of the Rails application configuration. Typically, this would be done in a `sibu.rb` file in the `config/initializers` folder of your Rails application.
+The example below lists the configuration options available :
+```ruby
+Rails.application.config.sibu = {
+
+  # Title metatag of the admin interface
+  title: 'My website administration',
+
+  # Stylesheet to use to style the admin interface
+  stylesheet: 'my_user_css',
+
+  # Javascript to include in the admin interface
+  javascript: 'my_user_js',
+
+  # Path to the admin interface header partial
+  top_panel: 'shared/user/top_panel',
+
+  # Path to the main content edition partial - must include a yield to delegate content display to the Sibu engine
+  content_panel: 'shared/user/content_panel',
+
+  # Path to the admin interface footer partial
+  bottom_panel: 'shared/user/bottom_panel',
+
+  # Name of the method that will be used to authenticate admin users - this method must be available to Sibu controllers
+  auth_filter: :authenticate_user!,
+
+  # Name of the method that will retrieve the current user - this method must be available to Sibu controllers
+  current_user: 'current_user',
+
+  # A flag to indicate that the Sibu instance should offer a separate environment for each user
+  multi_user: true,
+
+  # A proc to identify super-admin users in a multi-users setup (optional)
+  admin_filter: Proc.new {|usr| usr.is_admin},
+
+  # When active, users will be able to override the colors and fonts of the sites templates (optional)
+  custom_styles: true,
+
+  # Lists of colors and fonts available for sites templates customization - Only used when custom_styles is set to true (optional)
+  primary_colors: ['#23527c', '#00B1BF', '#BECD00'],
+  secondary_colors: ['#E2007A', '#aaaaa1', '#be6432'],
+  primary_fonts: ['Intro', 'Lato', 'SourceSansPro'],
+  secondary_fonts: ['Aleo', 'Bodoni', 'Cinzel'],
+
+  # The domain name that will host the admin interface (should be different from the website domain name)
+  host: 'localhost',
+
+  # A partial for 404 error pages
+  not_found: 'shared/templates/not_found',
+
+  # Dimensions of the images to use in the website - Uploaded images will be automatically resized in the provided formats
+  images: {large: 1600, medium: 800, small: 320},
+
+  # Versions available for the created websites
+  versions: [['Français', 'fr'], ['Anglais', 'en']],
+
+  # A proc to override the default ordering of the sections when editing content (optional)
+  sections_ordering: Proc.new {|sections| sections.sort_by {|s| SECTIONS_TABS.index(s['category'])}}
+}
+```
+
+
 ## Improvements
   - Use a specific controller & helper for site display
   - Move page templates to SiteTemplate model

data/app/assets/stylesheets/sibu/defaults.scss

@@ -229,8 +229,7 @@ $sibu-color3 : #333 !default;
     padding: 2rem;
 
     img {
-      padding-top: 2rem;
-      padding-bottom: 2rem;
+      margin-bottom: 2rem;
       border-top: 2px solid $sibu-color1;
       box-shadow: 0 0 5px #ccc;
     }

data/app/assets/stylesheets/sibu/sibu.css

@@ -3,10 +3,21 @@
  *= require_self
  */
 
-.sibu_content_panel {
+body.sibu_edit_content, .sibu_content_panel {
     position: relative
 }
 
+body.sibu_edit_content > .sibu_panel:first-child {
+    position: fixed;
+    width: 100%;
+    z-index: 999999;
+    top: 0;
+}
+
+body.sibu_edit_content > .sibu_content_panel {
+    padding-top: 60px;
+}
+
 .sb-editable {
     cursor: pointer;
     outline: dashed rgba(94, 219, 255, 0.8) 3px;

data/app/controllers/sibu/pages_controller.rb

@@ -2,6 +2,7 @@ require_dependency "sibu/application_controller"
 
 module Sibu
   class PagesController < ApplicationController
+    before_action :compile_assets, only: [:show, :edit_content]
     before_action :set_page, only: [:edit, :update, :destroy, :duplicate, :edit_element, :update_element, :clone_element,
                                     :delete_element, :child_element, :new_section, :create_section, :edit_section,
                                     :update_section, :delete_section]
@@ -10,6 +11,7 @@ module Sibu
                                             :child_element, :new_section, :create_section, :edit_section,
                                             :update_section, :delete_section]
     before_action :set_online, only: [:show, :edit]
+
     skip_before_action Rails.application.config.sibu[:auth_filter], only: [:show]
 
     def index
@@ -44,7 +46,7 @@ module Sibu
     end
 
     def new
-      @page = Sibu::Page.new(site_id: @site.id)
+      @page = Sibu::Page.new(site_id: @site.id, source: 'Saisie manuelle')
     end
 
     def create
@@ -194,5 +196,9 @@ module Sibu
     def show_params
       params.permit!
     end
+
+    def compile_assets
+      Sibu::DynamicStyle.new(params[:site_id]).compile if Rails.env.development? && conf[:custom_styles] && !params[:site_id].blank?
+    end
   end
 end

data/app/controllers/sibu/sites_controller.rb

@@ -6,7 +6,11 @@ module Sibu
     skip_before_action Rails.application.config.sibu[:auth_filter], only: [:show]
 
     def index
-      @sites = Sibu::Site.for_user(sibu_user).order(:name, :version)
+      if conf[:admin_filter].call(sibu_user)
+        @sites = Sibu::Site.all.order(:name, :version)
+      else
+        @sites = Sibu::Site.for_user(sibu_user).order(:name, :version)
+      end
     end
 
     def show

data/app/helpers/sibu/application_helper.rb

@@ -5,7 +5,7 @@ module Sibu
     end
 
     def sibu_user
-      send(Rails.application.config.sibu[:current_user])
+      send(conf[:current_user])
     end
   end
 end

data/app/helpers/sibu/pages_helper.rb

@@ -7,6 +7,10 @@ module Sibu
       p ? (request.host == conf[:host] ? site_page_path(@site.id, p.id) : (conf[:deployment_path] ? "/#{conf[:deployment_path]}/#{p.path}" : "/#{p.path}")) : "#"
     end
 
+    def is_current_page(link_val)
+      /\d+/.match?(link_val) && link_val.to_i == @page.id
+    end
+
     def sections_templates
       @site.site_template.available_sections
     end
@@ -35,29 +39,53 @@ module Sibu
       end
     end
 
-    [:h1, :h2, :h3, :h4, :h5, :h6, :span].each do |t|
-      define_method(t) do |elt, html_opts = {}, &block|
-        defaults = {"id" => elt.is_a?(Hash) ? elt["id"] : elt, "text" => Sibu::DEFAULT_TEXT}
+    [:h1, :h2, :h3, :h4, :h5, :h6, :span, :p, :li].each do |t|
+      define_method(t) do |elt, opts = {}, &block|
+        t_id = elt.is_a?(Hash) ? elt["id"] : elt
+        defaults = {"id" => t_id, "text" => (t == :p ? Sibu::DEFAULT_PARAGRAPH : Sibu::DEFAULT_TEXT)}
         content = defaults.merge(elt.is_a?(Hash) ? elt : (select_element(elt) || {}))
-        html_opts.merge!({data: {id: elt_id(elt), type: "text"}}) if action_name != 'show'
+        html_opts = {"id" => t_id}.merge(opts.except(:repeat, :children).stringify_keys)
+        @sb_section = (@sb_section || []) + [t_id]
+        if action_name != 'show'
+          html_opts.merge!({
+                               "data-id" => @sb_section[1..-1].join('|'),
+                               "data-type" => (t == :p ? "paragraph" : "text"),
+                               "data-repeat" => opts.delete(:repeat),
+                               "data-children" => opts.delete(:children)
+                           })
+        end
         if block
-          @sb_section = (@sb_section || []) + [elt_id(elt)]
-          html_output = content_tag(t, capture(content, nested_elements(elt), &block), html_opts)
-          @sb_section -= [elt_id(elt)]
-          html_output
+          if t == :p
+            html_output = content_tag(:div, content_tag(t, capture(content, nested_elements(elt), &block)), html_opts)
+          else
+            html_output = content_tag(t, capture(content, nested_elements(t_id), &block), html_opts)
+          end
         else
-          content_tag(t, raw(content["text"]).html_safe, html_opts)
+          if t == :p
+            html_output = content_tag(:div, content_tag(t, raw(content["text"]).html_safe), html_opts)
+          else
+            html_output = content_tag(t, raw(content["text"]).html_safe, html_opts)
+          end
         end
+        @sb_section -= [t_id]
+        html_output
       end
     end
 
-    [:div, :section, :article, :aside, :header, :footer, :nav, :main, :ul].each do |t|
-      define_method(t) do |elt, html_opts = {}, &block|
+    [:div, :section, :article, :aside, :header, :footer, :nav, :main, :ul, :ol, :wrapper].each do |t|
+      define_method(t) do |elt, opts = {}, &block|
         t_id = elt.is_a?(Hash) ? elt["id"] : elt
         @sb_section = (@sb_section || []) + [t_id]
-        html_opts = {"id" => t_id}.merge(html_opts)
-        html_opts.merge!(@sb_section.length == 1 ? {"data-sb-id" => t_id, "data-sb-entity" => @sb_entity == @site ? 'site' : 'page'} : {"data-id" => elt_id(elt), "data-type" =>  "group", "data-repeat" => false, "data-children" => false}) if action_name != 'show'
-        html_output = content_tag(t, capture(current_elt(elt), nested_elements(t_id), &block), html_opts)
+        html_opts = {"id" => t_id}.merge(opts.except(:repeat, :children).stringify_keys)
+        if action_name != 'show'
+          html_opts.merge!({
+                               "data-id" => @sb_section[1..-1].join('|'),
+                               "data-type" => "group",
+                               "data-repeat" => opts.delete(:repeat),
+                               "data-children" => opts.delete(:children)
+                           })
+        end
+        html_output = t == :wrapper ? capture(current_elt(elt), nested_elements(t_id), &block) : content_tag(t, capture(current_elt(elt), nested_elements(t_id), &block), html_opts)
         @sb_section -= [t_id]
         html_output
       end
@@ -71,8 +99,12 @@ module Sibu
       (tokens + [suffix]).select {|t| !t.blank?}.join("|")
     end
 
-    def nested_elements(id)
-      element_id = elt_id(id)
+    # Note : the best option is probably a "section" helper that is instantiated from the section hash
+    # and that provides all the logic for elements manipulation (ex: section.h3(), section.elements, section.elements(nested_id), etc...)
+    # That will also remove the entity type references (site / page) from the partials (but is still has to be figured out by Sibu)
+    # Note : add "each_with_elements" and "elements" on section/elts enumerables
+    def nested_elements(elt_or_id)
+      element_id = elt_id(elt_or_id)
       element_id_tokens = (@sb_section + element_id.split("|")).uniq
       nested_elts = @sb_entity.elements(*element_id_tokens)
       nested_elts.blank? ? [{"id" => element_id.split("|").last, "data-id" => join_tokens(element_id_tokens[1..-1], "#{element_id}0")}] :
@@ -88,37 +120,37 @@ module Sibu
       items.blank? ? [{"id" => "el#{Time.current.to_i}"}] : items
     end
 
-    def p(elt, opts = {})
-      repeat = opts.delete(:repeat)
-      defaults = {"id" => elt.is_a?(Hash) ? elt["id"] : elt, "text" => Sibu::DEFAULT_PARAGRAPH}
-      content = defaults.merge(elt.is_a?(Hash) ? elt : (select_element(elt) || {}))
-      opts.merge!({data: {id: elt_id(elt), repeat: repeat, type: "paragraph"}}) if action_name != 'show'
-      content_tag(:div, content_tag(:p, raw(content["text"]).html_safe), opts)
-    end
-
     def img(elt, opts = {})
       wrapper = opts.delete(:wrapper)
       repeat = opts.delete(:repeat)
       size = opts.delete(:size)
-      defaults = {"id" => elt.is_a?(Hash) ? elt["id"] : elt, "src" => Sibu::DEFAULT_IMG}
+      t_id = elt.is_a?(Hash) ? elt["id"] : elt
+      defaults = {"id" => t_id, "src" => Sibu::DEFAULT_IMG}
       content = defaults.merge(elt.is_a?(Hash) ? elt : (select_element(elt) || {}))
+      @sb_section = (@sb_section || []) + [t_id]
       if action_name == 'show'
         content["src"] = ("/#{conf[:deployment_path]}" + content["src"]) if @online && conf[:deployment_path]
       else
-        opts.merge!({data: {id: elt_id(elt), type: "media", repeat: repeat, size: size}})
+        opts.merge!({data: {id: @sb_section[1..-1].join('|'), type: "media", repeat: repeat, size: size}})
       end
-      wrapper ? content_tag(wrapper, content_tag(:img, nil, content.except("id")), opts)
+      html_output = wrapper ? content_tag(wrapper, content_tag(:img, nil, content.except("id")), opts)
           : content_tag(:img, nil, content.except("id").merge(opts.stringify_keys) {|k, old, new| k == 'class' ? [old, new].join(' ') : new})
+      @sb_section -= [t_id]
+      html_output
     end
 
     def grp(elt, opts = {}, &block)
       wrapper = opts.delete(:wrapper) || :div
       repeat = opts.delete(:repeat)
       children = opts.delete(:children)
-      defaults = {"id" => elt.is_a?(Hash) ? elt["id"] : elt}
+      t_id = elt.is_a?(Hash) ? elt["id"] : elt
+      @sb_section = (@sb_section || []) + [t_id]
+      defaults = {"id" => t_id}
       opts = defaults.merge(opts)
-      opts.merge!({data: {id: elt_id(elt), type: "group", repeat: repeat, children: children}}) if action_name != 'show'
-      content_tag(wrapper, capture(*elts(elt), &block), opts)
+      opts.merge!({data: {id: @sb_section[1..-1].join('|'), type: "group", repeat: repeat, children: children}}) if action_name != 'show'
+      html_output = content_tag(wrapper, capture(*elts(elt), &block), opts)
+      @sb_section -= [t_id]
+      html_output
     end
 
     def empty_tag(elt, tag, type, opts = {})
@@ -171,10 +203,18 @@ module Sibu
              locals: {sibu: self, sibu_section: s, sibu_attrs: sibu_attributes(s).html_safe}
     end
 
+    # Page sections attrs
     def sibu_attributes(section)
       action_name != 'show' ? ('data-sb-id="' + section['id'] + '" data-sb-entity="page"') : ''
     end
 
+    # Site sections attrs
+    def sibu_attrs(section_id)
+      @sb_section = [section_id]
+      @sb_entity = @site
+      action_name != 'show' ? ('data-sb-id="' + section_id + '" data-sb-entity="site"').html_safe : ''
+    end
+
     def section(id, tag, html_opts = {}, &block)
       @sb_section = [id]
       opts = action_name != 'show' ? html_opts.merge({"data-sb-id" => id, "data-sb-entity" => @sb_entity == @site ? 'site' : 'page'}) : html_opts
@@ -197,12 +237,14 @@ module Sibu
     def link(elt, html_opts = {}, &block)
       repeat = html_opts.delete(:repeat)
       children = html_opts.delete(:children)
-      defaults = {"id" => elt_id(elt), "value" => "", "text" => Sibu::DEFAULT_TEXT}
+      t_id = elt.is_a?(Hash) ? elt["id"] : elt
+      defaults = {"id" => t_id, "value" => "", "text" => Sibu::DEFAULT_TEXT}
       link_elt = current_elt(elt)
       content = defaults.merge(link_elt)
       val = content.delete("value") || ""
       text = content.delete("text")
-      html_opts.merge!({data: {id: elt_id(elt), type: "link", repeat: repeat, children: children}}) if action_name != 'show'
+      @sb_section = (@sb_section || []) + [t_id]
+      html_opts.merge!({data: {id: @sb_section[1..-1].join('|'), type: "link", repeat: repeat, children: children}}) if action_name != 'show'
       if val.to_s.start_with?('http')
         content["href"] = val
       elsif val.to_s.start_with?('#')
@@ -216,17 +258,16 @@ module Sibu
         content["href"] = @links.keys.include?(val.to_s) ? (action_name == 'show' ? link_path(val) : site_page_edit_content_path(@site.id, val)) : '#'
       end
       if block_given?
-        @sb_section = (@sb_section || []) + [elt_id(elt)]
         html_output = content_tag(:a, capture(link_elt, elts(elt), &block), content.merge(html_opts).except("elements"))
-        @sb_section -= [elt_id(elt)]
-        html_output
       else
-        content_tag(:a, raw(text), content.merge(html_opts).except("elements"))
+        html_output = content_tag(:a, raw(text), content.merge(html_opts).except("elements"))
       end
+      @sb_section -= [t_id]
+      html_output
     end
 
     def interactive_map(elt, html_opts = {})
-      defaults = {"data-lat" => "45.68854", "data-lng" => "5.91587", "data-title" => Sibu::DEFAULT_TEXT}
+      defaults = {"data-lat" => "46.1988027", "data-lng" => "5.1748288", "data-title" => Sibu::DEFAULT_TEXT}
       content = defaults.merge(elt.is_a?(Hash) ? elt : (select_element(elt) || {"id" => elt}))
       html_opts.merge!({data: {id: elt_id(elt), type: "map"}}) if action_name != 'show'
       content_tag(:div, nil, content.merge(html_opts))

data/app/models/sibu/page.rb

@@ -62,5 +62,9 @@ module Sibu
         save
       end
     end
+
+    def home?
+      is_home == 'true' || is_home == '1'
+    end
   end
 end

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

@@ -3,7 +3,7 @@
 <head>
   <title><%= conf[:title] %></title>
   <%= stylesheet_link_tag 'sibu/sibu', media: 'all' %>
-  <%= stylesheet_link_tag conf[:stylesheet], media: 'all' %>
+  <%= stylesheet_link_tag "#{conf[:stylesheet]}-edit", media: 'all' %>
   <%= javascript_include_tag "#{conf[:javascript]}-edit" %>
   <% if @site %>
     <%= stylesheet_link_tag (conf[:custom_styles] ? @site.style_url : @site.site_template.path), media: "all" %>
@@ -12,7 +12,7 @@
   <%= csrf_meta_tags %>
   <%= yield :styles %>
 </head>
-<body>
+<body class="sibu_edit_content">
 <% [: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' %>">
@@ -44,11 +44,8 @@
 <%= javascript_include_tag 'sibu/sibu' %>
 <script>
     document.addEventListener("DOMContentLoaded", function() {
-        initOverlays();
+        initOverlays("<%= @edit_section || '' %>");
         sibuCallback("editContent");
-        <% unless @edit_section.blank? %>
-          document.querySelector("[data-sb-overlay='<%= @edit_section %>']").click();
-        <% end %>
     });
 
     function setEditMode(section, overlay, left, top, width, height) {
@@ -77,7 +74,8 @@
             editMode.querySelector("#new_section_after").style.display = "block";
             editMode.querySelector("#delete_section").style.display = "block";
         }
-        window.scrollTo(0, top);
+        var topPadding = top <= 120 ? 60 : 120;
+        window.scrollTo(0, top - topPadding);
         section.classList.add('sb-editing');
         initInnerOverlays(section);
         document.querySelector("#edit_overlays").innerHTML = "";
@@ -212,7 +210,7 @@
     function initInnerOverlays(section) {
         var editables = section.querySelectorAll("[data-type]");
         for (var i = 0; i < editables.length; i++) {
-            if (editables[i].getAttribute("data-type") !== 'group' || editables[i].getAttribute("data-repeat") !== 'false' || editables[i].getAttribute("data-children") !== 'false') {
+            if (editables[i].getAttribute("data-type") !== 'group' || editables[i].getAttribute("data-repeat") === 'true' || editables[i].getAttribute("data-children") === 'true') {
                 editables[i].addEventListener("mouseenter", function(evt) {
                     evt.stopPropagation();
                     evt.currentTarget.classList.add("sb-editable");
@@ -232,28 +230,52 @@
         }
     }
 
-    function initOverlays() {
-        var container = document.querySelector("#edit_overlays"), sections = document.querySelectorAll("[data-sb-id]");
-        container.innerHTML = "";
+    function initOverlays(activeSection = "") {
+        setTimeout(function() {
+            var container = document.querySelector("#edit_overlays"), sections = document.querySelectorAll("[data-sb-id]");
+            container.innerHTML = "";
+
+            for (var i = 0; i < sections.length; i++) {
+                var sectionBox = eltBox(sections[i]);
+                var yOffset = sectionBox.top;
+                var width = sections[i].offsetWidth, height = (sections[i].offsetHeight === 0 ? childrenHeight(sections[i]) : sections[i].offsetHeight);
+                var overlay = document.createElement("div");
+                overlay.setAttribute("data-sb-overlay", sections[i].getAttribute("data-sb-id"));
+                overlay.innerHTML = "Modifier";
+                container.appendChild(overlay);
+                overlay.style.top = yOffset + "px";
+                overlay.style.left = sectionBox.left + "px";
+                overlay.style.width = width + "px";
+                overlay.style.height = height + "px";
+                overlay.addEventListener("click", (function(section, offsetLeft, offsetTop, editWidth, editHeight) {
+                    return function(evt) {
+                        setEditMode(section, evt.currentTarget, offsetLeft, offsetTop, editWidth, editHeight);
+                    };
+                })(sections[i], sectionBox.left, yOffset, width, height));
+            }
+            if (activeSection) {
+                document.querySelector("[data-sb-overlay='" + activeSection + "']").click();
+            }
+        }, 800);
+    }
 
-        for (var i = 0; i < sections.length; i++) {
-            var sectionBox = sections[i].getBoundingClientRect();
-            var yOffset = sectionBox.top - document.querySelector(".sibu_content_panel").getBoundingClientRect().top;
-            var width = sections[i].offsetWidth, height = (sections[i].offsetHeight === 0 ? childrenHeight(sections[i]) : sections[i].offsetHeight);
-            var overlay = document.createElement("div");
-            overlay.setAttribute("data-sb-overlay", sections[i].getAttribute("data-sb-id"));
-            overlay.innerHTML = "Modifier";
-            container.appendChild(overlay);
-            overlay.style.top = yOffset + "px";
-            overlay.style.left = sectionBox.left + "px";
-            overlay.style.width = width + "px";
-            overlay.style.height = height + "px";
-            overlay.addEventListener("click", (function(section, offsetLeft, offsetTop, editWidth, editHeight) {
-                return function(evt) {
-                    setEditMode(section, evt.currentTarget, offsetLeft, offsetTop, editWidth, editHeight);
-                };
-            })(sections[i], sectionBox.left, yOffset, width, height));
+    function eltBox(elt) {
+        var x, y, w, h, bbox = elt.getBoundingClientRect();
+        if (isIE()) {
+            x = bbox.left + window.scrollX;
+            y = bbox.top + window.scrollY;
+        } else {
+            x = bbox.x + window.scrollX;
+            y = bbox.y + window.scrollY;
         }
+        w = bbox.width;
+        h = bbox.height;
+        return {top: y, left: x, width: w, height: h}
+    }
+
+    function isIE() {
+        let ua = navigator.userAgent;
+        return ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
     }
 
     function childrenHeight(parentElt) {

data/app/views/sibu/pages/_code_edit_panel.html.erb

@@ -1,10 +1,11 @@
 <h2>Modifier le contenu</h2>
 <div id="edit_msg"></div>
+<%= render 'element_actions' %>
 <div class="sibu_edit_form">
   <form class="edit_element_form" action="<%= update_element_site_page_path(@site.id, @page.id, format: :js) %>" accept-charset="UTF-8" method="patch">
     <div class="sibu_field">
       <%= label_tag 'element[code]', "Code d'intégration du contenu" %>
-      <%= text_area_tag 'element[code]', @element["code"], placeholder: ' ex: <iframe src="..."></iframe>'  %>
+      <%= text_area_tag 'element[code]', @element["code"], placeholder: 'ex: <iframe src="..."></iframe>'  %>
     </div>
     <%= hidden_field_tag 'element[id]', @element["id"] %>
     <%= hidden_field_tag :element_id, @element_id %>

data/app/views/sibu/pages/_form.html.erb

@@ -13,6 +13,13 @@
       <small>L'adresse (ou URL) de la page, utilisée par les navigateurs web pour y accéder</small>
     </div>
   </div>
+  <div class="sibu_field">
+    <%= f.label :source, "Référence" %>
+    <div>
+      <%= f.text_field :source, placeholder: "Référence interne optionnelle (Ex: test mise en page 2) " %>
+      <small>Un bref descriptif de la page, à usage interne uniquement</small>
+    </div>
+  </div>
   <div class="sibu_field">
     <%= f.label :is_home, "Page d'accueil" %>
     <div>
@@ -56,6 +63,7 @@
     </div>
   </div>
   <%= f.hidden_field :site_id %>
+  <%= f.hidden_field :site_id %>
   <div class="sibu_actions">
     <%= f.submit 'Valider' %>
     <%= link_to 'Annuler', :back %>

data/app/views/sibu/pages/_map_edit_panel.html.erb

@@ -1,5 +1,6 @@
 <h2>Modifier la carte</h2>
 <div id="edit_msg"></div>
+<%= render 'element_actions' %>
 <div class="sibu_edit_form">
   <form class="edit_element_form" action="<%= update_element_site_page_path(@site.id, @page.id, format: :js) %>" accept-charset="UTF-8" method="patch">
     <div class="sibu_field">

data/app/views/sibu/pages/edit.html.erb

@@ -2,7 +2,7 @@
   <div class="actions">
     <%= link_to 'Retour', :back %>
   </div>
-  <h2>Modifier une page</h2>
+  <h2>Réglages de la page</h2>
   <div class="sibu_form">
     <%= render 'form' %>
   </div>

data/app/views/sibu/pages/edit_element.js.erb

@@ -86,8 +86,8 @@ setTimeout(function() {
         document.querySelector("#clone_elt").style.display = "inline-block";
         document.querySelector("#duplicate_elt").style.display = "inline-block";
     <% else %>
-        document.querySelector("#clone_elt").remove();
-        document.querySelector("#duplicate_elt").remove();
+        if (document.querySelector("#clone_elt")) document.querySelector("#clone_elt").remove();
+        if (document.querySelector("#duplicate_elt")) document.querySelector("#duplicate_elt").remove();
     <% end %>
 
     <% if @children %>

data/app/views/sibu/pages/index.html.erb

@@ -1,6 +1,9 @@
 <div id="pages" class="sibu_view">
   <div class="actions">
-    <%= link_to 'Créer une page', new_site_page_path(@site.id) %> <%= link_to 'Retour', :back %>
+    <%= link_to "Bibliothèque d'images", images_path %>
+    <%= link_to "Documents", documents_path %>
+    <%= link_to 'Créer une page', new_site_page_path(@site.id) %>
+    <%= link_to 'Retour', :back %>
   </div>
   <h2>Pages du site "<%= @site.name %>"</h2>
   <table>
@@ -8,7 +11,7 @@
     <tr>
       <th>Nom</th>
       <th>Chemin d'accès</th>
-      <th>Origine</th>
+      <th>Référence</th>
       <th>Mise à jour</th>
       <th></th>
     </tr>
@@ -24,7 +27,7 @@
           <%= link_to 'Voir', site_page_path(@site.id, p), target: '_blank' %> |
           <%= link_to 'Editer', site_page_edit_content_path(site_id: @site.id, page_id: p.id) %> |
           <%= link_to 'Copier', duplicate_site_page_path(@site.id, p), method: :post, data: {confirm: "Copier la page \"#{p.name}\" ?"} %> |
-          <%= link_to 'Paramétrer', edit_site_page_path(@site.id, p) %> |
+          <%= link_to 'Paramétrer cette page', edit_site_page_path(@site.id, p) %> |
           <%= link_to 'Supprimer', site_page_path(@site.id, p), method: :delete, data: {confirm: "Supprimer la page \"#{p.name}\" ?"} %>
         </td>
       </tr>

data/app/views/sibu/sites/_form.html.erb

@@ -16,8 +16,8 @@
   <div class="sibu_field">
     <%= f.label :site_template_id, 'Modèle' %>
     <div>
-      <%= f.collection_select(:site_template_id, Sibu::SiteTemplate.all, :id, :name, {prompt: 'Sélectionnez un modèle de site'}, disabled: @site.persisted?) %>
-      <small>Choisissez le gabarit qui servira de modèle pour votre site (non modifiable après création)</small>
+      <%= f.collection_select(:site_template_id, Sibu::SiteTemplate.all.order(:name), :id, :name, {prompt: 'Sélectionnez un modèle de site'}, disabled: @site.persisted?) %>
+      <small>Choisissez le gabarit qui servira de modèle pour votre site (voir exemples ci-dessous - non modifiable après création)</small>
     </div>
   </div>
   <div class="sibu_field">

data/app/views/sibu/sites/index.html.erb

@@ -24,7 +24,7 @@
         <td><%= l s.updated_at %></td>
         <td colspan="2">
           <%= link_to 'Pages', site_pages_path(s) %> |
-          <%= link_to 'Paramétrer', edit_site_path(s) %> |
+          <%= link_to 'Réglages du site', edit_site_path(s) %> |
           <%= link_to 'Copier', duplicate_site_path(s), method: :post, data: {confirm: "Copier le site \"#{s.name}\" ?"} %> |
           <%= link_to 'Supprimer', site_path(s), method: :delete, data: {confirm: "Supprimer le site \"#{s.name}\" ?"} %>
         </td>

data/app/views/sibu/sites/new.html.erb

@@ -8,7 +8,7 @@
   </div>
   <h2>Aperçu des modèles</h2>
   <div>
-    <% Sibu::SiteTemplate.all.each do |st| %>
+    <% Sibu::SiteTemplate.all.order(:name).each do |st| %>
       <div class="sibu_template">
         <h3><%= st.name %></h3>
         <%= image_tag "#{st.path}1.jpg" %>

data/lib/sibu/version.rb

@@ -1,3 +1,3 @@
 module Sibu
-  VERSION = '1.0.0'
+  VERSION = '1.0.5'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sibu
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.5
 platform: ruby
 authors:
 - Jean-Baptiste Vilain
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-27 00:00:00.000000000 Z
+date: 2020-09-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails