lato_core 2.1.2 → 2.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7f4211f6915556b1d0fde041227bea548304fce4
-  data.tar.gz: 8f63acc58fe73ee0818e0f518d8a52c97855d324
+  metadata.gz: d03404575f2dc3428326581b02cddb3a8d247aa1
+  data.tar.gz: b12942916abaec0b8d60bedaf36a1867e1a0c05e
 SHA512:
-  metadata.gz: bb052e5c212bd1d62beecf76842fd462716bf018fca36fb3f617d24960e947d836cb47ee1f9e4566cf935d3b81a51a90f4a7af35a2e54166efcb281ad48b012f
-  data.tar.gz: abb566a77dc9c1e53287a6920be505c69a2b9bf5488b50857e23a7ac1c504c37e96ad1358e7f4f2562e358b36d23ba493171b4a78b2f26b53ca8a5a338fdc32f
+  metadata.gz: ad94e466f6c6dc74c390ab21ae482b9f032dcb4091be16a56ef8e2ae8199e14fe369f28c91a8c04a991b4de2c9e796f48e94e3c7befc0da76f01157bd20236c3
+  data.tar.gz: dffaebee14da1902f0447ff94a65d6d3e7fd8b1b5fdabd10e0e9b6aa26989b7cc72f7387c06dcb9dd8a48cb52fe932f9d4271d404909787908ea9dba2b3aede0

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

@@ -13,16 +13,25 @@
 //= require jquery
 //= require jquery_ujs
 //= require_tree ./vendors
-//= require_tree ./initializers
-//= require_tree ./initializers/inputs
-//= require_tree ./interfaces
+//= require_tree ./modules
 
