ivaldi-content-builder 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 567ce814b24744949448b8b0f6606b103ef35705
+  data.tar.gz: 6fb3b921848f31f5712e5780d6e6deff784361f0
+SHA512:
+  metadata.gz: dbb75e538dbb9a7c322185e4f08564d88c088a7edc80e681bf1700f540ca7db6feaff5378c5a270db776e08b818ef45ce51fc110d05bcc0c38f1da6292654636
+  data.tar.gz: f382254a25d8c16f9c60b9adbb8fc259cfee8fd59d5d9e75b273c13aa756cdc7f9cb286a6874fa903a28da0165ccbfea29ad73ea8aeefe704298f9b8b7d6dec9

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 Bas Schoenmakers
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# IvaldiContentBuilder
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'ivaldi_content_builder'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install ivaldi_content_builder
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,33 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'IvaldiContentBuilder'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/html.sortable.min.js

@@ -0,0 +1,349 @@
+!(function(e, t) {
+  "function" == typeof define && define.amd
+    ? define([], t)
+    : "object" == typeof exports ? (module.exports = t()) : (e.sortable = t());
+})(this, function() {
+  "use strict";
+  function e(e, t, n) {
+    var r = null;
+    return 0 === t
+      ? e
+      : function() {
+          var a = n || this,
+            o = arguments;
+          clearTimeout(r), (r = setTimeout(function() {
+            e.apply(a, o);
+          }, t));
+        };
+  }
+  var t,
+    n,
+    r = [],
+    a = [],
+    o = function(e, t, n) {
+      return void 0 === n
+        ? e && e.h5s && e.h5s.data && e.h5s.data[t]
+        : (
+            (e.h5s = e.h5s || {}),
+            (e.h5s.data = e.h5s.data || {}),
+            (e.h5s.data[t] = n),
+            void 0
+          );
+    },
+    i = function(e) {
+      e.h5s && delete e.h5s.data;
+    },
+    s = function(e, t) {
+      return (e.matches ||
+        e.matchesSelector ||
+        e.msMatchesSelector ||
+        e.mozMatchesSelector ||
+        e.webkitMatchesSelector ||
+        e.oMatchesSelector)
+        .call(e, t);
+    },
+    l = function(e, t) {
+      if (!t) return Array.prototype.slice.call(e);
+      for (var n = [], r = 0; r < e.length; ++r)
+        "string" == typeof t && s(e[r], t) && n.push(e[r]), t.indexOf(e[r]) !==
+          -1 && n.push(e[r]);
+      return n;
+    },
+    d = function(e, t, n) {
+      if (e instanceof Array) for (var r = 0; r < e.length; ++r) d(e[r], t, n);
+      else
+        e.addEventListener(t, n), (e.h5s = e.h5s || {}), (e.h5s.events =
+          e.h5s.events || {}), (e.h5s.events[t] = n);
+    },
+    c = function(e, t) {
+      if (e instanceof Array) for (var n = 0; n < e.length; ++n) c(e[n], t);
+      else
+        e.h5s &&
+          e.h5s.events &&
+          e.h5s.events[t] &&
+          (e.removeEventListener(t, e.h5s.events[t]), delete e.h5s.events[t]);
+    },
+    f = function(e, t, n) {
+      if (e instanceof Array) for (var r = 0; r < e.length; ++r) f(e[r], t, n);
+      else e.setAttribute(t, n);
+    },
+    u = function(e, t) {
+      if (e instanceof Array) for (var n = 0; n < e.length; ++n) u(e[n], t);
+      else e.removeAttribute(t);
+    },
+    p = function(e) {
+      var t = e.getClientRects()[0];
+      return { left: t.left + window.scrollX, top: t.top + window.scrollY };
+    },
+    h = function(e) {
+      c(e, "dragstart"), c(e, "dragend"), c(e, "selectstart"), c(
+        e,
+        "dragover"
+      ), c(e, "dragenter"), c(e, "drop");
+    },
+    g = function(e) {
+      c(e, "dragover"), c(e, "dragenter"), c(e, "drop");
+    },
+    m = function(e, t) {
+      (e.dataTransfer.effectAllowed = "move"), e.dataTransfer.setData(
+        "text",
+        ""
+      ), e.dataTransfer.setDragImage &&
+        e.dataTransfer.setDragImage(t.draggedItem, t.x, t.y);
+    },
+    v = function(e, t) {
+      return t.x || (t.x = parseInt(e.pageX - p(t.draggedItem).left)), t.y ||
+        (t.y = parseInt(e.pageY - p(t.draggedItem).top)), t;
+    },
+    y = function(e) {
+      return { draggedItem: e };
+    },
+    b = function(e, t) {
+      var n = y(t);
+      (n = v(e, n)), m(e, n);
+    },
+    E = function(e) {
+      i(e), u(e, "aria-dropeffect");
+    },
+    x = function(e) {
+      u(e, "aria-grabbed"), u(e, "draggable"), u(e, "role");
+    },
+    w = function(e, t) {
+      return (
+        e === t ||
+        (void 0 !== o(e, "connectWith") &&
+          o(e, "connectWith") === o(t, "connectWith"))
+      );
+    },
+    C = function(e, t) {
+      var n,
+        r = [];
+      if (!t) return e;
+      for (var a = 0; a < e.length; ++a)
+        (n = e[a].querySelectorAll(t)), (r = r.concat(
+          Array.prototype.slice.call(n)
+        ));
+      return r;
+    },
+    A = function(e) {
+      var t = o(e, "opts") || {},
+        n = l(q(e), t.items),
+        r = C(n, t.handle);
+      g(e), E(e), c(r, "mousedown"), h(n), x(n);
+    },
+    I = function(e) {
+      var t = o(e, "opts"),
+        n = l(q(e), t.items),
+        r = C(n, t.handle);
+      f(e, "aria-dropeffect", "move"), f(r, "draggable", "true");
+      var a = (document || window.document).createElement("span");
+      "function" != typeof a.dragDrop ||
+        t.disableIEFix ||
+        d(r, "mousedown", function() {
+          if (n.indexOf(this) !== -1) this.dragDrop();
+          else {
+            for (var e = this.parentElement; n.indexOf(e) === -1; )
+              e = e.parentElement;
+            e.dragDrop();
+          }
+        });
+    },
+    D = function(e) {
+      var t = o(e, "opts"),
+        n = l(q(e), t.items),
+        r = C(n, t.handle);
+      f(e, "aria-dropeffect", "none"), f(r, "draggable", "false"), c(
+        r,
+        "mousedown"
+      );
+    },
+    S = function(e) {
+      var t = o(e, "opts"),
+        n = l(q(e), t.items),
+        r = C(n, t.handle);
+      h(n), c(r, "mousedown"), g(e);
+    },
+    L = function(e) {
+      return e.parentElement
+        ? Array.prototype.indexOf.call(e.parentElement.children, e)
+        : 0;
+    },
+    O = function(e) {
+      return !!e.parentNode;
+    },
+    T = function(e, t) {
+      if ("string" != typeof e) return e;
+      var n = document.createElement(t);
+      return (n.innerHTML = e), n.firstChild;
+    },
+    W = function(e, t) {
+      e.parentElement.insertBefore(t, e);
+    },
+    M = function(e, t) {
+      e.parentElement.insertBefore(t, e.nextElementSibling);
+    },
+    N = function(e) {
+      e.parentNode && e.parentNode.removeChild(e);
+    },
+    P = function(e, t) {
+      var n = document.createEvent("Event");
+      return t && (n.detail = t), n.initEvent(e, !1, !0), n;
+    },
+    Y = function(e, t) {
+      a.forEach(function(n) {
+        w(e, n) && n.dispatchEvent(t);
+      });
+    },
+    q = function(e) {
+      return e.children;
+    },
+    z = function(i, c) {
+      var u = String(c);
+      return (c = (function(e) {
+        var t = {
+          connectWith: !1,
+          placeholder: null,
+          disableIEFix: !1,
+          placeholderClass: "sortable-placeholder",
+          draggingClass: "sortable-dragging",
+          hoverClass: !1,
+          debounce: 0
+        };
+        for (var n in e) t[n] = e[n];
+        return t;
+      })(c)), c &&
+        "function" == typeof c.getChildren &&
+        (q = c.getChildren), "string" == typeof i &&
+        (i = document.querySelectorAll(i)), i instanceof window.Element &&
+        (i = [i]), (i = Array.prototype.slice.call(i)), i.forEach(function(i) {
+        if (/enable|disable|destroy/.test(u)) return void z[u](i);
+        (c = o(i, "opts") || c), o(i, "opts", c), S(i);
+        var h,
+          g,
+          m = l(q(i), c.items),
+          v = c.placeholder;
+        if (
+          (
+            v ||
+              (v = document.createElement(
+                /^ul|ol$/i.test(i.tagName) ? "li" : "div"
+              )),
+            (v = T(v, i.tagName)),
+            v.classList.add.apply(v.classList, c.placeholderClass.split(" ")),
+            !i.getAttribute("data-sortable-id")
+          )
+        ) {
+          var y = a.length;
+          (a[y] = i), f(i, "data-sortable-id", y), f(
+            m,
+            "data-item-sortable-id",
+            y
+          );
+        }
+        if (
+          (
+            o(i, "items", c.items),
+            r.push(v),
+            c.connectWith && o(i, "connectWith", c.connectWith),
+            I(i),
+            f(m, "role", "option"),
+            f(m, "aria-grabbed", "false"),
+            c.hoverClass
+          )
+        ) {
+          var E = "sortable-over";
+          "string" == typeof c.hoverClass &&
+            (E = c.hoverClass), d(m, "mouseenter", function() {
+            this.classList.add(E);
+          }), d(m, "mouseleave", function() {
+            this.classList.remove(E);
+          });
+        }
+        d(m, "dragstart", function(e) {
+          e.stopImmediatePropagation(), (c.handle && !s(e.target, c.handle)) || "false" === this.getAttribute("draggable") || (b(e, this), this.classList.add(c.draggingClass), (t = this), f(t, "aria-grabbed", "true"), (h = L(t)), (n = parseInt(window.getComputedStyle(t).height)), (g = this.parentElement), Y(i, P("sortstart", { item: t, placeholder: v, startparent: g })));
+        }), d(m, "dragend", function() {
+          var e;
+          t &&
+            (
+              t.classList.remove(c.draggingClass),
+              f(t, "aria-grabbed", "false"),
+              (t.style.display = t.oldDisplay),
+              delete t.oldDisplay,
+              r.forEach(N),
+              (e = this.parentElement),
+              Y(i, P("sortstop", { item: t, startparent: g })),
+              (h === L(t) && g === e) ||
+                Y(
+                  i,
+                  P("sortupdate", {
+                    item: t,
+                    index: l(q(e), o(e, "items")).indexOf(t),
+                    oldindex: m.indexOf(t),
+                    elementIndex: L(t),
+                    oldElementIndex: h,
+                    startparent: g,
+                    endparent: e
+                  })
+                ),
+              (t = null),
+              (n = null)
+            );
+        }), d([i, v], "drop", function(e) {
+          var n;
+          w(i, t.parentElement) &&
+            (
+              e.preventDefault(),
+              e.stopPropagation(),
+              (n = r.filter(O)[0]),
+              M(n, t),
+              t.dispatchEvent(P("dragend"))
+            );
+        });
+        var x = e(function(e, a) {
+          if (t)
+            if (m.indexOf(e) !== -1) {
+              var o = parseInt(window.getComputedStyle(e).height),
+                i = L(v),
+                s = L(e);
+              if (
+                (c.forcePlaceholderSize && (v.style.height = n + "px"), o > n)
+              ) {
+                var d = o - n,
+                  f = p(e).top;
+                if (i < s && a < f + d) return;
+                if (i > s && a > f + o - d) return;
+              }
+              void 0 === t.oldDisplay &&
+                (t.oldDisplay = t.style.display), (t.style.display =
+                "none"), i < s ? M(e, v) : W(e, v), r
+                .filter(function(e) {
+                  return e !== v;
+                })
+                .forEach(N);
+            } else
+              r.indexOf(e) !== -1 ||
+                l(q(e), c.items).length ||
+                (r.forEach(N), e.appendChild(v));
+        }, c.debounce),
+          C = function(e) {
+            t &&
+              w(i, t.parentElement) &&
+              (
+                e.preventDefault(),
+                e.stopPropagation(),
+                (e.dataTransfer.dropEffect = "move"),
+                x(this, e.pageY)
+              );
+          };
+        d(m.concat(i), "dragover", C), d(m.concat(i), "dragenter", C);
+      }), i;
+    };
+  return (z.destroy = function(e) {
+    A(e);
+  }), (z.enable = function(e) {
+    I(e);
+  }), (z.disable = function(e) {
+    D(e);
+  }), z;
+});
+//# sourceMappingURL=html.sortable.min.js.map

