nacelle 0.2.3 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e1f1085de0621c2e719504861113bc39da5d848ff607ab198d2964715df09e6b
-  data.tar.gz: aac00e17a51ba515161aabea95ea870526e7b655f71ea595f457a11547f218b5
+  metadata.gz: 784d69fcdeff8b7a19072b4f99978b3bee4b5096518f3c474fa338f4d7fbac7d
+  data.tar.gz: 6148e8111bbab1763d11958bc67c3cbb8dc0c161dd62f0ac0ba0f42ba1332a56
 SHA512:
-  metadata.gz: 8f4eaffbb71f804e2920910f2af323586d8fb401c973559c41f951da05ebf6705ac7779fad183e95ccf034543bcc55128612c7c9016f3849ce263f7e85f1637b
-  data.tar.gz: 37139948b268cd49d8484d72bad33cc9dfe870cd2eb9a6b259cfdc9b44ef1fd343c1a3d313dea94dcd13f88113c06b84e56ab36b7b025c8619622502281d8eb6
+  metadata.gz: 62a6df913320f0c950af27d9e34a8f225960e96ee23b54694e9bc8c94ad67e2fc69e44b379cc7db866754ec1af3e3b7b09f47f0a3f6ed58bf0ffc7c6d60c8147
+  data.tar.gz: 7670e3d386f4970aa25b0811ebd4cb9c2f6488e121c302838c54be3b45dbabd2c2a01ac548f65e8d2b10135ee29ad55d3de49a84f613ac583b5856921d8da361

data/app/assets/javascripts/ckeditor/plugins/cells/dialogs/cells.js

@@ -0,0 +1,125 @@
+CKEDITOR.dialog.add("cellDialog", function(editor) {
+  return {
+    title: "Insert Cell",
+    minWidth: 400,
+    minHeight: 200,
+    contents: [{
+      id: "main",
+      elements: [{
+        type: "select",
+        id: "cellName",
+        label: "Select Cell",
+        items: [],
+        onChange: (event) => {
+          let select = event.sender
+          let dialog = select.getDialog()
+          let form = dialog.getContentElement("main", "form")
+          let cellConfig = dialog.cellConfigs.find(config => config.id === event.data.value)
+
+          form.getElement().setHtml(cellConfig.form)
+
+          if(selectedCell = getSelectedCell()) {
+            form.getElement().$.querySelectorAll("[name]").forEach(element => {
+              setValue(element, selectedCell.getAttribute(element.name))
+            })
+          }
+        },
+      },
+      {
+        type: "html",
+        id: "form",
+        html: "",
+      }],
+    }],
+
+    onShow: function() {
+      fetch("/nacelle/cells.json").then(r => r.json()).then(data => {
+        this.cellConfigs = data.cells
+        let select = this.getContentElement("main", "cellName")
+        select.clear()
+
+        this.cellConfigs.forEach(config => select.add(config.name, config.id))
+
+        let selectedCell = getSelectedCell()
+        if(selectedCell) {
+          select.setValue(selectedCell.getAttribute("name"))
+        }
+      });
+    },
+
+    onOk: function() {
+      let cell = editor.document.createElement("cell")
+      cell.setAttribute("name", this.getValueOf("main", "cellName"));
+
+      let form = this.getContentElement("main", "form")
+      form.getElement().$.querySelectorAll("[name]").forEach(element => {
+        cell.setAttribute(element.name, getValue(element))
+      })
+
+      editor.insertElement(cell)
+    },
+  };
+
+  function getSelectedCell() {
+    let node = editor.getSelectedHtml().$.firstElementChild
+    if(node && node.nodeName == "CELL") {
+      return node 
+    }
+  }
+
+  function getValue(element) {
+    switch(element.type) {
+      case 'radio':
+      case 'checkbox':
+        const elements = document.querySelectorAll(`[name="${element.name}"]:checked`)
+        const values = Array.from(elements).map(e => e.value)
+        if(element.name.endsWith("[]")) {
+          return values
+        } else {
+          return values[0]
+        }
+      default:
+        return element.value
+    }
+  }
+
+  function setValue(element, value) {
+    if ('undefined' === typeof value) {
+      value = '';
+    }
+
+    if (null === value) {
+      value = '';
+    }
+
+    var type = element.type || element[0].type;
+
+    switch(type ) {
+      default:
+        element.value = value;
+        break;
+
+      case 'radio':
+      case 'checkbox':
+        element.checked = element.value === value;
+        break;
+
+      case 'select-multiple':
+        var values = value.constructor === Array ? value : [value];
+        for(var k = 0; k < element.options.length; k++) {
+          element.options[k].selected = (values.indexOf(element.options[k].value) > -1 );
+        }
+        break;
+
+      case 'select':
+      case 'select-one':
+        element.value = value.toString() || value;
+        break;
+
+      case 'date':
+        element.value = new Date(value).toISOString().split('T')[0];
+        break;
+    }
+  };
+});
+

data/app/assets/javascripts/ckeditor/plugins/cells/plugin.js

