rails_admin_json_editor 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 04b3bb8371e4bed444b1fbe9d35f3ba0f2b2aece
-  data.tar.gz: da37c5f1ef2409fd27b9498b4964812281b35fbf
+  metadata.gz: 78111023f4c078ee3c814246cde586fac767e666
+  data.tar.gz: 51c14ae94d388c03b50fbaadf1952ed53df62691
 SHA512:
-  metadata.gz: 40b4d2f80e5cc1869630332a9a1a5cf36c08976d2821fa30916979fb3328ca3947d50edea48ec763714add6b11828f1536576df9b785d187f67ef37a63c43081
-  data.tar.gz: 416d02f0820df3953d49b2ce51f10e0934e3fbc4853c501a4d55b2c663d5aa18cf20754b07109c13bbec763278ffa06755207c45d78372d7f7c48263bc4ab881
+  metadata.gz: 449e8c87d4476abbf53b56385a51bc6499bba7adcaf44675d54e2bc2a88041ffb875f7818c342f9149ce3afe88a9d53a60e4e5225426ff205f5b33c143954378
+  data.tar.gz: 54a97e63e3d571ec631d94a054ba351ea089a5dc12db428e6c52a512c185ebed2e7a1333520d5805a12f56471e92618c7a2e64bbc280e3fa8a0ed80f3247664b

data/app/views/rails_admin/main/_form_json_editor.html.erb

@@ -0,0 +1,47 @@
+<script type="text/javascript">
+  var recordPickers = {};
+  console.log('yo?')
+</script>
+
+<div ref="components_json" class="components_json">
+  <div v-repeat="components" class="component">
+    <% field.components.each do |component| %>
+      <%= render 'form_json_editor_component', locals: { component: component } %>
+    <% end %>
+  </div>
+
+  <%= render 'form_json_editor_dropdown', locals: { components: field.components } %>
+
+  <%= form.text_area field.name, 'v-model' => 'components', cols:50, rows:10, style: 'margin-top:40px' %>
+</div>
+
+<% field.components
+        .map(&:fields)
+        .flatten
+        .select { |f| f.picker_records != nil }
+        .each do |f| %>
+          <%= render 'form_json_editor_picker', locals: { field:f } %>
+        <% end %>
+
+<script type="text/javascript">
+  var componentsVM = new Vue({
+    el: '[ref=components_json]',
+    data: {
+      components: <%= raw field.value || "[]" %>
+    },
+    methods: {
+      addComponent: function(e) {
+        e.preventDefault();
+        var type = e.target.getAttribute('component-type');
+        this.components.push({ type:type })
+      },
+      openPicker: function(e) {
+        e.preventDefault();
+        var name = e.target.getAttribute('component-name');
+        var index = e.target.getAttribute('component-index');
+        console.log('openPicker', name, index);
+        recordPickers[name].show(index);
+      }
+    }
+  });
+</script>

data/app/views/rails_admin/main/_form_json_editor_component.html.erb

@@ -0,0 +1,29 @@
+<div v-show="type == '<%= locals[:component].type %>'">
+  <legend><%= locals[:component].label %></legend>
+  <%= content_tag :p, locals[:component].help, class: "help-block" unless locals[:component].help.nil? %>
+
+  <% locals[:component].fields.each do |f| %>
+    <div class="control-group">
+      <%= label_tag f.name, f.label, class: "control-label" %>
+
+      <div class="controls">
+        <% if f.type == :string %>
+          <%= text_field_tag f.name, nil, 'v-model' => "props.#{f.name}" %>
+        <% end %>
+
+        <% if f.type == :text %>
+          <%= text_area_tag f.name, nil, 'v-model' => "props.#{f.name}" %>
+        <% end %>
+
+        <% if f.type == :picker %>
+          <%= link_to 'Selecteer', '#', role: 'button', class: 'btn',
+            'v-on' => 'click: openPicker',
+            'component-name' => f.name,
+            'component-index' => '{{ $index }}' %>
+        <% end %>
+
+        <%= content_tag :p, f.help, class: "help-block" unless f.help.nil? %>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/rails_admin/main/_form_json_editor_dropdown.html.erb

