formily 0.0.5.5.7

data/app/assets/javascripts/formily/base/form_response.js

@@ -0,0 +1,28 @@
+$(document).ready(function() {
+
+  $(document).on('click', 'span[data-formily-new-response]', function(e){
+    var self = $(this);
+    var data = self.data('formilyNewResponse');
+    var url = self.data('href');
+
+    if(self.parents('table:first').data('formilyFlag')) {
+      data.flag = true;
+    }
+
+    $.ajax({
+      url: url,
+      type: 'POST',
+      data: data,
+      success: function(){
+        $(document).trigger('formily_update_table', data);
+      },
+      error: function(resp){
+        console.error(resp.responseJSON.msg);
+        alert(resp.responseJSON.msg);
+      }
+    });
+
+    e.preventDefault();
+  });
+
+});

data/app/assets/javascripts/formily/base/local_time.js

@@ -0,0 +1,9 @@
+$(document).on('ready ajaxComplete', function() {
+
+  $('a.response[data-formily-iframe-url]').each(function() {
+    $(this).text($(this).text().replace(/\s*(\d{10,})\s*/, function myFunction(x, p1){
+      return strftime(' %Y/%m/%d %H:%M %Z ', new Date(p1*1000));
+    }));
+  });
+
+});

data/app/assets/javascripts/formily/editor.js

@@ -0,0 +1,46 @@
+// required all js files for FormilyEditor functionality
+// and initialization
+
+//= require formily/formily_editor
+//= require formily/editor/form_preview
+//= require formily/formily_modal
+
+$(document).ready(function(){
+
+  window.FormilyModal.initialize();
+  window.FormilyEditor.initialize();
+  $(document).trigger('formily_form_updated');
+
+  $(document).foundation();
+
+  $(document).on('formily_update_tr', function (e, data) {
+
+    if(Object.keys(data).length == 0) {
+      data = window.FormilyModal.data;
+    }
+
+    var table_id = data.model_id + '_' + data.user_id;
+    var table = $('[data-formily-form-table=' + table_id + ']');
+    var tr = table.find('tr[data-formily-form-id=' + data.form_id + ']');
+
+    $.ajax({
+      url: '/formily/forms/reload_formily_table',
+      type: 'POST',
+      data: data,
+      success: function(data){
+
+        if(tr.length > 0){
+          tr.replaceWith(data);
+        } else {
+          table.append(data);
+        }
+
+      }
+    });
+  });
+
+  $(document).on('click', 'td button[data-formily-src]', function(){
+    window.location = $(this).data('formily-src');
+  });
+
+});

data/app/assets/javascripts/formily/editor/editor_buttons.js

