formily 0.0.5.5.7

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

@@ -0,0 +1,76 @@
+//=require formily/lib/tag-it.min
+window.formilyRelatedTags = [];
+
+$(document).on('ready formily_loaded', function(){
+
+  $('.related_value_tag').each(function(_, element){
+    var self = $(element);
+    var input = self.parent().find('input.related[data-ff-related]');
+
+    self.tagit({
+      fieldName: '',
+      singleFieldNode: input.get(0),
+      showAutocompleteOnFocus: true,
+      singleField: true,
+      singleFieldDelimiter: '.',
+      autocomplete:
+        {
+          delay: 0,
+          minLength: 0,
+          source: function(request, response) {
+
+            var value = this.element.parent().find('input[type=hidden]').val();
+
+            if(value && value.length > 0) {
+              value= value.split('.')
+            }
+
+            $.ajax({
+              url: '/formily/inputs/render_related',
+              data: {related_arr: value},
+              type: 'GET',
+              success: function(data){
+                window.formilyRelatedTags = [];
+
+                if (data && data.length > 0) {
+                  data.forEach(function(el, _) { window.formilyRelatedTags.push(el.label)});
+                  response(data);
+                }
+
+              }
+            });
+          }
+        },
+      removeConfirmation: true,
+      beforeTagAdded: function(event, ui) {
+
+        if(ui.tag.hasClass('fake')) {
+          return true;
+        }
+
+        if (window.formilyRelatedTags.indexOf(ui.tagLabel) < 0) {
+          return false;
+        }
+      },
+      beforeTagRemoved: function(event, ui) {
+        var tag = ui.tag;
+        var parent = tag.parents('ul:first');
+
+        tag = tag.next();
+
+        if(tag && tag.hasClass('tagit-choice')) {
+          var label = tag.find('span.tagit-label').text();
+          $(parent).tagit('removeTagByLabel', label);
+        }
+
+      }
+    });
+
+
+  });
+
+  $(document).on('change', 'input.related[data-ff-related]', function(){
+    window.InputModel.setTagAttr('data-related', $(this).val());
+  });
+
+});

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

@@ -0,0 +1,22 @@
+// Formily form functional files
+
+//= require formily/base/buttons
+//= require formily/base/ajax_reloader
+
+// Formily inputs
+//= require formily/inputs/date_time
+//= require formily/inputs/conditioned
+//= require formily/inputs/multi_file
+//= require formily/inputs/location
+//= require formily/inputs/input_tab
+
+// Mobile Popup Keyboard Type FIX
+$(document).on('ready formily_loaded', function() {
+
+  if (!FormilyMobile.any()) {
+    $('input[type=email], input[type=number]').each(function () {
+      $(this).attr('type', 'text');
+    });
+  }
+
+});

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

