formily 0.0.5.5.7

data/app/assets/javascripts/formily/formily_url.js.erb

@@ -0,0 +1,26 @@
+// Routes JS
+<% url = Rails.application.routes.url_helpers %>
+window.FormilyRoutes = {
+  input_create_path: function(){
+    // POST
+    return "<%= url.formily_inputs_path %>";
+  },
+  input_update_path: function(id){
+    // PUT
+    return "<%= url.formily_input_path(0).to_s[0...-1] %>" + id.toString();
+  },
+  input_delete_path: function(id){
+    // DELETE
+    return "<%= url.formily_input_path(0).to_s[0...-1] %>" + id.toString();
+  },
+  form_preview_path: function(){
+    //POST
+    return "<%= url.preview_form_formily_forms_path %>";
+  },
+  form_file_path: function(id) {
+    return "<%= url.formily_file_path(0).to_s[0...-1] %>" + id.toString();
+  },
+  form_upload_file_path: function () {
+    return "<%= url.upload_file_formily_submit_data_path %>";
+  }
+};

data/app/assets/javascripts/formily/inputs/conditioned.js

@@ -0,0 +1,4 @@
+// Conditioned field
+//= require formily/inputs/conditioned/checkbox
+//= require formily/inputs/conditioned/radio
+//= require formily/inputs/conditioned/option

data/app/assets/javascripts/formily/inputs/conditioned/checkbox.js

@@ -0,0 +1,73 @@
+// Checkbox conditioned fields
+
+$(document).ready(function(){
+
+  $(document).on('change', 'input[type=checkbox][data-formily-conditioned]', function(){
+    var conditionedField, self = $(this);
+    conditionedField = self.parent(0).find('input, textarea').not(self);
+
+    if (self.get(0).checked) {
+      // Show conditioned field
+      if(conditionedField.attr('type') == 'file') {
+        conditionedField.parent(0).show(0);
+      } else {
+        conditionedField.show(0);
+      }
+      if(conditionedField.attr('multiple')) {
+        conditionedField.attr('name', self.data('cName') + '[]');
+        conditionedField.parents('.formily-input:first').show(0);
+      } else {
+        conditionedField.attr('name', self.data('cName'));
+      }
+      self.get(0).removeAttribute('name');
+      conditionedField.focus();
+    } else {
+      // Hide conditioned field
+      if(conditionedField.attr('type') == 'file') {
+        if(confirm('Delete all files ?')){
+          if(conditionedField.attr('multiple')) {
+            conditionedField.parents('.formily-input:first').hide(0);
+          } else {
+            conditionedField.parent(0).hide(0);
+          }
+
+          var input_id = conditionedField.attr('name').match(/\[(\d+)\](\[\])?$/)[1];
+
+          var form = conditionedField.parents('form');
+
+          var data = {
+            user_id: form.find('input[name=user_id]').val(),
+            authenticity_token: form.find('input[name=authenticity_token]').val(),
+            form_id: form.find('input[name=form_id]').val(),
+            resource_id: form.find('input[name=resource_id]').val(),
+            resource_type: form.find('input[name=resource_type]').val(),
+            input_id: input_id
+          };
+
+          $.ajax({
+            url: '/formily/file/delete_by_input_id',
+            data: data,
+            type: 'DELETE'
+          });
+
+          conditionedField.parents('.formily-input:first').find('.file_upload').remove();
+
+          conditionedField.get(0).removeAttribute('name');
+          self.attr('name', self.data('cName'));
+          self.focus();
+        } else {
+          self.get(0).checked = true;
+        }
+      } else {
+        conditionedField.hide(0);
+        conditionedField.get(0).removeAttribute('name');
+        //conditionedField.get(0).removeAttribute('value');
+        self.attr('name', self.data('cName'));
+        self.focus();
+      }
+
+    }
+
+  });
+
+});

data/app/assets/javascripts/formily/inputs/conditioned/option.js