@@ -0,0 +1,9 @@
+<div class="dropdown">
+  <a class="dropdown-toggle btn btn-info" data-toggle="dropdown" href="#">Component toevoegen <b class="caret"></b></a>
+
+  <ul class="dropdown-menu">
+    <% locals[:components].each do |component| %>
+      <li><a href="#" v-on="click: addComponent" component-type="<%= component.type %>"><%= component.type %></a></li>
+    <% end %>
+  </ul>
+</div>

data/app/views/rails_admin/main/_form_json_editor_picker.html.erb

@@ -0,0 +1,52 @@
+<%
+  name = locals[:field].name
+  id = "#{name}-record-picker"
+  records = locals[:field].picker_records
+%>
+
+<div id="<%= id %>" class="modal hide fade">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal">×</button>
+    <h3>Kies <%= name %></h3>
+  </div>
+
+  <div class="modal-body">
+    <select v-model="selectedRecord" placeholder="Zoeken">
+      <option value=""></option>
+      <% records.each do |record| %>
+        <option value="<%= record.to_json %>"><%= record.upload_file_name %></option>
+      <% end %>
+    </select>
+  </div>
+
+  <div class="modal-footer">
+    <button class="btn" data-dismiss="modal">Sluiten</button>
+    <button v-on="click:submit" class="btn btn-primary">Opslaan</button>
+  </div>
+</div>
+
+<script type="text/javascript">
+  recordPickers['<%= name %>'] = new Vue({
+    el: '#<%= id %>',
+    data: {
+      componentIndex: null,
+      selectedRecord: null
+    },
+    methods: {
+      show: function(componentIndex) {
+        this.componentIndex = componentIndex;
+        this.selectedRecord = null;
+        $('#<%= id %>').modal();
+      },
+      submit: function(e) {
+        e.preventDefault();
+        var values = JSON.parse(this.selectedRecord)
+
+        if(values) {
+          componentsVM.components[this.componentIndex].props = values
+          $('#<%= id %>').modal('hide');
+        }
+      }
+    }
+  })
+</script>

data/config/initializers/rails_admin_json_editor.rb

@@ -0,0 +1,86 @@
+require 'rails_admin/config/fields/types/text'
+
+module RailsAdmin
+  module Config
+    module Fields
+      module Types
+        class JsonEditor < RailsAdmin::Config::Fields::Types::Text
+          # Register field type for the type loader
+          RailsAdmin::Config::Fields::Types.register(self)
+
+          register_instance_option :partial do
+            :form_json_editor
+          end
+
+          register_instance_option :components do
+            @components
+          end
+
+          def setup
+            @components = []
+            yield if block_given?
+          end
+
+          def component(type)
+            component = Component.new(type)
+
+            yield(component) if block_given?
+
+            @components << component
+          end
+
+          class Component
+            attr_accessor :type, :fields
+            attr_accessor :label, :help
+
+            def initialize(type)
+              @type = type
+              @fields = []
+              @label = type
+            end
+
+            def field(name, type)
+              field = Field.new(name, type)
+
+              yield(field) if block_given?
+
+              @fields << field
+            end
+
+            def label(s = nil)
+              if s.nil? then return @label else @label = s end
+            end
+
+            def help(s = nil)
+              if s.nil? then return @help else @help = s end
+            end
+          end
+
+          class Field
+            attr_accessor :name, :type
+            attr_accessor :label, :help
+            attr_accessor :picker_records
+
+            def initialize(name, type)
+              @name = name
+              @type = type
+              @label = name
+            end
+
+            def label(s = nil)
+              if s.nil? then return @label else @label = s end
+            end
+
+            def help(s = nil)
+              if s.nil? then return @help else @help = s end
+            end
+
+            def picker_records(a = nil)
+              if a.nil? then return @picker_records else @picker_records = a end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/rails_admin_json_editor/version.rb

@@ -1,3 +1,3 @@
 module RailsAdminJsonEditor
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_admin_json_editor
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Jasper Haggenburg
@@ -65,6 +65,11 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/views/rails_admin/main/_form_json_editor.html.erb
+- app/views/rails_admin/main/_form_json_editor_component.html.erb
+- app/views/rails_admin/main/_form_json_editor_dropdown.html.erb
+- app/views/rails_admin/main/_form_json_editor_picker.html.erb
+- config/initializers/rails_admin_json_editor.rb
 - lib/rails_admin_json_editor.rb
 - lib/rails_admin_json_editor/version.rb
 - rails_admin_json_editor.gemspec