lato_view 1.1.4 → 1.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 84fe9458f67c6a7d42884bc6878c3e1b29f57f9d
-  data.tar.gz: 2cc251a98d9955684311112a1b85aa19a38b2a59
+  metadata.gz: 7de827c8effaf615e2e52a32fedd15769c1ab11c
+  data.tar.gz: b120b8cc929c762d8d4d6279feb474734df757cc
 SHA512:
-  metadata.gz: 4c64a97ece2ca62bb977c5630cb4e9b77ba20c9dedb08095427ae4339ad1eb56a14008528dedc3c472ac66e59604b0f370381fdeb2d3ddf59d2f49be241adddb
-  data.tar.gz: 475f29ca8304ca7f424853cde250346458d3d2638bc45d3c3b1ebfc0bb185af5e993768083fcfd721cb64673a360b68c41e660fd917d56736413c9ab636c0d27
+  metadata.gz: 5acfec86c023097390ee87356968c7a9950be7ab6820bf0b1ca763bc4dc093cac2bbb5ebac3e2e02659a24dc8887b8b0f695f2aca882a1f23c07a38905ec345e
+  data.tar.gz: 6f7398e0ef507222e6be9abc0f606f7e4ebd9dbcae8ff4c34fb592755e0b7a226217f6581813912eba71be7abb6e26913235ce99ff9925ab31f6cc4c71c2fa42

data/app/assets/javascripts/lato_view/application.js

@@ -29,14 +29,14 @@
 //= require lato_view/build/Navigation
 //= require lato_view/build/ActionBar
 //= require lato_view/build/Flash