@@ -0,0 +1,329 @@
+//=require formily/editor/input_model
+//=require formily/editor/input_on_change
+//=require formily/editor/editor_buttons
+//=require formily/editor/related_fields
+
+(function() {
+  var FormilyEditor = function(){
+
+    var sortableInputsList, sortableGroup, formilyModal;
+
+    this.styleCss = 'foundation';
+
+    this.options = {};
+    this.content = null;
+
+    this.dialogType = 'input';
+    this.actionType = 'add';
+    this.element = null;
+
+    // Input object
+    this.inputModel = window.InputModel;
+
+    // For sortable placeholder
+    var placeholdeElement = function(currentItem) {
+      var plh = $('<li></li>');
+      plh.css('height', currentItem.css('height'));
+      plh.css('margin', currentItem.css('margin'));
+      plh.css('border', '1px dotted #000000');
+      return plh.get(0);
+    };
+
+    this.setSortable = function(){
+      sortableInputsList = $('#formily_sortable_inputs');
+    };
+
+    this.inputsUpdate = function(){
+      // Change index for all inputs
+      sortableInputsList.children().each(function(index){
+        var self = $(this);
+        self.find('[name="inputs[]field_order"]:first').val(index + 1);
+
+        var id_el = $(this).find('span[data-id]:first');
+        id_el.text(index + 1);
+        id_el.attr('data-id', index + 1);
+      });
+    };
+
+    this.inputsGroupUpdate = function(target){
+      var self, id_el;
+      target.children().each(function(index){
+        self = $(this);
+        self.find('[name="inputs[]group_inputs[]field_order"]:first').val(index + 1);
+        id_el = self.find('span[data-id]');
+        id_el.text(index + 1);
+        id_el.attr('data-id', index + 1);
+      });
+    };
+
+    this.getHtmlTemplate = function(){
+      var list, callbackFun;
+      var d = window.InputModel.getBaseObj();
+
+      if(window.FormilyEditor.dialogType == 'group') {
+        list = window.FormilyEditor.element;
+        callbackFun = window.FormilyEditor.inputsGroupUpdate;
+        d.group_input = true;
+        d.group_input_id = window.InputModel.group_input_id;
+      } else {
+        list = sortableInputsList;
+        callbackFun = window.FormilyEditor.inputsUpdate;
+      }
+
+      //create
+      delete(d.id);
+      d.form_id = $('input[type="hidden"][name="formily_form[id]"]').val();
+      $.post(window.FormilyRoutes.input_create_path(), d)
+        .success(function(data){
+          d.id = data.id;
+          $.post('/formily/inputs/render_input_html', d)
+            .done(function(data){
+                list.append(data);
+                callbackFun(list);
+            });
+        });
+    };
+
+    this.clearDialog = function(modal){
+      // Clean all fields
+      modal.find('[data-ff-name][type=text]').val('');
+      modal.find('textarea[data-ff-name]').val('');
+      modal.find('[data-ff-name][type=checkbox]').removeAttr('checked');
+      modal.find('select[data-ff-name] option').removeAttr('selected');
+      modal.find('section[data-formily="Formily::TextInput"] input[type="text"][data-ff-name="default_value"]').hide(0);
+      modal.find('ul.related_value_tag').css('display', 'none');
+      var tags = modal.find('ul.related_value_tag');
+      tags.tagit('removeAll');
+      window.FormilyEditor.options = {};
+    };
+
+    // Event on dialog show
+    this.onDialogShow = function(event, ui){
+
+      var model = window.InputModel.getBaseObj();
+
+      formilyModal.find('section').hide(0);
+      formilyModal.find('section[data-formily="' + window.FormilyEditor.dialogType + '"]').show(0);
+      var section = formilyModal.find('section[data-formily="' + model.type + '"]');
+      section.show(0);
+
+      if(window.FormilyEditor.dialogType == 'input') {
+        var select = formilyModal.find('select[data-ff-name=type]');
+
+        if(select.length > 0){
+          select.find('option').removeAttr('selected');
+          var option = select.find("option[value='" + model.type + "']");
+
+          if(option.length > 0) {option.get(0).selected = true;}
+
+          if(window.FormilyEditor.actionType == 'edit'){
+            select.attr('disabled', 'disabled')
+          } else {
+            select.removeAttr('disabled')
+          }
+        }
+      } else {
+        section = formilyModal.find('section[data-formily="' + window.FormilyEditor.dialogType + '"]');
+        section.show(0);
+        section = section.find('section[data-formily="' + model.type + '"]');
+        section.show(0);
+      }
+
+      // Initialize text box value
+      section.find('input[data-ff-name], textarea[data-ff-name]').not('[type=checkbox]').each(function(_, elem){
+        var self = $(elem);
+        self.val(model[self.data('ffName')])
+      });
+
+      section.find('select[data-ff-name]').each(function(_, elem){
+        var self = $(elem);
+
+        if(self.data('ffName') != 'type') {
+          self.find('option').removeAttr('selected');
+
+          if (self.data('ffName') == 'tag_attributes') {
+            var option = self.find("option[value='" + window.InputModel.getTagAttr()[self.data('ffSname')] + "']");
+            if(option.length > 0) {option.get(0).selected = true;}
+          } else {
+            var option = self.find("option[value='" + model[self.data('ffName')] + "']");
+            var input = self.parent().find('input[type=text][data-ff-name=default_value]:first');
+            if(option.length > 0) {
+              option.get(0).selected = true;
+              input.hide(0);
+            }
+
+            if(window.InputModel.default_value == 'custom_value') {
+              input.show(0);
+            }
+
+            if(window.InputModel.default_value == 'related_value') {
+              var tag = self.parents('section:first').find('ul.related_value_tag');
+              tag.show();
+
+              var tagRelated = window.InputModel.getTagAttr()['data-related'];
+
+              if(tagRelated && tagRelated.length > 0) {
+                var tagArr = tagRelated.split('.');
+
+                tagArr.forEach(function(item){
+                  tag.tagit('createTag', item.toString(), 'fake');
+                });
+              }
+            }
+
+            if(self.data('ffName') == 'default_value' && option.length == 0) {
+              // Custom value
+              input.show(0);
+              input.val(window.InputModel.default_value);
+              option = self.find('option[value=custom_value]');
+              if(option.length > 0) {option.get(0).selected = true;}
+            }
+          }
+
+        }
+
+      });
+
+      section.find('input[type=checkbox][data-ff-name]').each(function(_, elem){
+        var self = $(elem);
+
+        if(self.data('ffName') != 'type') {
+          if (self.data('ffName') == 'tag_attributes') {
+
+            if(window.InputModel.getTagAttr()[self.data('ffSname')] != undefined) {
+              self.get(0).checked = true;
+            } else {
+              self.get(0).checked = false;
+            }
+
+          } else {
+            if(window.InputModel[self.data('ffName')].toString().length > 0) {
+              self.get(0).checked = true;
+            } else {
+              self.get(0).checked = false;
+            }
+          }
+        }
+
+      });
+
+    };
+
+    this.buttonOkClick = function(){
+
+      var model = window.InputModel.getBaseObj();
+
+      if(model.name == '' && model.label == '' && model.type != 'Formily::StaticText') {
+
+        alert("Name can't be blank !");
+
+      } else {
+
+        if(model.name == '') {
+          model.name = model.label;
+          window.InputModel.name = model.label;
+        }
+
+        if(window.FormilyEditor.actionType == 'edit'){
+
+          var elem = window.FormilyEditor.element;
+          var d = window.InputModel.getBaseObj();
+
+          $.ajax({
+            url: FormilyRoutes.input_update_path(d.id),
+            data: d,
+            type: 'PUT'
+          });
+
+          elem.find('fieldset:first').find('input').each(function () {
+            $(this).val(model[$(this).attr('name').replace(/inputs\[\](group_inputs\[\])?/i, '')]);
+          });
+
+          elem.find('.ff-input-data-container span[data-input="name"] i:first').text(model.name);
+          elem.find('.ff-input-data-container span[data-input="description"] i:first').text(model.description);
+          elem.find('.ff-input-data-container span[data-input="label"] i:first').text(model.label);
+
+        } else {
+          if(window.FormilyEditor.dialogType == 'input') {
+            sortableInputsList.append(window.FormilyEditor.getHtmlTemplate());
+          } else {
+            window.FormilyEditor.element.append(window.FormilyEditor.getHtmlTemplate());
+          }
+
+        }
+
+        setTimeout(function(){$(document).trigger('formily_form_updated');}, 1000);
+
+        $(this).dialog("close");
+      }
+
+    };
+
+    this.buttonCloseClick = function(){
+      $(this).dialog("close");
+    };
+
+    this.setModal = function(){
+
+      // Create modal dialog
+      formilyModal = $("#formily_modal").dialog({
+        autoOpen: false,
+        title: 'Modal',
+        resizable: false,
+        draggable: false,
+        height: 700,
+        width: 600,
+        create: function(event, ui) {
+          var dialog = $(event.target).parents('.ui-dialog');
+
+          dialog.addClass('formily-ui');
+
+          if(window.FormilyEditor.styleCss === 'foundation') {
+            //fix button style
+            dialog.find('.ui-dialog-buttonpane button.ui-button').attr('class', 'button');
+            dialog.find('.ui-dialog-buttonset').attr('class', '')
+          }
+
+        },
+        close: function(event, ui) {
+          window.FormilyEditor.clearDialog($(this));
+        },
+        show: {
+          effect: "size",
+          duration: 400
+        },
+        hide: {
+          effect: "size",
+          duration: 400
+        },
+        open: window.FormilyEditor.onDialogShow,
+        buttons: [
+          {
+            text: "Ok",
+            click: window.FormilyEditor.buttonOkClick
+          },
+          {
+            text: "Close",
+            click: window.FormilyEditor.buttonCloseClick
+          }
+        ]
+      });
+
+      // JQuery UI fix
+      $(document).on('mouseover mousedown', 'button', function() {
+        $(this).removeClass("ui-state-hover");
+        $(this).removeClass("ui-state-active");
+        $(this).blur();
+        $(this).off('focus');
+      });
+    };
+
+    this.initialize = function() {
+      this.setSortable();
+      this.setModal();
+    };
+  };
+
+  window.FormilyEditor = new FormilyEditor();
+
+})();

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