@@ -0,0 +1,186 @@
+var changeOrder = function (elem) {
+  var input_id, input_order;
+  input_id = elem.find('fieldset:first [name$=id]:first').val();
+  input_order = elem.find('fieldset:first [name$=field_order]:first').val();
+
+  $.ajax({
+    url: FormilyRoutes.input_update_path(input_id),
+    data: {field_order: input_order},
+    type: 'PUT'
+  });
+
+};
+
+
+$(document).ready(function(){
+
+
+  $(document).on('click', 'a[data-formily], button[data-formily]', function(e){
+
+    var self, btnType, element, container, formilyModal;
+
+    self = $(this);
+    btnType = self.data('formily');
+    element = self.parents('.ff-input-container:first');
+    container = element.parents('li:first');
+    formilyModal = $('#formily_modal');
+
+    window.InputModel.clear();
+    window.InputModel.getFromFieldset(element.find('fieldset:first'));
+
+    switch(btnType){
+
+      case 'add_input':
+        window.InputModel.clear();
+        window.InputModel.type = 'Formily::TextInput';
+        window.FormilyEditor.dialogType = 'input';
+        window.FormilyEditor.actionType = 'add';
+        window.InputModel.field_order = $('ul#formily_sortable_inputs>li').length + 1;
+
+        formilyModal.dialog('option', 'title', 'Add New Input');
+        formilyModal.dialog('open');
+        break;
+
+      case 'edit_input':
+        window.FormilyEditor.dialogType = 'input';
+        window.FormilyEditor.actionType = 'edit';
+        window.FormilyEditor.element = element;
+
+        formilyModal.dialog('option', 'title', 'Edit Input');
+        formilyModal.dialog('open');
+        break;
+
+      case 'add_group_input':
+        window.InputModel.clear();
+        window.FormilyEditor.dialogType = 'group';
+        window.FormilyEditor.actionType = 'add';
+        window.InputModel.type = self.data('group');
+
+        window.InputModel.group_input_id = self.parents('li:first').find('.ff-input-container fieldset:first input[name$=id]').val();
+        window.InputModel.field_order = self.parents('li:first').find('ul.ff-inputs-group-list>li').length + 1;
+
+        window.FormilyEditor.element = self.parent().find('.ff-inputs-group-list');
+
+        formilyModal.dialog('option', 'title', 'Add New Group Input');
+        formilyModal.dialog('open');
+        break;
+
+      case 'edit_group_input':
+        window.FormilyEditor.dialogType = 'group';
+        window.FormilyEditor.actionType = 'edit';
+        window.FormilyEditor.element = element;
+
+        formilyModal.dialog('open');
+        break;
+
+      case 'up':
+        var el1 = container;
+        var el2, update_all;
+
+        el2 = el1.prev();
+
+        if(el2.length == 0) {
+          el2 = el1.parent().children('li:last');
+          el2.after(el1);
+          //TODO: need update all fields
+          update_all = true;
+        } else {
+          el1.after(el2);
+          update_all = false;
+        }
+
+        if(el1.parents('li').length > 0) {
+          window.FormilyEditor.inputsGroupUpdate(el1.parents('.ff-inputs-group-list'));
+        } else {
+          window.FormilyEditor.inputsUpdate();
+        }
+
+        if(update_all) {
+          el1.parent().find('li').each(function(_, elem){
+            changeOrder($(elem).find('.ff-input-container:first'));
+          });
+        }else{
+          changeOrder(el1);
+          changeOrder(el2);
+        }
+
+        $(document).trigger('formily_form_updated');
+        break;
+
+      case 'down':
+        var el1 = container;
+        var el2 ;
+
+        el2 = el1.next();
+
+        if(el2.length == 0) {
+          el2 = el1.parent().children('li:first');
+          el2.before(el1);
+          update_all = true;
+        } else {
+          el1.before(el2);
+          update_all = false;
+        }
+
+        if(el1.parents('li').length > 0) {
+          window.FormilyEditor.inputsGroupUpdate(el1.parents('.ff-inputs-group-list'));
+        } else {
+          window.FormilyEditor.inputsUpdate();
+        }
+
+        if(update_all) {
+          el1.parent().find('li').each(function(_, elem){
+            changeOrder($(elem).find('.ff-input-container:first'));
+          });
+        }else{
+          changeOrder(el1);
+          changeOrder(el2);
+        }
+
+        $(document).trigger('formily_form_updated');
+        break;
+
+      case 'delete':
+        // Delete input
+        container.hide(300, function(){
+          if(confirm('Delete input ?')){
+            var elem = container.parents('ul.ff-inputs-group-list');
+            var parent = container.parents('ul:first');
+
+            container.remove();
+
+            if(elem.length > 0) {
+              window.FormilyEditor.inputsGroupUpdate(elem);
+            } else {
+              window.FormilyEditor.inputsUpdate();
+            }
+
+            if(window.InputModel.id && window.InputModel.id > 0) {
+              $.ajax({
+                url: FormilyRoutes.input_delete_path(InputModel.id),
+                type: 'DELETE',
+                success: function(){
+                  parent.children('li').each(function(_, elem){
+                    changeOrder($(elem).find('.ff-input-container:first'));
+                  });
+                  $(document).trigger('formily_form_updated');
+                }
+              });
+            }
+
+          } else {
+            container.show(0);
+          }
+        });
+
+        break;
+
+      default:
+        console.warn('Wrong formily data attr');
+    }
+
+    return false;
+  });
+
+
+});

data/app/assets/javascripts/formily/editor/form_preview.js

@@ -0,0 +1,53 @@
+$(document).ready(function(){
+
+  var timeOutVar;
+
+  $(document).on('keyup change', '.form_preview', function(e){
+    clearTimeout(timeOutVar);
+    timeOutVar = setTimeout(function(){
+      var val, name, form, url, data;
+      var self = $(e.target);
+      form = self.parents('form');
+      url = form.attr('action');
+      val = self.val();
+      name = self.attr('name');
+      data = {};
+      data[name] = val;
+
+      $.ajax({
+        url: url,
+        data: data,
+        type: 'PUT',
+        success: function(data){
+          form.attr('action', url.replace(/\d+$/, data.id));
+          form.find('input[name="formily_form[id]"]').val(data.id);
+          $(document).trigger('formily_form_updated');
+        }
+      });
+
+    }, 500);
+  });
+
+  $(document).on('formily_form_updated', function(){
+
+    var form = $('.ff-container form:first');
+
+    if (form.length > 0) {
+      var data = {};
+      data['formily_form[id]'] = form.attr('action').match(/\d+$/)[0];
+
+      if(form.length > 0){
+        $.post(FormilyRoutes.form_preview_path(), data)
+          .success(function(data){
+            $('#formily_form_preview').html(data);
+            $(document).trigger('formily_loaded');
+            $(document).foundation();
+          })
+          .fail(function() {
+            console.warn('Error, wrong form data !');
+          });
+      }
+    }
+  });
+
+});