data/app/assets/javascripts/ivaldi_content_builder.js

@@ -0,0 +1,23 @@
+//= require jquery
+//= require jquery_ujs
+//= require cocoon
+//= require html.sortable.min
+
+(function($) {
+  function setCorrectOrder() {
+    $("[data-ivaldi-content-blocks] .nested-fields").each(function(index) {
+      $(this).find("[data-sequence]").val(index);
+    });
+  }
+
+  $(document).on("ready page:load turbolinks:load", function() {
+    if ($("[data-ivaldi-content-blocks]").length > 0) {
+      sortable("[data-ivaldi-content-blocks]", {
+        placeholderClass: "sortable-placeholder",
+        forcePlaceholderSize: true
+      })[0].addEventListener("sortupdate", function(e) {
+        setCorrectOrder();
+      });
+    }
+  });
+})(jQuery);

data/app/controllers/pages_controller.rb

@@ -0,0 +1,52 @@
+class PagesController < ApplicationController
+
+  before_action :pages_append_view_path
+
+  def index
+    @pages = Page.ordered
+  end
+
+  def new
+    @page = Page.new
+  end
+
+  def edit
+    @page = Page.find params[:id]
+  end
+
+  def create
+    @page = Page.new page_params
+    if @page.save
+      #TODO: set flash message?
+      redirect_to edit_page_url(@page.id)
+    else
+      render 'new'
+    end
+  end
+
+  def update
+    @page = Page.find params[:id]
+    if @page.update(page_params)
+      #TODO: set flash message?
+      redirect_to edit_page_url(@page.id)
+    else
+      render 'edit'
+    end
+  end
+
+  def destroy
+    @page.destroy
+    redirect_to admin_pages_url
+  end
+
+  protected
+
+  def pages_append_view_path
+    append_view_path IvaldiContentBuilder::Engine.root.join('app', 'views')
+  end
+
+  def page_params
+    ret = params.require(:page).permit!
+  end
+
+end