+//= require lato_view/build/ConfirmationPopup
+//= require lato_view/build/Step
 
 var Application = (function($) {
 
-  var onResize = function() {
-    $(window).on('resize', function() {
-      Navigation.manageSidebarDropdown();
-    });
-  };
+  var onResize = Util.debounce(function() {
+    Navigation.manageSidebarDropdown();
+  }, 250);
 
   var init = function() {
     $(document).on('ready', function() {
@@ -49,13 +49,15 @@ var Application = (function($) {
       Navigation.init();
       //ActionBar.init();
       Flash.init();
+      Step.init();
       FormManager.init();
+      ConfirmationPopup.init();
       $('.editor').trumbowyg({
         svgPath: '/ui/icons.svg'
       });
 
       // Functions executed on resize
-      onResize();
+      $(window).on('resize', onResize());
     });
   };
 

data/app/assets/javascripts/lato_view/build/ConfirmationPopup.js

@@ -0,0 +1,52 @@
+var ConfirmationPopup = (function($) {
+  'use strict';
+
+  var _manageConfirmationPopup = function() {
+    $(document).on('click', '.js-confirmation-popup-trigger', function(event) {
+      var $this = $('.js-confirmation-popup-trigger');
+
+      var $confirmationPopup = $('.js-confirmation-popup');
+      var $confirmationPopupQuestion = $confirmationPopup.find('.js-confirmation-popup-question');
+      var $confirmationPopupAnswerOk = $confirmationPopup.find('.js-confirmation-popup-answer-success');
+      var $confirmationPopupAnswerNope = $confirmationPopup.find('.js-confirmation-popup-answer-nope');
+
+      var location = $this.attr('href');
+      var data_method = $this.data( "fake-method");
+
+      var messageOk = $this.data('popup-ok');
+      var messageNo = $this.data('popup-no');
+      var messageText = $this.data('popup-text');
+
+      // Set property data
+      $confirmationPopupQuestion.text(messageText);
+      $confirmationPopupAnswerOk.text(messageOk);
+      $confirmationPopupAnswerOk.attr('href', location);
+      $confirmationPopupAnswerOk.attr( "data-method", data_method);
+      $confirmationPopupAnswerNope.text(messageNo);
+
+      event.preventDefault();
+
+
+      setTimeout(function() {
+        $('body').addClass('is-confirmation-popup-open');
+      }, 300);
+
+    });
+  };
+
+  var _nopePopup = function() {
+    $(document).on('click', '.js-confirmation-popup-answer-nope', function() {
+      $('body').removeClass('is-confirmation-popup-open');
+    });
+  };
+
+  var init = function() {
+    _manageConfirmationPopup();
+    _nopePopup();
+  };
+
+  return {
+    init: init
+  };
+
+})(jQuery);

data/app/assets/javascripts/lato_view/build/FormManager.js

@@ -3,20 +3,129 @@ var FormManager = (function($) {
 
   // Activate selectize.js module
   var _manageSelect = function() {
-    $('.select').selectize({
-      hideSelected: 'true' // for multiple-select working
+
+    var $inputNSelects = $('.input-nselect');
+    var $select = $('.select');
+    var $selectCreate = $('.select-create');
+
+    $select.selectize({
+      hideSelected: 'true'
     });
+
+    $selectCreate.selectize({
+      hideSelected: 'true',
+      create: function(input) {
+        return {
+          value: input,
+          text: input
+        }
+      }
+    });
+
+		$inputNSelects.each(function (index, inputNSelect) {
+			_manageInputNSelect(inputNSelect);
+		});
   };
 
+  // Main function for each cell
+	var _manageInputNSelect = function(inputNSelect) {
+		var selectInputs = $(inputNSelect).find('.form-control');
+
+		// init selectize
+		selectInputs.each(function(index) {
+			_initSelectize(index, selectInputs);
+		});
+
+		// load options for first selectize
+		_loadOptions(null, 0, selectInputs);
+	};
+
+  // Function to init a select with the call of the api
+	var _loadOptions = function (filterId, selectInputPosition, selectInputs) {
+    var selectInput = selectInputs[selectInputPosition];
+    if (!selectInput) { return }
+    var apiUrl = $(selectInput).attr('data-api-url');
+		$.ajax({
+			url: apiUrl,
+			cache: false,
+			data: (filterId ? {filter_id: filterId} : null),
+			success: function (response) {
+				_updateSelectize(response, selectInputPosition, selectInputs);
+			}
+		});
+	};
+
+  // Function to init an empty input to become a selectize
+	var _initSelectize = function (selectInputPosition, selectInputs) {
+		var selectInput = selectInputs[selectInputPosition];
+		var input = $(selectInput).find('.select-nselect');
+		var valueField = $(selectInput).attr('data-value-field');
+		var labelField = $(selectInput).attr('data-label-field');
+		var initialVal = $(input).val();
+		var id = $(selectInput).attr('data-value-id');
+
+		input.selectize({
+			maxItems: 1,
+			valueField: valueField,
+			labelField: labelField,
+			searchField: labelField,
+			options: [],
+			onChange: function (value) {
+				_loadOptions(value, parseInt(id) + 1, selectInputs);
+			},
+			onInitialize: function() {
+				if (initialVal) {
+					this.setValue(initialVal);
+					_loadOptions(initialVal, parseInt(id) + 1, selectInputs);
+				}
+			}
+		});
+	};
+
+  // Function to update a selectize with correct options
+	var _updateSelectize = function (options, selectInputPosition, selectInputs) {
+		var selectInput = selectInputs[selectInputPosition];
+		var input = $(selectInput).find('.select-nselect');
+		var id = $(selectInput).attr('data-value-id');
+		var initialVal = $(input).val();
+
+		var selectize = $(input)[0].selectize;
+
+		if (selectize) {
+			selectize.clear();
+			selectize.clearOptions();
+			selectize.load(function(callback) {
+			  callback(options);
+			});
+			if (initialVal) {
+				selectize.setValue(initialVal);
+				_loadOptions(initialVal, parseInt(id) + 1, selectInputs);
+			}
+		}
+	};
+
   // Activate pikaday.js module
   var _manageDatePicker = function() {
     var $datepicker = $('.date-picker').pickadate({
       firstDay: 1,
       min: new Date(1900, 0, 1),
       max: new Date(3000, 12, 31),
+      selectYears: true,
       format: 'dd/mm/yyyy',
       hiddenPrefix: '',
-      hiddenSuffix: ''
+      hiddenSuffix: '',
+      selectMonths: true
+    });
+
+    var $datepicker = $('.birthdate-picker').pickadate({
+      firstDay: 1,
+      selectYears: true,
+      format: 'dd/mm/yyyy',
+      hiddenPrefix: '',
+      hiddenSuffix: '',
+      selectMonths: true,
+      selectYears: 80,
+      max: true
     });
   };
 
@@ -24,7 +133,8 @@ var FormManager = (function($) {
     var $timePicker = $('.time-picker').pickatime({
       format: 'H:i',
       hiddenPrefix: '',
-      hiddenSuffix: ''
+      hiddenSuffix: '',
+      interval: 5
     });
   };
 
@@ -58,13 +168,12 @@ var FormManager = (function($) {
           } else {
             $label.html(labelVal);
           }
-
         });
 
         // Firefox bug fix
         $input
-        .on('focus', function(){ $input.addClass( 'has-focus' ); })
-        .on('blur', function(){ $input.removeClass( 'has-focus' ); });
+        .on('focus', function() { $input.addClass( 'has-focus' ); })
+        .on('blur', function() { $input.removeClass( 'has-focus' ); });
       });
     }
   };
@@ -83,7 +192,7 @@ var FormManager = (function($) {
 
   // Activate email data-list autocomplete
   var _insertSuggestions = function() {
-    if($('.email-suggestion').length) {
+    if ($('.email-suggestion').length) {
       var domains = ['yahoo.com', 'gmail.com', 'google.com', 'hotmail.com', 'me.com', 'libero.it', 'live.it', 'live.com'];
 
       $('.email-suggestion').emailautocomplete({
@@ -93,57 +202,68 @@ var FormManager = (function($) {
   };
 
   /*
-  * Manage form submission/validation
+  * Manage form elements' submit
   * @return: undefined or boolean
   */
   var _manageFormSubmit = function() {
-    $('.lato-form').on('submit', function(event) {
-
-      var tests = {
-        "number": Validator.controlNumber('.input-number'),
-        "required": Validator.controlRequired('data-input="required"'),
-        "email": Validator.controlEmail('.input-email'),
-        "password": Validator.controlPasswordEquality('.input-password', '.confirm-password'),
-        "length": Validator.controlInputLength('.input-length'),
-        "radiobox": Validator.controlRadiobox('data-input="radio"')
-      };
-
-      // Basta che uno dei test fallisca per generare un errore
-      $.each(tests, function(index, val) {
-        if(val === false) {
-          event.preventDefault();
-          return false;
-        }
-      });
+    $('.lato-form').not('.login-form').each(function(i, el) {
+      $(el).on('submit', function(event) {
+
+        var $requiredControls = $(el).find('.form-control[data-input="required"]');
+        var $emailControls = $(el).find('.input-email');
+        var $lengthControls = $(el).find('.input-length');
+        var $radioControls = $(el).find('.form-control[data-input="radio"]');
+        var $passwordControl = $(el).find('.input-password');
+        var $passwordConfirm = $(el).find('.confirm-password');
+        var $numberControls = $(el).find('.input-number');
 
+        var tests = {
+          //"number": Validator.controlNumber($numberControls),
+          // "required": Validator.controlRequired($requiredControls),
+          // "email": Validator.controlEmail($emailControls),
+          //"password": Validator.controlPasswordEquality($passwordControl, $passwordConfirm)
+          //"length": Validator.controlInputLength($lengthControls),
+          //"radiobox": Validator.controlRadiobox($radioControls)
+        };
+
+        // Basta che uno dei test fallisca per generare un errore
+        $.each(tests, function(index, val) {
+          // if(!val) {
+          //   event.preventDefault();
+          //   return false;
+          // }
+        });
+
+        console.log(event);
+      });
     });
   }
 
   // Manage form validation in semi-real-time.
   var _manageBlurValidation = function() {
-    $('.lato-form').on('blur', '.input', function(event) {
-      var type = $(this).parent('.form-control').data('input');
-      var controlType = $(this).parent('.form-control').data('control');
-
-      // Email suggestion case
-      if($('.eac-input-wrap').length) {
-        Validator.controlEmail('.input-email');
-      }
-
-      // Get input desired className.
-      var tester = '.' + $(this).attr('class').split(' ')[1];
-
-      // Manage data-control type
-      switch(controlType) {
-        case 'number':
-          Validator.controlNumber(tester);
-          break;
-        case 'email':
-          Validator.controlEmail(tester);
-          break;
-      }
-
-    });
+    // $('.lato-form').on('blur', '.input', function(event) {
+    //   var type = $(this).parent('.form-control').data('input');
+    //   var controlType = $(this).parent('.form-control').data('control');
+    //
+    //   // Email suggestion case
+    //   if($('.eac-input-wrap').length) {
+    //     Validator.controlEmail('.input-email');
+    //   }
+    //
+    //   // Get input desired className.
+    //   var tester = '.' + $(this).attr('class').split(' ')[1];
+    //
+    //   // Manage data-control type
+    //   switch(controlType) {
+    //     case 'number':
+    //       Validator.controlNumber(tester);
+    //       break;
+    //     case 'email':
+    //       Validator.controlEmail(tester);
+    //       break;
+    //   }
+    //
+    // });
   };
 
   var init = function() {

data/app/assets/javascripts/lato_view/build/Step.js

@@ -0,0 +1,169 @@
+var Step = (function($) {
+  'use strict';
+
+  var $stepElements = $('.element-step');
+  var $stepNavigator = $('.step-navigator');
+
+  var _stepExists = function() {
+    return $stepElements.length;
+  };
+
+  var _sameElementStep = function($elStep, $navigator) {
+    return $elStep.data('step-id') === $navigator.data('step-id');
+  };
+
+  var _setStepsSize = function(currentStepElement) {
+    var elW = $(currentStepElement).outerWidth();
+    var $stepScroller = $(currentStepElement).find('.step-scroller');
+    var $steps = $(currentStepElement).find('.step');
+    var stepsCount = $steps.length;
+
+    $steps.width(elW);
+    $stepScroller.width(elW * stepsCount);
+  };
+
+  var _buildNavigation = function(currentStepElement, currentSteps) {
+    var stepElementid = $(currentStepElement).data('step-id');
+    var stepNavigatorSelector = '.step-navigator[data-step-id=' + stepElementid + ']';
+    var fragment = $(document.createDocumentFragment());
+
+    $.each(currentSteps, function(i, el) {
+      if ((parseInt(i)+1) === 1) {
+        var li = $('<li class="step-paginate-index active">' + (parseInt(i) + 1) + '</li>');
+      } else {
+        var li = $('<li class="step-paginate-index">' + (parseInt(i) + 1) + '</li>');
+      }
+      fragment.append(li);
+    });
+
+    _disableNavigation('.step-prev', stepElementid);
+    $(stepNavigatorSelector).find('.step-paginate').append(fragment);
+  };
+
+  var _disableNavigation = function($navEl, stepId) {
+    var selector = '.step-navigator[data-step-id="' + stepId + '"]';
+    $(selector).find($navEl).addClass('step-disabled');
+  };
+
+  var _enableNavigation = function($navEl, stepId) {
+    var selector = '.step-navigator[data-step-id="' + stepId + '"]';
+    $(selector).find($navEl).removeClass('step-disabled');
+  };
+
+  var _setActiveStep = function(currentStepElement, id) {
+    var stepElementid = $(currentStepElement).data('step-id');
+    var $step = $(currentStepElement).find('.step');
+    var stepNavigatorSelector = '.step-navigator[data-step-id=' + stepElementid + ']';
+    var $stepPaginateIndex = $(stepNavigatorSelector).find('.step-paginate-index');
+
+    $stepPaginateIndex.removeClass('active');
+    $stepPaginateIndex.eq(id).addClass('active');
+
+    $step.removeClass('active');
+    $step.eq(id).addClass('active');
+  };
+
+  var moveStep = function(currentStepElement, direction) {
+    currentStepElement = currentStepElement || $('.element-step:first');
+    direction = direction || 'initial';
+    var transform = ['transform', 'msTransform', 'webkitTransform', 'mozTransform', 'oTransform'];
+    var transformProperty = Util.getSupportedPropertyName(transform);
+    var stepScroller = $(currentStepElement).find('.step-scroller')[0];
+    var muchScroll = $(currentStepElement).outerWidth();
+    var stepCount = parseInt($(currentStepElement).find('.step').length);
+    var currentIndex = parseInt($(currentStepElement).find('.step.active').index() + 1);
+    var stepElementid = $(currentStepElement).data('step-id');
+
+    if (transformProperty) {
+      if (typeof direction === 'string') {
+        switch (direction) {
+          case 'prev':
+            if (currentIndex !== 1) {
+              _setActiveStep(currentStepElement, currentIndex-2);
+              stepScroller.style[transformProperty] = 'translateX(-' + (muchScroll * (currentIndex - 2)) + 'px)';
+            }
+            break;
+          case 'next':
+            if (currentIndex !== stepCount) {
+              stepScroller.style[transformProperty] = 'translateX(-' + (muchScroll * currentIndex) + 'px)';
+              _setActiveStep(currentStepElement, currentIndex);
+            }
+            break;
+          case 'initial':
+
+            break;
+          default:
+        }
+
+      } else if (typeof direction === 'number') {
+        var index = direction-1;
+        stepScroller.style[transformProperty] = 'translateX(-' + (muchScroll * index) + 'px)';
+        _setActiveStep(currentStepElement, index);
+        //_updateNavigationControl(currentIndex, stepElementid, stepCount);
+      } else {
+        return false;
+      }
+    }
+  };
+
+  var prevStep = function(currentStepElement) {
+    $(document).on('click', '.step-prev', function() {
+      moveStep(currentStepElement, 'prev');
+    });
+  };
+
+  var nextStep = function(currentStepElement) {
+    $(document).on('click', '.step-next', function() {
+      moveStep(currentStepElement, 'next');
+    });
+  };
+
+  var resetStep = function() {
+    $(document).on('click', '.step-reset', function() {
+      moveStep(currentStepElement, 'initial');
+    });
+  };
+
+  var _indexNavigation = function() {
+    $(document).on('click', '.step-paginate-index', function() {
+      var stepElementid = $(this).parents('.step-navigator').data('step-id');
+      var paginateId = parseInt($(this).text());
+      var currentStepElementSelector = '.element-step[data-step-id=' + stepElementid + ']';
+      var $currentStepElement = $(currentStepElementSelector);
+
+      moveStep($currentStepElement, paginateId);
+    });
+  };
+
+  var updateStepsSize = function() {
+    if (_stepExists()) {
+      $.each($stepElements, function(i, el) {
+        _setStepsSize(el);
+      });
+    }
+  };
+
+  var init = function() {
+    if (_stepExists()) {
+      $.each($stepElements, function(i, el) {
+        var $elSteps = $(el).find('.step');
+
+        prevStep(el);
+        nextStep(el);
+        _setStepsSize(el);
+        _buildNavigation(el, $elSteps);
+        _indexNavigation();
+      });
+    }
+  };
+
+  return {
+    init: init,
+    move: moveStep,
+    prev: prevStep,
+    next: nextStep,
+    reset: resetStep,
+    update: updateStepsSize
+  };
+
+})(jQuery);