data/app/assets/javascripts/formily/editor/input_model.js

@@ -0,0 +1,76 @@
+(function() {
+  
+  var InputModel = function(){
+
+    this.id = 0;
+    this.name = '';
+    this.type = '';
+    this.label = '';
+    this.description = '';
+    this.field_order = '';
+    this.default_value = '';
+    this.tag_attributes = '';
+
+    this.setValue = function(prop_name, value){
+      if(this[prop_name] != undefined) {
+
+        this[prop_name] = value;
+      }
+    };
+
+    this.getBaseObj = function(){
+      return {
+        id: this.id,
+        name: this.name,
+        type: this.type,
+        label: this.label,
+        description: this.description,
+        field_order: this.field_order,
+        default_value: this.default_value,
+        tag_attributes: this.tag_attributes
+      }
+    };
+
+    this.getFromFieldset = function(fieldset){
+      var self = this;
+      fieldset.serializeArray().forEach(function(el){
+        var name = el.name.replace(/inputs\[\](group_inputs\[\])?/i, '');
+        self[name] = el.value;
+      });
+    };
+
+    this.getTagAttr = function(){
+      try{
+        return JSON.parse(this.tag_attributes);
+      }catch(e){
+        return {};
+      }
+    };
+
+    this.setTagAttr = function(name, data){
+      var obj = this.getTagAttr();
+      obj[name] = data;
+      this.tag_attributes = JSON.stringify(obj);
+    };
+
+    this.delTagAttr = function(attr){
+      var obj = this.getTagAttr();
+      delete(obj[attr]);
+      this.tag_attributes = JSON.stringify(obj);
+    };
+
+    this.clear = function(){
+      this.id = 0;
+      this.name = '';
+      this.type = '';
+      this.label = '';
+      this.description = '';
+      this.field_order = '';
+      this.default_value = '';
+      this.tag_attributes = '';
+    };
+
+  };
+
+  window.InputModel = new InputModel();
+})();

data/app/assets/javascripts/formily/editor/input_on_change.js

@@ -0,0 +1,83 @@
+$(document).ready(function() {
+
+  // Show/hide section
+  $(document).on('change', 'select[data-ff-name="type"]', function(){
+
+    var self = $(this);
+    var parent = self.parents('section:first');
+
+    parent.find('section').hide(0);
+    parent.find('section[data-formily="' + self.val() + '"]').show(0);
+
+    // Set model option
+    window.InputModel.type = self.val();
+  });
+
+  // For text box & textarea
+  $(document).on('keyup keypress', 'input[data-ff-name], textarea[data-ff-name]', function(){
+    var self = $(this);
+
+    if(self.data('ffName') == 'tag_attributes') {
+      if(self.val() == '') {
+        window.InputModel.delTagAttr(self.data('ffSname'));
+      } else {
+        window.InputModel.setTagAttr(self.data('ffSname'), self.val());
+      }
+    } else {
+      window.InputModel.setValue(self.data('ffName'), self.val());
+    }
+  });
+
+  // For checkbox
+  $(document).on('change', 'input[type=checkbox][data-ff-name]', function(){
+    var self = $(this);
+
+    if(self.data('ffName') == 'tag_attributes') {
+      if(self.get(0).checked) {
+        window.InputModel.setTagAttr(self.data('ffSname'), self.val());
+      } else {
+        window.InputModel.delTagAttr(self.data('ffSname'));
+      }
+    } else {
+      if(self.get(0).checked) {
+        window.InputModel.setValue(self.data('ffName'), self.val());
+      } else {
+        window.InputModel.setValue(self.data('ffName'), '');
+      }
+    }
+  });
+
+  $(document).on('change', 'select[data-ff-name]', function(){
+    var self = $(this);
+
+    if(self.data('ffName') == 'tag_attributes') {
+      window.InputModel.setTagAttr(self.data('ffSname'), self.val());
+    } else {
+      window.InputModel.setValue(self.data('ffName'), self.val());
+    }
+
+    var def_input = $('section input[type="text"][data-ff-name="default_value"]');
+    var tag = self.parents('section:first').find('ul.related_value_tag');
+
+    if(self.val() == 'custom_value') {
+      def_input.show(0);
+      def_input.val('');
+      def_input.focus();
+      if (tag.length > 0) {
+        tag.hide(0);
+        tag.tagit('removeAll');
+      }
+    } else if (self.val() == 'related_value') {
+      tag.show(0);
+      def_input.hide(0);
+    } else {
+      def_input.hide(0);
+      if (tag.length > 0) {
+        tag.hide(0);
+        tag.tagit('removeAll');
+      }
+
+    }
+  });
+
+});