data/app/models/content_block.rb

@@ -0,0 +1,14 @@
+class ContentBlock < ApplicationRecord
+  belongs_to :page
+  belongs_to :blockable, polymorphic: true, dependent: :destroy
+
+  accepts_nested_attributes_for :blockable, reject_if: :all_blank, allow_destroy: true
+  validates :blockable_type, presence: true
+
+  scope :ordered, -> { order(:sequence) }
+
+  def build_blockable(params)
+    self.blockable = blockable_type.constantize.new(params)
+  end
+
+end

data/app/models/page.rb

@@ -0,0 +1,9 @@
+class Page < ApplicationRecord
+  has_many :content_blocks, dependent: :destroy
+  accepts_nested_attributes_for :content_blocks, reject_if: :all_blank,
+      allow_destroy: true
+
+  validates :title, presence: true
+
+  scope :ordered, -> { order(:title) }
+end

data/app/views/ivaldi_content_blocks/_field.html.erb

@@ -0,0 +1 @@
+<% #add fields_for for this type %>

data/app/views/pages/_content_block_fields.html.erb

@@ -0,0 +1,61 @@
+<div class="nested-fields">
+  <div class="panel panel-default">
+    <% if f.object.blockable_type.present? %>
+      <div class="panel-heading u-cursor-move">
+        <%= link_to_remove_association f, class: 'pull-right', title: 'Verwijder' do %>
+          <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
+        <% end %>
+        <h3 class="panel-title">
+          <%= t("ivaldi_content_blocks.#{f.object.blockable_type}") %>
+        </h3>
+      </div>
+    <% end %>
+    <div class="panel-body">
+      <%= f.hidden_field :sequence, data: { sequence: true } %>
+      <div data-blockable-type>
+        <% if f.object.blockable_type.nil? %>
+
+          <% items = [] %>
+          <% if t('ivaldi_content_blocks').is_a? Hash %>
+            <% items = t('ivaldi_content_blocks').to_a %>
+          <% end %>
+
+          <%= f.collection_select :blockable_type,
+              items,
+              :first,
+              :last,
+              {
+                include_blank: 'Select type',
+              },
+              data: {
+                remote: true,
+                url: new_page_url
+              }
+          %>
+        <% end %>
+      </div>
+
+      <% t('ivaldi_content_blocks').keys.each do |blockable_type| %>
+
+        <% blockable = blockable_type.to_s.constantize.new %>
+
+        <% if f.object.blockable_type == blockable_type.to_s %>
+          <% blockable = f.object.blockable %>
+        <% elsif f.object.blockable_type.present? %>
+          <% next %>
+        <% end %>
+
+        <%= f.fields_for :blockable, blockable do |ff| %>
+          <div style="display: <%= f.object.blockable_type.nil? ? 'none' : 'block' %>;" data-content-block>
+            <%= render "ivaldi_content_blocks/#{blockable_type.to_s.underscore}_fields", f: ff %>
+            <% unless f.object.blockable_type.blank? %>
+              <%= f.hidden_field :blockable_type, value: f.object.blockable_type %>
+            <% end %>
+            <%= ff.hidden_field :_destroy, value: ff.object.new_record? ? 1 : 0, data: { 'field-type' => blockable_type } %>
+          </div>
+        <% end %>
+
+      <% end %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,43 @@
+<%= form_for @page do |f| %>
+  <div class="row">
+    <div class="col-lg-9">
+
+        <%= f.label :title %>
+        <%= f.text_field :title %>
+
+        <% unless @page.new_record? %>
+          <div class="form-group">
+            <div class="col-sm-12">
+              <div class="input-group">
+                <span class="input-group-addon">https://example.com/</span>
+                <%= f.label :slug %>
+                <%= f.text_field :slug %>
+              </div>
+            </div>
+          </div>
+        <% end %>
+
+        <hr>
+
+        <div data-ivaldi-content-blocks>
+          <%= f.fields_for :content_blocks, @page.content_blocks.sort_by{ |cb| cb.sequence } do |content_block| %>
+            <div data-content-block-wrapper>
+              <%= render 'content_block_fields', f: content_block %>
+            </div>
+          <% end %>
+        </div>
+
+        <div class="well text-center">
+          <%= link_to_add_association 'Add block', f,
+              :content_blocks,
+              'data-association-insertion-node' => '[data-ivaldi-content-blocks]',
+              'data-association-insertion-method' => 'append'
+          %>
+        </div>
+
+        <%= f.submit %>
+
+    </div>
+
+  </div>
+<% end %>

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