@@ -0,0 +1,104 @@
+// Formily modal window
+(function() {
+
+  var FormilyModal = function(){
+
+    var modalContainer, modalIframe;
+    this.callback = null;
+    this.src = '';
+    this.data = {};
+    this.dataTable = null;
+
+    this.show = function(src){
+      this.src = modalIframe.attr('src', src);
+      modalContainer.show();
+    };
+
+    this.close = function(trigger){
+      if (trigger && trigger.length > 0) {
+        this.data.resource_type = this.data.model_name;
+        this.data.resource_id = this.data.model_id;
+
+        $(document).trigger(trigger, this.data);
+      }
+      if(modalContainer) {
+        $(modalIframe.get(0).contentDocument.body).html('<div class="formily-loading">Loading ...</div>');
+        modalContainer.hide();
+      }
+    };
+
+    this.runCallback = function(){
+      this.callback(this);
+    };
+
+    this.initialize = function(){
+
+      $(document).on('click', '[data-formily-iframe-url]', function() {
+
+        var self = $(this);
+        var arr = self.data('formilyIframeUrl').replace(/.*?\?/i,'').split('&');
+        var m = self.data('formilyIframeUrl').match(/\/(\d+)/);
+
+        if(m) {
+          window.FormilyModal.data.form_id = m[1];
+        }
+        delete(window.FormilyModal.data.all);
+        var tmp = null;
+
+        arr.forEach(function(el){
+          tmp = el.split('=');
+          window.FormilyModal.data[tmp[0]] = tmp[1]
+        });
+
+        if(window.FormilyMobile.any()){
+          window.open(self.data('formilyIframeUrl'));
+          return false;
+        }
+
+        modalContainer = $('#formily_modal_container');
+        modalIframe = modalContainer.find('#formily_iframe_modal iframe');
+
+        modalContainer.show();
+        modalIframe.attr('src', self.data('formilyIframeUrl'));
+
+        var h = 500, w = 620;
+
+        var div = modalIframe.parent();
+
+        if (window.FormilyMobile.any()) {
+        } else {
+          div.css('height', h);
+          div.css('width', w);
+          div.css('margin-top', -(h/2));
+          div.css('margin-left', -(w/2));
+        }
+
+        return false;
+      });
+
+      $(document).on('click', 'a.close-iframe-btn, #formily_modal_container', function(){
+
+        if(window.parent.FormilyModal != undefined && window.top != window.parent){
+
+          if(isFormilyFileUploaded()){
+            window.parent.FormilyModal.close(false);
+          }
+
+        } else {
+          if(modalIframe.get(0).contentWindow.isFormilyFileUploaded()){
+            window.FormilyModal.close(false);
+          }
+        }
+
+        return false;
+      });
+
+    };
+
+  };
+
+  if(typeof(window.FormilyModal) === 'undefined') {
+    window.FormilyModal = new FormilyModal();
+  }
+
+})();