-$(window).load(function () {
-  InputsInitializer.init()
+$(document).ready(function () {
+  CoreButton.init()
+  CoreChart.init()
+  CoreDatepicker.init()
+  CoreFlash.init()
+  CoreFormValidator.init()
+  CoreLayout.init()
+  CoreModal.init()
+  CoreSelect.init()
+  CoreSortableManager.init()
+  CoreTable.init()
+  CoreEditor.init()
 })
 
-$(document).ready(function() {
-  ChartsInitializer.init()
-  ElementsInitializer.init()
-  LayoutInitializer.init()
+$(window).load(function () {
+  // DISCUSSION: Messo al load per attendere caricamento dipendenze Google mappe.
+  // Valutare se fare un modulo solo per le mappe e spostare solo
+  // quelllo al load.
+  CoreMediapicker.init()
 })

data/app/assets/javascripts/lato_core/modules/CoreButton.js

@@ -0,0 +1,38 @@
+var CoreButton = (function () {
+
+  function initializeButtonConfirmation (button) {
+    var buttonElement = $(button).find('.elements-button__element')
+    $(buttonElement).click(function (e) {
+      var dataConfirmation = $(this).attr('data-confirmation')
+      if (dataConfirmation && dataConfirmation === 'true') {
+        e.preventDefault()
+        // find confirmation popup
+        var confirmation = $(this).parent().find('.elements-button__confirmation')
+        // open confirmation popup
+        $(confirmation).addClass('elements-button__confirmation--active')
+        // manage delete click
+        $(confirmation).find('.button.popup.false').click(function (e) {
+          $(confirmation).removeClass('elements-button__confirmation--active')
+          e.preventDefault()
+        })
+      }
+    })
+  }
+
+  function _initButtonConfirmation () {
+    $('.elements-button').each(function () {
+      initializeButtonConfirmation(this)
+    })
+  }
+
+  // Init:
+  function init () {
+    _initButtonConfirmation()
+  }
+
+  return {
+    init: init,
+    initializeButtonConfirmation: initializeButtonConfirmation
+  }
+
+})()

data/app/assets/javascripts/lato_core/{initializers/Charts.js → modules/CoreChart.js}

@@ -1,11 +1,4 @@
-var ChartsInitializer = (function () {
-
-  function initializeBarCharts () {
-    var charts = $('.charts-bar')
-    charts.each(function () {
-      initializeBarChart(this)
-    })
-  }
+var CoreChart = (function () {
 
   function initializeBarChart (chart) {
     var chartData = JSON.parse($(chart).find('.charts__metadata').html())
@@ -22,15 +15,22 @@ var ChartsInitializer = (function () {
     })
   }
 
-  // Init:
+  function _initBarCharts () {
+    var charts = $('.charts-bar')
+    charts.each(function () {
+      initializeBarChart(this)
+    })
+  }
 
+  // Init:
   function init () {
-    initializeBarCharts()
+    _initBarCharts()
   }
 
   return {
-    init: init
+    init: init,
+    initializeBarChart: initializeBarChart
   }
 
 })()
-
+  

data/app/assets/javascripts/lato_core/modules/CoreDatepicker.js

@@ -0,0 +1,42 @@
+var CoreDatepicker = (function () {
+
+  function initializeDatetime (datetime) {
+    var datetimeInput = $(datetime).find('.inputs__input--datetime')
+    $(datetimeInput).datetimepicker({
+      format: 'd/m/Y H:i'
+    })
+  }
+
+  function initializeDate (date) {
+    var dateInput = $(date).find('.inputs__input--date')
+    $(dateInput).datetimepicker({
+      timepicker: false,
+      format: 'd/m/Y'
+    })
+  }
+
+  function _initDatetime () {
+    $('.inputs-datetime').each(function () {
+      initializeDatetime(this)
+    })
+  }
+
+  function _initDate () {
+    $('.inputs-date').each(function () {
+      initializeDate(this)
+    })
+  }
+  
+  // Init:
+  function init () {
+    _initDatetime()
+    _initDate()
+  }
+
+  return {
+    init: init,
+    initializeDate: initializeDate,
+    initializeDatetime: initializeDatetime
+  }
+
+})()

data/app/assets/javascripts/lato_core/modules/CoreEditor.js

@@ -0,0 +1,27 @@
+var CoreEditor = (function () {
+  
+    function initializeEditor (editor) {
+      var editorInput = $(editor).find('.inputs__editor')
+      $(editorInput).trumbowyg({
+        svgPath: $('#ddtj__editor-icons-path').html()
+      })
+    }
+  
+    function _initEditor () {
+      $('.inputs-editor').each(function () {
+        initializeEditor(this)
+      })
+    }
+  
+    // Init:
+    function init () {
+      _initEditor()
+    }
+  
+    return {
+      init: init,
+      initializeEditor: initializeEditor
+    }
+  
+  })()
+  

data/app/assets/javascripts/lato_core/modules/CoreFlash.js

@@ -0,0 +1,27 @@
+var CoreFlash = (function () {
+
+  function initializeFlashCloseButton (flash) {
+    var closeButton = $(flash).find('.elements-flash__close-button')
+    $(closeButton).click(function (e) {
+      e.preventDefault()
+      flash.addClass('elements-flash--hidden')
+    })
+  }
+
+  function _initFlashCloseButton () {
+    $('.elements-flash').each(function () {
+      initializeFlashCloseButton(this)
+    })
+  }
+
+  // Init:
+  function init () {
+    _initFlashCloseButton()
+  }
+
+  return {
+    init: init,
+    initializeFlashCloseButton: initializeFlashCloseButton
+  }
+
+})()

data/app/assets/javascripts/lato_core/modules/CoreFormValidator.js

@@ -0,0 +1,110 @@
+var CoreFormValidator = (function () {
+
+  function initializeFormValidation (form) {
+    $(form).submit(function (e) {
+      $(e.target).find('input').each(function () {
+        if (!validateInput(this)) { e.preventDefault() }
+      })
+      $(e.target).find('select').each(function () {
+        if (!validateInput(this)) { e.preventDefault() }
+      })
+      $(e.target).find('textarea').each(function () {
+        if (!validateInput(this)) { e.preventDefault() }
+      })
+    })
+  }
+
+  function validateInput (input) {
+    if ($(input).attr('data-required') && $(input).attr('data-required') === 'true') {
+      if (!validateInputRequired(input)) { return false }
+    }
+
+    if ($(input).attr('data-max-length')) {
+      if (!validateInputMaxLength(input)) { return false }
+    }
+
+    if ($(input).attr('data-min-length')) {
+      if (!validateInputMinLength(input)) { return false }
+    }
+
+    return true
+  }
+
+  function validateInputRequired (input) {
+    if ($(input).is(':checkbox')) {
+      var inputChecked = $(input).is(':checked')
+      if (!inputChecked || inputChecked === null || inputChecked === false) {
+        _addInputErrorStyle(input)
+        return false
+      }
+    } else {
+      var inputValue = $(input).val()
+      if (inputValue === null || inputValue === '' || inputValue === ' ') {
+        _addInputErrorStyle(input)
+        return false
+      }
+    }
+
+    return true
+  }
+
+  function validateInputMaxLength (input) {
+    var inputValue = $(input).val()
+    if (inputValue !== null && inputValue !== '' && inputValue.length > $(input).attr('data-max-length')) {
+      _addInputErrorStyle(input)
+      return false
+    }
+
+    return true
+  }
+
+  function validateInputMinLength (input) {
+    var inputValue = $(input).val()
+    if (inputValue !== null && inputValue !== '' && inputValue.length < $(input).attr('data-min-length')) {
+      _addInputErrorStyle(input)
+      return false
+    }
+
+    return true
+  }
+
+  function _addInputErrorStyle (input) {
+    if ($(input).is('select')) {
+      $(input).next().addClass('inputs__select--error')
+      $(input).next().click(function () {
+        $(this).removeClass('inputs__select--error')
+      })
+    } else if ($(input).is('textarea')) {
+      $(input).addClass('inputs__textarea--error')
+      $(input).click(function () {
+        $(this).removeClass('inputs__textarea--error')
+      })
+    } else {
+      $(input).addClass('inputs__input--error')
+      $(input).focus(function () {
+        $(this).removeClass('inputs__input--error')
+      })
+    }
+  }
+
+  function _initFormValidation () {
+    $('.inputs__form').each(function () {
+      initializeFormValidation(this)
+    })
+  }
+  
+  // Init:
+  function init () {
+    _initFormValidation()
+  }
+
+  return {
+    init: init,
+    initializeFormValidation: initializeFormValidation,
+    validateInput: validateInput,
+    validateInputRequired: validateInputRequired,
+    validateInputMaxLength: validateInputMaxLength,
+    validateInputMinLength: validateInputMinLength
+  }
+
+})()

data/app/assets/javascripts/lato_core/{initializers/Layout.js → modules/CoreLayout.js}

@@ -1,5 +1,6 @@
-var LayoutInitializer = (function () {
-  function toggleProfileMenu () {
+var CoreLayout = (function () {
+
+  function _initToggleProfileMenu () {
     $('.layout-admin__profile-container').click(function () {
       // close header widgets
       $('.layout-admin__widget-container').removeClass('layout-admin__widget-container--active')
@@ -8,7 +9,7 @@ var LayoutInitializer = (function () {
     })
   }
 
-  function toggleWidget () {
+  function _initToggleWidget () {
     $('.layout-admin__widget-button').click(function (e) {
       var widgetContainer = $(this).parent()
       // close profile menu
@@ -26,8 +27,8 @@ var LayoutInitializer = (function () {
 
   // Init:
   function init () {
-    toggleProfileMenu()
-    toggleWidget()
+    _initToggleProfileMenu()
+    _initToggleWidget()
   }
 
   return {

data/app/assets/javascripts/lato_core/modules/CoreMediapicker.js

@@ -0,0 +1,140 @@
+var CoreMediapicker = (function () {
+
+  function initializeDropzone (dropzone) {
+    var dropzoneForm = $(dropzone).find('.inputs__dropzone')
+    var paramName = $(dropzoneForm).attr('data-param-name')
+    var maxFilesize = $(dropzoneForm).attr('data-max-size')
+    var maxFiles = $(dropzoneForm).attr('data.max-files')
+    $(dropzoneForm).dropzone({
+      paramName: paramName,
+      maxFilesize: maxFilesize,
+      maxFiles: maxFiles
+    })
+  }
+
+  function initializeGelocalizationMap (geolocalizationMap) {
+    var mapContainer = $(geolocalizationMap).find('.inputs-geolocalization__map')[0]
+    var searchBoxInput = $(geolocalizationMap).find('.inputs-geolocalization__search')[0]
+    var latInput = $(geolocalizationMap).find('.inputs-geolocalization__input-lat')[0]
+    var lngInput = $(geolocalizationMap).find('.inputs-geolocalization__input-lng')[0]
+    var addressInput = $(geolocalizationMap).find('.inputs-geolocalization__input-address')[0]
+    // initialize map
+    var map = new google.maps.Map(mapContainer, {
+      zoom: parseInt($(mapContainer).attr('data-default-zoom')),
+      center: {
+        lat: parseFloat($(mapContainer).attr('data-default-lat')),
+        lng: parseFloat($(mapContainer).attr('data-default-lng'))
+      },
+      mapTypeId: $(mapContainer).attr('data-default-type'),
+      streetViewControl: false
+    })
+    // initialize markers
+    var markers = []
+    if ($(latInput).val() && $(lngInput).val()) {
+      markers.push(new google.maps.Marker({
+        map: map,
+        position: {lat: parseFloat($(latInput).val()), lng: parseFloat($(lngInput).val())},
+        title: $(addressInput).val()
+      }))
+    }
+    // initialize searchbox
+    var searchBox = new google.maps.places.SearchBox(searchBoxInput)
+    // sync map bounds with search
+    map.addListener('bounds_changed', function () {
+      searchBox.setBounds(map.getBounds())
+    })
+    // sync searchbox search with map and hidden inputs
+    searchBox.addListener('places_changed', function () {
+      // get search palces
+      var places = searchBox.getPlaces()
+      if (places.length === 0) { return }
+      // clean old markers
+      markers.forEach(function (marker) { marker.setMap(null) })
+      markers = []
+      // show first place on map
+      var bounds = new google.maps.LatLngBounds()
+      var place = places[0]
+      if (!place.geometry) { return }
+      markers.push(new google.maps.Marker({
+        map: map,
+        position: place.geometry.location,
+        title: place.formatted_address
+      }))
+      if (place.geometry.viewport) {
+        bounds.union(place.geometry.viewport)
+      } else {
+        bounds.extend(place.geometry.location)
+      }
+      map.fitBounds(bounds)
+      // save place info on hidden inputs
+      $(latInput).val(place.geometry.location.lat())
+      $(lngInput).val(place.geometry.location.lng())
+      $(addressInput).val(place.formatted_address)
+    })
+  }
+
+  function initializeYoutube (youtube) {
+    var youtubeInput = $(youtube).find('.inputs__input')
+    $(youtubeInput).change(function () {
+      var inputVal = $(this).val()
+      var videoId = _getYoutubeVideoId(inputVal)
+      var iframeMarkup = '<iframe src="//www.youtube.com/embed/' + videoId + '" frameborder="0" allowfullscreen></iframe>'
+      var videoContainer = $(this).parent().find('.inputs-youtube__video')
+      if (inputVal && inputVal !== '') {
+        $(videoContainer).html(iframeMarkup)
+        $(videoContainer).addClass('inputs-youtube__video--active')
+      } else {
+        $(videoContainer).html('')
+        $(videoContainer).removeClass('inputs-youtube__video--active')
+      }
+    })
+    // trigger initial change
+    $(youtubeInput).trigger('change')
+  }
+
+  // function to get youtube video
+  function _getYoutubeVideoId (url) {
+    var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/
+    var match = url.match(regExp)
+
+    if (match && match[2].length === 11) {
+      return match[2]
+    } else {
+      return 'error'
+    }
+  }
+
+  function _initDropzone () {
+    $('.inputs-dropzone').each(function () {
+      initializeDropzone(this)
+    })
+  }
+
+  function _initGeolocalizationMap () {
+    $('.inputs-geolocalization').each(function () {
+      initializeGelocalizationMap(this)
+    })
+  }
+
+  function _initYoutube () {
+    $('.inputs-youtube').each(function () {
+      initializeYoutube(this)
+    })
+  }
+
+  // Init:
+  function init () {
+    _initDropzone()
+    _initGeolocalizationMap()
+    _initYoutube()
+  }
+
+  return {
+    init: init,
+    initializeDropzone: initializeDropzone,
+    initializeGelocalizationMap: initializeGelocalizationMap,
+    initializeYoutube: initializeYoutube
+  }
+
+})()
+