@@ -0,0 +1,21 @@
+<nav class="navbar navbar-static-top navbar-default">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <a href="<%= pages_path %>" class="navbar-brand">
+        &larr; Back
+      </a>
+      </span>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h3 class="panel-title">Edit page</h3>
+    </div>
+    <div class="panel-body">
+      <%= render 'form' %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,34 @@
+<nav class="navbar navbar-static-top navbar-default">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <span class="navbar-brand">
+        <%= @pages.count %> pages
+      </span>
+    </div>
+    <div class="collapse navbar-collapse">
+      <ul class="nav navbar-nav">
+        <li>
+          <a href="<%= new_page_path %>">
+            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Nieuw
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <table class="table table-hover">
+    <thead>
+      <tr>
+        <th>Titel</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @pages.each do |page| %>
+        <tr>
+          <td><a href="<%= edit_page_path(page.id) %>"><%= page.title %></a></td>
+        </tr>
+      <% end %>
+  </table>
+</div>

data/app/views/pages/new.html.erb

@@ -0,0 +1,21 @@
+<nav class="navbar navbar-static-top navbar-default">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <a href="<%= pages_path %>" class="navbar-brand">
+        &larr; Back
+      </a>
+      </span>
+    </div>
+  </div>
+</nav>
+
+<div class="container-fluid">
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h3 class="panel-title">New page</h3>
+    </div>
+    <div class="panel-body">
+      <%= render 'form' %>
+    </div>
+  </div>
+</div>