@@ -0,0 +1,19 @@
+CKEDITOR.plugins.add("cells", {
+  icons: "insertcell",
+  init: function(editor) {
+    editor.addCommand("insertCellDialog", new CKEDITOR.dialogCommand("cellDialog"));
+
+    CKEDITOR.dialog.add("cellDialog", "/assets/ckeditor/plugins/cells/dialogs/cells.js");
+
+    editor.ui.addButton("InsertCell", {
+      label: "Insert Cell",
+      command: "insertCellDialog",
+      icon: "/assets/ckeditor/plugins/cells/icons/insertcell.png",
+    });
+  },
+});
+
+CKEDITOR.dtd.$empty.cell = 1;
+CKEDITOR.dtd.$nonEditable.cell = 1;
+CKEDITOR.dtd.$object.cell = 1;
+

data/gemfiles/rails_5.1.gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    nacelle (0.2.3)
+    nacelle (0.3.0)
       cells (~> 3.0)
       rails
       sprockets-rails

data/gemfiles/rails_5.2.gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    nacelle (0.2.3)
+    nacelle (0.3.0)
       cells (~> 3.0)
       rails
       sprockets-rails

data/gemfiles/rails_6.0.gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    nacelle (0.2.3)
+    nacelle (0.3.0)
       cells (~> 3.0)
       rails
       sprockets-rails

data/gemfiles/rails_6.1.gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    nacelle (0.2.3)
+    nacelle (0.3.0)
       cells (~> 3.0)
       rails
       sprockets-rails

data/gemfiles/rails_7.0.gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    nacelle (0.2.3)
+    nacelle (0.3.0)
       cells (~> 3.0)
       rails
       sprockets-rails

data/lib/nacelle/cells_serializer.rb

@@ -14,6 +14,7 @@ class Nacelle::CellsSerializer
       {
         id:   "#{cell}/#{action}",
         name: "#{cell_name} #{action_name}",
+        form: settings_html_for(cell, action),
       }
     end
   end
@@ -30,4 +31,10 @@ class Nacelle::CellsSerializer
     cell_files = Dir[::Rails.root.join('app/cells/*.rb')]
     cell_files.each(&method(:require))
   end
+
+  def settings_html_for cell, action
+    path = ::Rails.root.join("app/cells/#{cell}/#{action}_form.html.erb")
+    ERB.new(File.read(path)).result
+  rescue Errno::ENOENT
+  end
 end

data/lib/nacelle/version.rb

@@ -1,3 +1,3 @@
 module Nacelle
-  VERSION = "0.2.3"
+  VERSION = "0.3.1"
 end

data/lib/nacelle.rb

@@ -10,8 +10,10 @@ module Nacelle
       app.config.middleware.use Nacelle::Middleware
     end
 
-    config.assets.precompile += %w( 
-      ckeditor/plugins/cells/icons/*
-    )
+    initializer "nacelle.assets.precompile" do |app|
+      app.config.assets.precompile += %w( 
+        ckeditor/plugins/cells/icons/insertcell.png
+      )
+    end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: nacelle
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.3.1
 platform: ruby
 authors:
 - Micah Geisel
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-12-29 00:00:00.000000000 Z
+date: 2022-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -152,9 +152,9 @@ files:
 - README.md
 - Rakefile
 - app/assets/javascripts/ckeditor/plugins/cells.js
-- app/assets/javascripts/ckeditor/plugins/cells/dialogs/cells.js.coffee
+- app/assets/javascripts/ckeditor/plugins/cells/dialogs/cells.js
 - app/assets/javascripts/ckeditor/plugins/cells/icons/insertcell.png
-- app/assets/javascripts/ckeditor/plugins/cells/plugin.js.coffee
+- app/assets/javascripts/ckeditor/plugins/cells/plugin.js
 - app/assets/javascripts/nacelle/ckeditor.js
 - app/controllers/nacelle/cells_controller.rb
 - bin/console

data/app/assets/javascripts/ckeditor/plugins/cells/dialogs/cells.js.coffee

@@ -1,25 +0,0 @@
-CKEDITOR.dialog.add "cellDialog", (editor) ->
-  title: "Insert Cell"
-  minWidth: 400
-  minHeight: 200
-  contents: [
-    id: "main"
-    elements: [
-      type: "select"
-      id: "cellName"
-      label: "Select Cell"
-      items: []
-    ]
-  ]
-
-  onShow: ->
-    $.getJSON "/nacelle/cells.json", (data) =>
-      select = @getContentElement("main", "cellName")
-      for item in data.cells
-        select.add item.name, item.id
-
-  onOk: ->
-    cell = editor.document.createElement("cell")
-    cell.setAttribute "name", @getValueOf("main", "cellName")
-    editor.insertElement cell
-

data/app/assets/javascripts/ckeditor/plugins/cells/plugin.js.coffee

@@ -1,16 +0,0 @@
-CKEDITOR.plugins.add "cells",
-  icons: "insertcell"
-  init: (editor) ->
-    editor.addCommand "insertCellDialog", new CKEDITOR.dialogCommand("cellDialog")
-
-    CKEDITOR.dialog.add "cellDialog", "/assets/ckeditor/plugins/cells/dialogs/cells.js"
-
-    editor.ui.addButton "InsertCell",
-      label: "Insert Cell"
-      command: "insertCellDialog"
-      icon: "/assets/ckeditor/plugins/cells/icons/insertcell.png"
-
-CKEDITOR.dtd.$empty.cell = 1
-CKEDITOR.dtd.$nonEditable.cell = 1
-CKEDITOR.dtd.$object.cell = 1
-