@@ -0,0 +1,82 @@
+// Select options conditioned fields
+
+$(document).ready(function(){
+
+  var prevOption;
+
+  $(document).on('focus click', 'select[data-formily-name]', function(e){
+    var self = $(this);
+    prevOption = self.find('option[value=' + self.val() + ']');
+  });
+
+  $(document).on('change', 'select[data-formily-name]', function(e){
+
+    var self = $(this);
+    var option = self.find('option[value=' + self.val() + ']');
+    var conditioned_field = option.data('formilyConditioned');
+
+    if(prevOption && prevOption.length > 0 && prevOption.data('formilyConditioned')) {
+      var prevConditionedField = self.parent().find('[data-formily-conditioned-field="' + prevOption.data('formilyConditioned') + '"]');
+
+      if(prevOption.data('formilyConditioned').match(/file/i)) {
+
+        var input_id = prevConditionedField.attr('name').match(/\[(\d+)\](\[\])?$/)[1];
+
+        var form = self.parents('form');
+
+        var data = {
+          user_id: form.find('input[name=user_id]').val(),
+          authenticity_token: form.find('input[name=authenticity_token]').val(),
+          form_id: form.find('input[name=form_id]').val(),
+          resource_id: form.find('input[name=resource_id]').val(),
+          resource_type: form.find('input[name=resource_type]').val(),
+          input_id: input_id
+        };
+
+        $.ajax({
+          url: '/formily/file/delete_by_input_id',
+          data: data,
+          type: 'DELETE'
+        });
+
+        prevConditionedField.get(0).removeAttribute('name');
+        prevConditionedField.parent().find('.file_upload').remove();
+
+        if(prevConditionedField.attr('multiple')) {
+          prevConditionedField.parent().parent().hide(0);
+        } else {
+          prevConditionedField.parent().hide(0);
+        }
+
+      } else {
+        prevConditionedField.get(0).removeAttribute('name');
+        prevConditionedField.hide(0);
+      }
+
+    }
+
+    self.attr('name', self.data('formilyName'));
+
+    if(conditioned_field) {
+
+      var i = self.parent().find('[data-formily-conditioned-field="' + conditioned_field + '"]');
+
+      self.get(0).removeAttribute('name');
+
+      if(i.attr('type') == 'file') {
+
+        if(i.attr('multiple')) {
+          i.parent().parent().show(0);
+        } else {
+          i.parent().show(0);
+        }
+
+      } else {
+        i.show(0);
+      }
+
+      i.attr('name', option.data('cName'));
+    }
+  });
+
+});

data/app/assets/javascripts/formily/inputs/conditioned/radio.js

