lato_core 2.1.1 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fbd4baa00665b8f5e9b0fd6629c3886a2a83b7ed
-  data.tar.gz: 49e231c0e61b8044fa5b21a721896f7b32fadfb1
+  metadata.gz: 7f4211f6915556b1d0fde041227bea548304fce4
+  data.tar.gz: 8f63acc58fe73ee0818e0f518d8a52c97855d324
 SHA512:
-  metadata.gz: 21cb67e61670a2a1e3de73a84538ad8a0631e1732b58b9327bf40a538c0c3830ef6d42e6ea1f5d5d92b5f03d5b9474e61d548a74ab62bec973dc2c0b43d386f3
-  data.tar.gz: 5282d9392d3a22ad0cbf204a20aa901e0e5435f25a4ba2bef0c908b12ccd6e59577f46718d589d542c6eb6e1e25ae361bd1aa0d0feaee6807c335e551c58d3c7
+  metadata.gz: bb052e5c212bd1d62beecf76842fd462716bf018fca36fb3f617d24960e947d836cb47ee1f9e4566cf935d3b81a51a90f4a7af35a2e54166efcb281ad48b012f
+  data.tar.gz: abb566a77dc9c1e53287a6920be505c69a2b9bf5488b50857e23a7ac1c504c37e96ad1358e7f4f2562e358b36d23ba493171b4a78b2f26b53ca8a5a338fdc32f

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

@@ -14,6 +14,7 @@
 //= require jquery_ujs
 //= require_tree ./vendors
 //= require_tree ./initializers