data/app/views/pages/new.js.erb

@@ -0,0 +1,15 @@
+<% blockable_id = params[:page][:content_blocks_attributes].keys.first %>
+
+var content_block_id = <%= blockable_id %>;
+var blockable_type = '<%= params[:page][:content_blocks_attributes][blockable_id]["blockable_type"] %>';
+
+var destroy_input = jQuery('[name="page[content_blocks_attributes][' + content_block_id + '][blockable_attributes][_destroy]"][data-field-type="' + blockable_type + '"]');
+var fieldset = destroy_input.closest('[data-ivaldi-content-blocks]');
+
+destroy_input.val(0);
+destroy_input.closest('[data-content-block]').show();
+
+fieldset.find('[data-blockable-type]').hide();
+fieldset.find('[data-content-block]:hidden').remove();
+
+setCorrectOrder();

data/db/migrate/create_ivaldi_content_blocks.rb

@@ -0,0 +1,16 @@
+class CreateIvaldiContentBlocks < ActiveRecord::Migration[5.1]
+  def change
+    create_table :pages do |t|
+      t.string :title
+      t.string :slug
+      t.timestamps
+    end
+
+    create_table :content_blocks do |t|
+      t.references :page, foreign_key: true
+      t.references :blockable, polymorphic: true
+      t.integer :sequence, default: 0, null: false
+      t.timestamps
+    end
+  end
+end