@@ -0,0 +1,160 @@
+// Radio conditioned fields
+
+$(document).on('ready formily_loaded', function(){
+
+  var showConditionedField = function(field){
+
+    var cField = field.parent(0).find('input, textarea').not(field);
+
+    if(field.data('formilyConditioned')) {
+      field.get(0).removeAttribute('name');
+      cField.attr('name', field.data('c2Name'));
+    }
+
+    if(cField.attr('type') == 'file') {
+
+      if(cField.attr('multiple')) {
+        cField.parents('.formily-input:first').show(0);
+      } else {
+        cField.parent().show(0);
+        cField.show(0);
+      }
+
+    } else {
+      cField.show(0);
+    }
+
+  };
+
+  var hideConditionedField = function(field){
+
+    var cField = field.parent(0).find('input, textarea').not(field);
+
+    if(field.data('formilyConditioned')) {
+      field.attr('name', field.data('cName'));
+      cField.get(0).removeAttribute('name');
+    }
+
+    if(cField.attr('multiple')) {
+      cField.parents('.formily-input:first').hide(0);
+      field.parent().find('.formily-files-container').html('');
+    } else {
+      cField.hide(0);
+      field.parent().find('.formily-files-container').html('');
+    }
+
+    if(cField.attr('type') == 'file') {
+      // Remove all files
+      var input_id = field.attr('data-c2-name').match(/\[(\d+)\](\[\])?$/)[1];
+      var form = field.parents('form');
+
+      var data = {
+        user_id: form.find('input[name=user_id]').val(),
+        authenticity_token: form.find('input[name=authenticity_token]').val(),
+        form_id: form.find('input[name=form_id]').val(),
+        resource_id: form.find('input[name=resource_id]').val(),
+        resource_type: form.find('input[name=resource_type]').val(),
+        input_id: input_id
+      };
+
+      $.ajax({
+        url: '/formily/file/delete_by_input_id',
+        data: data,
+        type: 'DELETE'
+      });
+    }
+
+  };
+
+  // Initialize radio groups
+  $('fieldset.formily-radio-group').each(function(_, elem){
+    var self = $(elem);
+    var radio = self.find('input[type=radio][checked]');
+
+    if(radio.length > 0) {
+      self.data('prevRadio', radio);
+    } else {
+      self.data('prevRadio', 0);
+    }
+  });
+
+  $(document).on('change', 'input[type=radio][data-formily-conditioned]', function(e){
+
+    var self = $(this);
+    var fieldset = self.parents('fieldset');
+
+    if(fieldset.data('prevRadio') == 0){
+      fieldset.data('prevRadio', self);
+    }
+
+    var prevRadio = fieldset.data('prevRadio');
+
+    if(prevRadio.not(self).length == 0) {
+      // First init
+      showConditionedField(self);
+
+      self.prop('checked', true);
+      self.attr('checked', 'checked');
+
+    } else {
+
+      if(prevRadio.data('formilyConditioned')) {
+        // Hide conditioned field
+        var i = prevRadio.parent(0).find('input, textarea').not(prevRadio);
+
+        if(i.attr('type') == 'file') {
+
+          if (confirm('Delete all files ?')) {
+
+            if(self.data('formilyConditioned')) {
+              showConditionedField(self);
+            }
+
+            hideConditionedField(prevRadio);
+
+            prevRadio.prop('checked', false);
+            prevRadio.get(0).removeAttribute('checked');
+
+            self.prop('checked', true);
+            self.attr('checked', 'checked');
+
+            fieldset.data('prevRadio', self);
+          } else {
+
+            if(self.data('formilyConditioned')) {
+              hideConditionedField(self);
+            }
+
+            prevRadio.prop('checked', true);
+            prevRadio.attr('checked', 'checked');
+            self.prop('checked', false);
+            self.get(0).removeAttribute('checked');
+            fieldset.data('prevRadio', prevRadio);
+          }
+        } else {
+
+          hideConditionedField(prevRadio);
+          showConditionedField(self);
+
+          self.prop('checked', true);
+          self.attr('checked', 'checked');
+
+          prevRadio.prop('checked', false);
+          prevRadio.get(0).removeAttribute('checked');
+
+          fieldset.data('prevRadio', self);
+        }
+
+      } else {
+        showConditionedField(self);
+        self.prop('checked', true);
+        self.attr('checked', 'checked');
+        fieldset.data('prevRadio', self);
+      }
+    }
+
+    e.preventDefault();
+
+  });
+
+});

data/app/assets/javascripts/formily/inputs/date_time.js

@@ -0,0 +1,25 @@
+// DateTime input
+//= require formily/lib/jquery.datetimepicker.full.min
+//= require formily/lib/strftime.min
+
+$(document).on('ready formily_loaded', function(){
+
+  $('.formily_date_time_picker').each(function(_, el){
+    var dt_field = $(el);
+    var cur_date = new Date();
+
+    dt_field.datetimepicker({
+      formatDate:'Y/m/d',
+      scrollMonth: false,
+      yearStart: cur_date.getFullYear(),
+      yearEnd: cur_date.getFullYear() + 1,
+      formatTime:'H:i',
+      minDate:'-1970/01/02'
+    });
+
+    if(dt_field.val().match(/current/i)) {
+      var dt_str = strftime('%Y/%m/%d %H:%M', cur_date);
+      dt_field.val(dt_str);
+    }
+  });
+});

data/app/assets/javascripts/formily/inputs/input_tab.js

@@ -0,0 +1,18 @@
+// IPad GO button & Enter on PC
+$(document).on('ready formily_loaded', function(){
+
+  $(document).on('keydown', 'input', function(e){
+
+    if(e.keyCode == 13) {
+      try{
+        $(e.target).parents('.formily-input').next().find('input:first, textarea, button, select').focus()
+      } catch(ex) {
+        console.error(ex);
+      }
+
+      return false;
+    }
+
+  });
+
+});

data/app/assets/javascripts/formily/inputs/location.js