+//= require_tree ./initializers/inputs
 //= require_tree ./interfaces
 
 $(window).load(function () {
@@ -24,5 +25,4 @@ $(document).ready(function() {
   ChartsInitializer.init()
   ElementsInitializer.init()
   LayoutInitializer.init()
-  SortableManager.init()
 })

data/app/assets/javascripts/lato_core/initializers/Inputs.js

@@ -3,7 +3,12 @@ var InputsInitializer = (function () {
   // Init plugins:
 
   function initializeSelect () {
-    $('.inputs__select').selectize()
+    $('.inputs__select').each(function () {
+      $(this).selectize({
+        create: $(this).attr('data-create') === 'true',
+        maxItems: $(this).attr('data-multiple') === 'true' ? null : 1
+      })
+    })
   }
 
   function initializeDatetime () {
@@ -12,6 +17,13 @@ var InputsInitializer = (function () {
     })
   }
 
+  function initializeDate () {
+    $('.inputs__input--date').datetimepicker({
+      timepicker: false,
+      format: 'd/m/Y'
+    })
+  }
+
   function initializeEditor () {
     $('.inputs__editor').trumbowyg({
       svgPath: $('#ddtj__editor-icons-path').html()
@@ -95,6 +107,38 @@ var InputsInitializer = (function () {
     })
   }
 
+  function initializeYoutube () {
+    // manage input change
+    $('.inputs-youtube .inputs__input').change(function () {
+      var inputVal = $(this).val()
+      var videoId = getId(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
+    $('.inputs-youtube .inputs__input').trigger('change')
+
+    // function to get youtube video
+    function getId (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'
+      }
+    }
+  }
+
   // Validations:
 
   function formInputsValidator () {
@@ -188,10 +232,14 @@ var InputsInitializer = (function () {
   function init () {
     initializeSelect()
     initializeDatetime()
+    initializeDate()
     initializeEditor()
     initializeDropzone()
     initializeGeolocalizationMap()
+    initializeYoutube()
     formInputsValidator()
+
+    SortableManager.init()
   }
 
   return {

data/app/assets/stylesheets/lato_core/base/_typography.scss

@@ -1,23 +1,32 @@
 @font-face {
     font-family: 'latoregular';
-    src: font-url('lato_core/lato-regular-webfont.eot');
-    src: font-url('lato_core/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         font-url('lato_core/lato-regular-webfont.woff2') format('woff2'),
-         font-url('lato_core/lato-regular-webfont.woff') format('woff'),
-         font-url('lato_core/lato-regular-webfont.ttf') format('truetype'),
-         font-url('lato_core/lato-regular-webfont.svg#latoregular') format('svg');
+    src: font-url('lato_core/Lato-Regular.eot');
+    src: font-url('lato_core/Lato-Regular.eot?#iefix') format('embedded-opentype'),
+         font-url('lato_core/Lato-Regular.woff2') format('woff2'),
+         font-url('lato_core/Lato-Regular.woff') format('woff'),
+         font-url('lato_core/Lato-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'latobold';
-    src: font-url('lato_core/lato-bold-webfont.eot');
-    src: font-url('lato_core/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
-         font-url('lato_core/lato-bold-webfont.woff2') format('woff2'),
-         font-url('lato_core/lato-bold-webfont.woff') format('woff'),
-         font-url('lato_core/lato-bold-webfont.ttf') format('truetype'),
-         font-url('lato_core/lato-bold-webfont.svg#latobold') format('svg');
+    src: font-url('lato_core/Lato-Bold.eot');
+    src: font-url('lato_core/Lato-Bold.eot?#iefix') format('embedded-opentype'),
+         font-url('lato_core/Lato-Bold.woff2') format('woff2'),
+         font-url('lato_core/Lato-Bold.woff') format('woff'),
+         font-url('lato_core/Lato-Bold.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'latolight';
+    src: font-url('lato_core/Lato-Light.eot');
+    src: font-url('lato_core/Lato-Light.eot?#iefix') format('embedded-opentype'),
+         font-url('lato_core/Lato-Light.woff2') format('woff2'),
+         font-url('lato_core/Lato-Light.woff') format('woff'),
+         font-url('lato_core/Lato-Light.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

data/app/assets/stylesheets/lato_core/cells/elements/_modal.scss

@@ -13,7 +13,7 @@
 
 .elements-modal--active {
   transform: scale(1);
-  background-color: rgba($modal_color_transarent_background, 0.5);
+  background-color: rgba($modal_color_transparent_background, 0.5);
   transition: transform 0.25s, background-color 1s;
 }
 

data/app/assets/stylesheets/lato_core/cells/elements/_title.scss

@@ -5,6 +5,11 @@
   border-bottom: solid 1px $title_color_border;
   padding-bottom: 5px;
   margin: 5px 0;
+
+  .icon {
+    display: inline-block;
+    margin-right: 10px;
+  }
 }
 
 .elements-title--size-1 {

data/app/assets/stylesheets/lato_core/cells/inputs/_date.scss

@@ -0,0 +1,3 @@
+.inputs-date {
+  
+  }

data/app/assets/stylesheets/lato_core/cells/inputs/_datetime.scss

@@ -2,7 +2,7 @@
 
 }
 
-// plugin style
+// plugin style (used also for date input)
 .xdsoft_datetimepicker {
   border: 1px solid $input_color_border;
   border-bottom-left-radius: 10px;

data/app/assets/stylesheets/lato_core/cells/inputs/_inputs.scss

@@ -7,8 +7,10 @@
 @import "select";
 @import "textarea";
 @import "datetime";
+@import "date";
 @import "editor";
 @import "checkbox";
 @import "dropzone";
 @import "geolocalization";
 @import "sortableblock";
+@import "youtube";

data/app/assets/stylesheets/lato_core/cells/inputs/_youtube.scss

@@ -0,0 +1,26 @@
+.inputs-youtube {
+
+}
+
+.inputs-youtube__video {
+  
+}
+
+.inputs-youtube__video--active {
+  margin-top: 10px;
+  height: 0;
+	overflow: hidden;
+	padding-bottom: 56.25%;
+	padding-top: 30px;
+	position: relative;
+}
+
+.inputs-youtube__video iframe,
+.inputs-youtube__video object,
+.inputs-youtube__video embed {
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}

data/app/assets/stylesheets/lato_core/layouts/_admin.scss

@@ -4,6 +4,7 @@
   min-height: 100vh;
   padding-left: 160px;
   background: $layout_admin_background;
+  padding-top: 60px;
 }
 
 // Sidebar section:
@@ -46,6 +47,7 @@
 .layout-admin__menu-item {
   border-bottom: solid 1px lighten($layout_admin_sidebar_background, 2);
   position: relative;
+  font-family: 'latolight';
 
   &:hover {
     background: darken($layout_admin_sidebar_background, 5);
@@ -127,18 +129,25 @@
 
 .layout-admin__header-container {
   background: $layout_admin_header_background;
-  height: 55px;
   box-shadow: 0px 11px 20px rgba(41,59,90,0.08);
+  position: fixed;
+  top: 0;
+  left: 160px;
+  width: calc(100% - 160px);
+  height: 55px;
+  z-index: 99;
 }
 
 .layout-admin__title-container {
   display: inline-block;
-  margin-left: 5px;
-  margin-top: 16px;
+  margin-left: 10px;
+  margin-top: 15px;
   max-width: 30%;
 
   h1 {
     color: $layout_admin_header_color_title;
+    font-family: 'latolight';
+    text-transform: uppercase;
     font-size: 20px;
     margin: 0;
     padding-right: 30px;
@@ -315,6 +324,11 @@
     padding-left: 60px;
   }
 
+  .layout-admin__header-container {
+    left: 60px;
+    width: calc(100% - 60px);
+  }
+
   .layout-admin__logo-container {
     padding: 0;
     height: 55px; 

data/app/assets/stylesheets/lato_core/theme.scss.erb

@@ -120,8 +120,8 @@ $pagination_color_background_hover: $color_grey;
 
 // Modal configurations:
 
-$modal_color_transarent_background: $color_main;
+$modal_color_transparent_background: $color_black;
 $modal_color_background: $color_white;
-$modal_color_title: $color_main;
+$modal_color_title: $color_black;
 $modal_color_header_border: $color_grey;
 

data/app/cells/lato_core/elements/title/cell.rb

@@ -5,7 +5,8 @@ module LatoCore
     @@requested_args = [:label]
 
     @@default_args = {
-      size: 1
+      size: 1,
+      icon: nil
     }
 
     def initialize(args = {})
@@ -24,28 +25,29 @@ module LatoCore
 
     private
 
-      def set_conditions
-        @html_tag = get_html_tag
-      end
-      
-      def get_html_tag
-        case @args[:size]
-        when 1
-          return 'h1'
-        when 2
-          return 'h2'
-        when 3
-          return 'h3'
-        when 4
-          return 'h4'
-        when 5
-          return 'h5'
-        when 6
-          return 'h6'
-        else
-          return 'h1'
-        end
+    def set_conditions
+      @html_tag = get_html_tag
+      @show_icon = @args[:icon] ? true : false
+    end
+
+    def get_html_tag
+      case @args[:size]
+      when 1
+        return 'h1'
+      when 2
+        return 'h2'
+      when 3
+        return 'h3'
+      when 4
+        return 'h4'
+      when 5
+        return 'h5'
+      when 6
+        return 'h6'
+      else
+        return 'h1'
       end
+    end
 
   end
 

data/app/cells/lato_core/elements/title/views/show.html.erb

@@ -1,4 +1,9 @@
 <<%= @html_tag %>
   class="elements-title
   elements-title--size-<%= @args[:size] %>"
-><%= @args[:label] %></<%= @html_tag %>>
+>
+<% if @show_icon %>
+  <i class="fa fa-<%= @args[:icon] %> icon" aria-hidden="true"></i>
+<% end %>
+<%= @args[:label] %>
+</<%= @html_tag %>>

data/app/cells/lato_core/inputs/date/cell.rb

@@ -0,0 +1,53 @@
+module LatoCore
+
+  class Inputs::Date::Cell < Cell
+
+    @@requested_args = [:name]
+
+    @@default_args = {
+      value: '',
+      label: '',
+      placeholder: '',
+      help: '',
+      required: false,
+      disabled: false,
+      class: 'md-12'
+    }
+
+    def initialize(args = {})
+      @args = validate_args(
+        args: args,
+        requested_args: @@requested_args,
+        default_args: @@default_args
+      )
+
+      set_conditions
+    end
+
+    def show
+      render 'show.html'
+    end
+
+    private
+
+    def set_conditions
+      @show_label = !@args[:label].nil? && !@args[:label].blank?
+      @show_help = !@args[:help].nil? && !@args[:help].blank?
+
+      @value = generate_value
+    end
+
+    # This function generate the value for the input if it is possible.
+    def generate_value
+      return unless @args[:value]
+
+      if @args[:value].is_a?(DateTime) || @args[:value].is_a?(Time) || @args[:value].is_a?(Date)
+        return @args[:value].strftime('%d/%m/%Y')
+      end
+
+      @args[:value]
+    end
+
+  end
+
+end