data/lib/generators/icb/eject_generator.rb

@@ -0,0 +1,9 @@
+module Icb
+  class EjectGenerator < Rails::Generators::Base
+    def call
+      FileUtils.copy_entry '../../app/views/pages', 'app/views/pages'
+
+      FileUtils.copy_entry '../../app/controllers/pages_controller.rb', 'app/controllers/pages_controller.rb'
+    end
+  end
+end

data/lib/generators/icb/install_generator.rb

@@ -0,0 +1,12 @@
+module Icb
+  class InstallGenerator < Rails::Generators::Base
+
+    def generate_migrations
+      timestamp = I18n.l Time.zone.now, format: '%Y%m%d%H%M%S'
+      create_file "db/migrate/#{timestamp}_create_ivaldi_content_blocks.rb",
+          File.read('../../db/migrate/create_ivaldi_content_blocks.rb')
+    end
+
+
+  end
+end

data/lib/generators/icb/new_block_generator.rb

@@ -0,0 +1,41 @@
+module Icb
+  class NewBlockGenerator < Rails::Generators::Base
+
+    argument :attributes, type: :array
+
+    def call
+      @model_name = attributes.shift
+
+      create_migration
+      create_form_fields
+      add_field_to_translation
+    end
+
+    private
+
+      def create_migration
+        generate "model #{@model_name}", attributes.join(' ')
+      end
+
+      def create_form_fields
+        file_name = "app/views/ivaldi_content_blocks/_#{@model_name.underscore}_fields.html.erb"
+        create_file file_name, File.read('../../app/views/ivaldi_content_blocks/_field.html.erb')
+      end
+
+      def add_field_to_translation
+
+        file = File.open("./config/locales/#{I18n.locale}.yml")
+
+        translations = YAML.load_file(file)
+
+        if translations[I18n.locale.to_s][:ivaldi_content_blocks].nil?
+          translations[I18n.locale.to_s].merge!({ "ivaldi_content_blocks" => {} })
+        end
+
+        translations[I18n.locale.to_s]["ivaldi_content_blocks"].merge!(Hash[@model_name, @model_name])
+
+        File.open(file, 'w') {|f| f.write translations.to_yaml }
+      end
+
+  end
+end

data/lib/ivaldi_content_builder.rb

@@ -0,0 +1,3 @@
+module IvaldiContentBuilder
+  require 'ivaldi_content_builder/engine'
+end

data/lib/ivaldi_content_builder/engine.rb

@@ -0,0 +1,9 @@
+require 'rubygems'
+require 'jquery-rails'
+require 'cocoon'
+
+module IvaldiContentBuilder
+  class Engine < Rails::Engine
+    config.autoload_paths += Dir["#{config.root}/app/**/"]
+  end
+end

data/lib/tasks/ivaldi_content_builder_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :ivaldi_content_builder do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,128 @@
+--- !ruby/object:Gem::Specification
+name: ivaldi-content-builder
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Bas Schoenmakers
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-07-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.1.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.1.1
+- !ruby/object:Gem::Dependency
+  name: cocoon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+description: Create contentblocks and pages for admin environments.
+email:
+- bas@ivaldi.nl
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/html.sortable.min.js
+- app/assets/javascripts/ivaldi_content_builder.js
+- app/controllers/pages_controller.rb
+- app/models/content_block.rb
+- app/models/page.rb
+- app/views/ivaldi_content_blocks/_field.html.erb
+- app/views/pages/_content_block_fields.html.erb
+- app/views/pages/_form.html.erb
+- app/views/pages/edit.html.erb
+- app/views/pages/index.html.erb
+- app/views/pages/new.html.erb
+- app/views/pages/new.js.erb
+- db/migrate/create_ivaldi_content_blocks.rb
+- lib/generators/icb/eject_generator.rb
+- lib/generators/icb/install_generator.rb
+- lib/generators/icb/new_block_generator.rb
+- lib/ivaldi_content_builder.rb
+- lib/ivaldi_content_builder/engine.rb
+- lib/tasks/ivaldi_content_builder_tasks.rake
+homepage: https://ivaldi.nl
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Create contentblocks and pages.
+test_files: []