@@ -0,0 +1,39 @@
+$(document).on('ready formily_loaded', function() {
+
+  var locationInputs = $('input[data-location], p.static-text[data-location], textarea[data-location]');
+
+  if(locationInputs.length > 0) {
+    if(navigator.geolocation){
+
+      var geolocationSuccess = function(position){
+        var latitude = position.coords.latitude;
+        var longitude = position.coords.longitude;
+
+        var url = window.location.protocol + '//maps.googleapis.com/maps/api/geocode/json?language=en&latlng=';
+
+        url += latitude + ',';
+        url += longitude;
+
+        $.get(url, function(data) {
+          locationInputs.each(function(_, el){
+            var self = $(el);
+            if(self.data('location') == 'address') {
+              self.val(data.results[0].formatted_address);
+            } else {
+              self.val(latitude + ', ' + longitude);
+            }
+          });
+
+        });
+      };
+
+      var geolocationError = function(){
+        self.val('');
+        console.error('Unable to retrieve your location');
+      };
+
+      navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError);
+    }
+  }
+
+});

data/app/assets/javascripts/formily/inputs/multi_file.js

@@ -0,0 +1,228 @@
+function isFormilyFileUploaded(){
+  var msg = "Files haven't been uploaded yet!\nDo you want to cancel file upload?";
+
+  for(var i = 0; i < Object.keys(window.formilyFiles).length; i++){
+    if(window.formilyFiles[i]){
+      if(confirm(msg)){
+        return true;
+      } else {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+
+function filePreview(index){
+
+  var i = index;
+
+  if(window.formilyFiles[index] != undefined) {
+    var obj = window.formilyFiles[index];
+    var file = obj.file;
+    var s, img;
+    var reader = new FileReader();
+
+    reader.onload = function(e) {
+      if($('.file_upload[data-ff-id="' + i + '"]').length == 0){
+
+        var b = $('input[type="file"][multiple][name="' + window.formilyFiles[i].input_name + '"]');
+        var button = document.querySelector('input[type="file"][multiple][name="' + window.formilyFiles[i].input_name + '"]');
+        var bText = b.parent(0).find('span');
+
+        window.formilyFilesIndex--;
+        bText.text('[' + window.formilyFilesIndex + ' files left]');
+
+        if(file.type.indexOf('image') >= 0) {
+          var div = document.createElement("DIV");
+          div.setAttribute('class', 'file_upload new_img');
+          div.setAttribute('data-ff-id', i);
+
+          img = document.createElement("IMG");
+          img.src = e.target.result;
+
+          var node = document.createElement("SPAN");
+          var node2 = document.createElement("SPAN");
+          node.innerHTML = '&#xe802;';
+          node2.innerHTML = '0%';
+          node.setAttribute('class', 'delete_button');
+          node.setAttribute('style', 'display: none');
+          node2.setAttribute('class', 'formily-progress-bar');
+          div.appendChild(img);
+          div.appendChild(node);
+          div.appendChild(node2);
+
+          button.parentElement.parentElement.appendChild(div);
+        } else {
+          var ftype = window.formilyFiles[i].file.name.match(/.*\.([^.]+)/)[1];
+          img = $('<div class="file_upload file new_img" data-ff-id="' + i + '" ><span class="ext_label">' + ftype + '</span><span class="delete_button">&#xe802;</span><span class="formily-progress-bar">0%</span></div>');
+          s = b.parent(0).parent(0);
+          s.append(img);
+        }
+
+        if(window.formilyFilesIndex == 0) {
+          bText.text('');
+
+          var index2 = 0;
+          formilyFileUpload(index2);
+        }
+      }
+
+      filePreview(++i);
+    };
+
+    reader.readAsDataURL(file);
+  } else {
+    if(i < Object.keys(window.formilyFiles).length) {
+      filePreview(++i);
+    }
+  }
+}
+
+function formilyFileUpload(index) {
+  var i = index;
+
+  if(window.formilyFiles[index] != undefined) {
+    var obj = window.formilyFiles[index];
+    var file = obj.file;
+
+    var image = $('.file_upload[data-ff-id="' + i + '"]');
+
+    var data = new FormData();
+    data.append('file', file);
+    data.append('user_id', obj.data.user_id);
+    data.append('form_id', obj.data.form_id);
+    data.append('resource_id', obj.data.resource_id);
+    data.append('resource_type', obj.data.resource_type);
+    data.append('authenticity_token', obj.data.authenticity_token);
+    data.append('input_id', obj.data.input_id);
+    data.append('submit_id', obj.data.submit_id);
+
+    var progress = function(e){
+      if(e.lengthComputable){
+        var max = e.total;
+        var current = e.loaded;
+        var percentage = (Math.round((current * 100)/max * 10) / 10);
+
+        image.find('span.formily-progress-bar').text(percentage + '%');
+
+        if(percentage >= 100) {
+          window.formilyFiles[i] = null;
+          formilyFileUpload(++i);
+        }
+      }
+    };
+
+    $.ajax({
+      url: FormilyRoutes.form_upload_file_path(),
+      type: 'POST',
+      data: data,
+      success: function (data) {
+        image.find('span.formily-progress-bar').hide(0);
+        image.find('span.delete_button').show(0);
+        image.find('span.delete_button').attr('data-formily-delete-file', '/formily/file/' + data.file_id);
+        image.removeClass('new_img');
+      },
+      error: function(data) {
+        image.find('span.formily-progress-bar').hide(0);
+      },
+      xhr: function(){
+        var myXhr = $.ajaxSettings.xhr();
+        if(myXhr.upload){
+          myXhr.upload.addEventListener('progress', progress, false);
+        }
+        return myXhr;
+      },
+      dataType: 'json',
+      cache: false,
+      contentType: false,
+      processData: false
+    });
+
+  } else {
+    if(i < Object.keys(window.formilyFiles).length) {
+      formilyFileUpload(++i);
+    }
+  }
+}
+
+$(document).ready(function() {
+
+  window.formilyFiles = {};
+  window.formilyFilesIndex = 0;
+
+  $(document).on('click', 'div.file_upload .delete_button', function(e){
+    var self = $(this);
+    var fileId = self.data('fileId');
+    var parent = self.parents('div.file_upload');
+    var csrf = self.parents('form').find('input[type=hidden][name=authenticity_token]').val();
+
+    if(confirm('Delete image ?')){
+      if(fileId){
+        $.ajax({
+          url: FormilyRoutes.form_file_path(fileId),
+          type: 'DELETE',
+          data: {authenticity_token: csrf},
+          success: function (data) {
+            parent.remove();
+          }
+        });
+      }else{
+        var id = parent.data('ffId');
+        window.formilyFiles[id] = undefined;
+        parent.remove();
+      }
+    }
+
+    return false;
+  });
+
+  $(document).on('click', 'button[type=button][data-f-multiple]', function(e){
+    var self = $(this);
+
+    if(e.originalEvent){
+      var btn = self.find('input[type="file"][multiple][name^="formily"]');
+
+      if(btn.length > 0) {
+        btn.click();
+      }
+
+    }
+  });
+
+  $(document).on('change', 'input[type="file"][multiple][name^="formily"]', function(){
+    var self = $(this);
+    var files = this.files;
+
+    window.formilyFilesIndex = files.length;
+
+    var form = self.parents('form');
+
+    var data = {
+      user_id: form.find('input[type=hidden][name=user_id]').val(),
+      form_id: form.find('input[type=hidden][name=form_id]').val(),
+      resource_id: form.find('input[type=hidden][name=resource_id]').val(),
+      resource_type: form.find('input[type=hidden][name=resource_type]').val(),
+      authenticity_token: form.find('input[type=hidden][name=authenticity_token]').val(),
+      submit_id: form.find('input[type=hidden][name=submit_id]').val(),
+      input_id: self.attr('name').match(/\[(\d+)\](\[\])?$/)[1]
+    };
+
+    for (var i = 0; i < files.length; i++) {
+      // Detect large file
+      if(files[i].size/1048576 > 9.5) {
+        alert('File: ' + files[i].name + ' is to large !');
+        window.formilyFilesIndex--;
+      } else {
+        window.formilyFiles[Object.keys(window.formilyFiles).length] = {file: files[i], input_name: self.attr('name'), data: data};
+      }
+    }
+
+    var index = 0;
+    filePreview(index);
+
+    self.val('');
+  });
+
+});