lato_view 1.1.4 → 1.1.5

data/app/assets/stylesheets/lato_view/modules/_form-controls.scss

@@ -76,8 +76,17 @@
   &[data-input="radio"] {
     .form-block:hover {
       .label-control:before {
-        border-color: darken($robin-blue, 5%);
+        border-color: $form-control-check-hover;
       }
     }
   }
-}
+
+  &[data-input="disabled"] {
+     .form-label {
+      color: mix($text-color, white, 50%);
+      &:before {
+        border-color: lighten($form-control-border-color, 10%);
+      }
+    }
+  }
+}

data/app/assets/stylesheets/lato_view/modules/_modules.scss

@@ -11,9 +11,11 @@
 @import "dropdown";
 @import "form";
 @import "form-controls";
+@import "confirmation-popup";
 @import "upload";
 @import "flash";
 @import "table";
 @import "action-bar";
 @import "search-bar";
+@import "step";
 @import "pagination";

data/app/assets/stylesheets/lato_view/modules/_sidebar.scss

@@ -43,10 +43,10 @@
   .sidebar-list-item {
     position: relative;
     .sidebar-main-link {
-      font-size: 16px;
+      font-size: 14px;
       color: $sidebar-inactive-color;
       display: block;
-      padding: 14px 0 14px 25px;
+      padding: 10px 0 14px 25px;
       text-decoration: none;
       transition: background-color 0.25s ease-in-out, color 0.25s ease;
       .sidebar-item-icon {

data/app/assets/stylesheets/lato_view/modules/_step.scss

@@ -0,0 +1,53 @@
+.element-step, .step-scroller {
+  width: 100%;
+  overflow: hidden;
+  @include clearfix();
+}
+
+.step-scroller {
+  transition: all 0.45s;
+}
+
+.element-step {
+  padding: 10px 0;
+}
+
+.step {
+  float: left;
+  width: 100%;
+}
+
+.step-navigator {
+  text-align: center;
+  padding: 5px 0;
+}
+
+.step-paginate-container {
+  display: inline-block;
+  padding: 0 $step-paginate-spacing;
+}
+
+.step-paginate {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.step-paginate-index {
+  display: inline-block;
+  @include size($step-index-base-size);
+  line-height: $step-index-base-size;
+  cursor: pointer;
+  margin-right: $step-index-base-spacing;
+  border-radius: 50%;
+  box-shadow: $step-index-shadow;
+  color: $step-index-base-color;
+  transition: all 0.3s;
+  &:last-child {
+    margin-right: 0;
+  }
+  &.active, &:hover {
+    color: $step-index-active-color;
+    box-shadow: $step-index-active-shadow;
+  }
+}

data/app/assets/stylesheets/lato_view/modules/_wyswyg.scss

@@ -753,3 +753,7 @@ $transition-duration: 150ms;
   min-height: 100px;
   max-height: 200px;
 }
+
+.trumbowyg-fullscreen, .trumbowyg-editor {
+  max-height: none;
+}

data/app/assets/stylesheets/lato_view/views/_admin.scss

@@ -13,6 +13,9 @@
     padding: 0 15px 0 30px;
     @include clearfix();
   }
+  .is-confirmation-popup-open & {
+    overflow: hidden;
+  }
 }
 
 .admin-section-title {
@@ -27,4 +30,4 @@
       padding: 0 20px;
     }
   }
-}
+}

data/app/assets/stylesheets/lato_view/views/_login.scss

@@ -7,10 +7,10 @@
   &.login {
     position: relative;
     overflow: hidden;
-    background: #50a3a2;
-    background: -webkit-linear-gradient(top left, $catskill-white 0%, lighten($ship-cove, 22%) 100%);
-    background: linear-gradient(to bottom right, $catskill-white 0%, lighten($ship-cove, 22%) 100%);
-    .flashes-container{
+    background: $login-view-base-bg;
+    background: -webkit-linear-gradient(top left, $login-view-first-gradient-bg 0%, $login-view-second-gradient-bg 100%);
+    background: linear-gradient(to bottom right, $login-view-first-gradient-bg 0%, $login-view-second-gradient-bg 100%);
+    .flashes-container {
       top: 0;
     }
     .link-back-login {
@@ -149,4 +149,5 @@
   text-align: center;
   max-width: 190px;
   margin: auto;
+  margin-bottom: 25px;
 }

data/app/cells/lato_view/cells_v1/input/cell.rb

@@ -40,6 +40,10 @@ module LatoView
       # * *default*: false
       attr_accessor :required
 
+      # Valore booleano usato per indicare se il datepicker è un birthdatepicker
+      # * *default*: false
+      attr_accessor :birthdate
+
       # Valore booleano che indica (nel caso di input password) se mostrare
       # il pulsante per vedere la password
       # * *default*: true
@@ -64,6 +68,18 @@ module LatoView
       # * *default*: false
       attr_accessor :disabled
 
+      # Valore che indica il minimo nel caso di input number
+      # * *default*: nil
+      attr_accessor :min
+
+      # Valore che indica il massimo nel caso di input number
+      # * *default*: nil
+      attr_accessor :max
+
+      # Valore che indica se il create è attivo nel caso di input select
+      # * *default*: nil
+      attr_accessor :create
+
       # Valore che indica (nel caso di input file) se accettare piu' file o
       # uno singolarmente
       # * *default*: false
@@ -73,7 +89,7 @@ module LatoView
                      value: '', label: '', width: 'large', required: false,
                      password_visible: true, custom_class: '', options: [],
                      option_blank: false, disabled: false,
-                     multiple_files: false)
+                     multiple_files: false, birthdate: false, min: nil, max: nil, create: nil)
         # eseguo brevi controlli sull'input
         raise 'Input Concept: type has not a correct value' unless @@types.include? type
         raise 'Input Concept: width has not a correct value' unless @@widths.include? width
@@ -89,9 +105,13 @@ module LatoView
         @password_visible = password_visible
         @options = options
         @custom_class = custom_class
+        @select_class = create == true ? 'select-create' : 'select'
         @option_blank = option_blank
         @disabled = disabled
         @multiple_files = multiple_files
+        @min = min 
+        @max = max
+        @datepicker_class = birthdate ? 'birthdate-picker' : 'date-picker'
       end
 
       def show

data/app/cells/lato_view/cells_v1/input/views/date.html.erb

@@ -1,5 +1,5 @@
 <div class="form-control <%= @width %>" <%= required_data_input %>>
   <label class="form-label"><%= @label %></label>
-  <input type="text" class="input date-picker <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>" <%= disabled_data_input %> value="<%= @value %>">
+  <input type="text" class="input <%= @datepicker_class %> <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>" <%= disabled_data_input %> value="<%= @value %>">
   <div class="input-error-message"></div>
 </div>

data/app/cells/lato_view/cells_v1/input/views/number.html.erb

@@ -1,5 +1,10 @@
-<div class="form-control <%= @width %>" data-control="number" <%= required_data_input %>>
+<div class="form-control <%= @width %>" data-control="number"<%= required_data_input %>>
   <label class="form-label"><%= @label %></label>
-  <input type="text" class="input input-number <%= @custom_class %>" <%= disabled_data_input %> name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>">
+  <input type="number" class="input input-number <%= @custom_class %>" 
+   		name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>"
+   		step="any" 
+   		<% if !@min.nil? %> min="<%=@min%>" <% end %>
+   		<% if !@max.nil? %> max="<%=@max%>" <% end %>
+   		<%= disabled_data_input %>>
   <div class="input-error-message"></div>
-</div>
+</div>

data/app/cells/lato_view/cells_v1/input/views/select.html.erb

@@ -1,6 +1,6 @@
 <div class="form-control <%= @width %>" <%= required_data_input %>>
   <label class="form-label"><%= @label %></label>
-  <select class="select <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>">
+  <select class="<%= @select_class %> <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>">
     <% if(@option_blank) %>
       <option></option>
     <% end %>

data/app/cells/lato_view/component/button/cell.rb

@@ -4,14 +4,16 @@ module LatoView
     @@colors = %w(normal yellow green red)
     @@sizes = %w(normal small)
 
-    attr_accessor :title, :url, :color, :size
+    attr_accessor :title, :url, :color, :size, :custom_class, :method
 
-    def initialize(title: '', url: '', color: 'normal', size: 'normal')
+    def initialize(title: '', url: '', color: 'normal', size: 'normal', custom_class: '', method: 'get')
      # save params
       @title = title
       @url = url
       @color = color
       @size = size
+      @method = method
+      @custom_class = custom_class
       # check params
       check_params
     end

data/app/cells/lato_view/component/button/views/show.html.erb

@@ -1 +1 @@
-<%= link_to @title, @url, class: "lato-button button-#{@color} button-#{@size}" %>
+<%= link_to @title, @url, method: @method, class: "lato-button button-#{@color} button-#{@size} #{@custom_class}" %>

data/app/cells/lato_view/component/buttonprompt/cell.rb

@@ -0,0 +1,38 @@
+module LatoView
+  class Component::Buttonprompt::Cell < Cell
+
+    @@colors = %w(normal yellow green red)
+    @@sizes = %w(normal small xsmall)
+
+    attr_accessor :title, :url, :color, :size, :custom_class, :data_popup_text, :data_popup_no, :data_popup_ok, :custom_method
+
+    def initialize(title: '', url: '', color: 'normal', size: 'normal', 
+                   custom_class: '', data_popup_text: '', 
+                   data_popup_no: '', data_popup_ok: '', custom_method: 'get')
+
+     # save params
+      @title = title
+      @url = url
+      @color = color
+      @size = size
+      @custom_class = custom_class
+      @data_popup_text = data_popup_text
+      @data_popup_no = data_popup_no
+      @data_popup_ok = data_popup_ok
+      @custom_method = custom_method
+      # check params
+      check_params
+    end
+
+    def show
+      render 'show.html'
+    end
+
+    # check params
+    private def check_params
+      raise 'Button Cell: color value in not correct' unless @@colors.include? @color.to_s
+      raise 'Button Cell: size value in not correct' unless @@sizes.include? @size.to_s
+    end
+
+  end
+end

data/app/cells/lato_view/component/buttonprompt/views/show.html.erb

@@ -0,0 +1,2 @@
+<%= link_to @title, @url, class: "lato-button js-confirmation-popup-trigger button-#{@color} button-#{@size} #{@custom_class}",
+ "data-popup-ok" => "#{@data_popup_ok}", "data-popup-no" => "#{@data_popup_no}", "data-popup-text" => "#{@data_popup_text}", "data-fake-method" => "#{@custom_method}"%>

data/app/cells/lato_view/input/checkbox/cell.rb

@@ -4,10 +4,13 @@ module LatoView
     @@widths = VIEW_INPUTWIDTH
 
     attr_accessor :name, :placeholder, :value, :label, :width, :required,
-                  :disabled, :custom_class
+                  :disabled, :unique_id
+    
+   # NB: The unique_id is used to use more checkbox with same name on same page.
 
     def initialize(name: 'input', placeholder: '', value: '', label: '',
-                   width: 'large', required: false, disabled: false)
+                   width: 'large', required: false, disabled: false, custom_class: '' ,
+                   unique_id: '')
       # save params
       @name = name
       @placeholder = placeholder
@@ -16,6 +19,8 @@ module LatoView
       @width = width
       @required = required
       @disabled = disabled
+      @custom_class = custom_class
+      @unique_id = unique_id
       # check params
       check_params
     end

data/app/cells/lato_view/input/checkbox/views/show.html.erb

@@ -5,10 +5,10 @@
     <input type="hidden" name="<%= @name %>" value="0">
 
     <input type="checkbox" class="check <%= @custom_class %>" name="<%= @name %>"
-           id="<%= @name %>" value="1" <%= checked_data_input %>
+           id="<%= @name %><%= @unique_id %>" value="1" <%= checked_data_input %>
            <%= disabled_data_input %>>
 
-    <label class="label-control" for="<%= @name %>"><%= @label%></label>
+    <label class="label-control" for="<%= @name %><%= @unique_id %>"><%= @label%></label>
 
   </div>
 

data/app/cells/lato_view/input/date/cell.rb

@@ -4,11 +4,12 @@ module LatoView
     @@widths = VIEW_INPUTWIDTH
 
     attr_accessor :name, :placeholder, :value, :label, :width, :required,
-                  :disabled, :custom_class
+                  :disabled, :custom_class, :birthdate
 
     def initialize(name: 'input', placeholder: '', value: '', label: '',
                    width: 'large', required: false, disabled: false,
-                   custom_class: '')
+                   custom_class: '', birthdate: false)
+
       # save params
       @name = name
       @placeholder = placeholder
@@ -18,6 +19,7 @@ module LatoView
       @required = required
       @disabled = disabled
       @custom_class = custom_class
+      @datepicker_class = birthdate ? 'birthdate-picker' : 'date-picker'
       # check params
       check_params
     end

data/app/cells/lato_view/input/date/views/show.html.erb

@@ -2,7 +2,7 @@
 
   <label class="form-label"><%= @label %></label>
 
-  <input type="text" class="input date-picker <%= @custom_class %>"
+  <input type="text" class="input <%= @datepicker_class %> . <%= @custom_class %>"
          name="<%= @name %>" placeholder="<%= @placeholder %>"
          value="<%= @value %>" <%= disabled_data_input %>>
 

data/app/cells/lato_view/input/doubleselect/cell.rb

@@ -0,0 +1,72 @@
+module LatoView
+  class Input::Doubleselect::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :first_select_name, :first_select_label, :width, :required,
+                  :disabled, :custom_class, :token, :second_select_label, :second_select_name,
+                  :first_select_endpoint_url, :second_select_endpoint_url, :first_select_val,
+                  :second_select_val, :second_select_value_field, :first_select_label_field,
+                  :first_select_value_field, :second_select_label_field
+
+    def initialize(first_select_name: 'input',
+    			         second_select_name: '', first_select_label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '', token:'', second_select_label: '',
+                   first_select_endpoint_url: '', second_select_endpoint_url: '',
+                   first_select_val: '', second_select_val: '',
+                   first_select_label_field: 'name', second_select_label_field: 'name',
+                   first_select_value_field: 'id', second_select_value_field: 'id'
+                   )
+      # save params
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+
+      @first_select_label = first_select_label
+      @second_select_label = second_select_label
+      @first_select_endpoint_url = first_select_endpoint_url
+      @second_select_endpoint_url = second_select_endpoint_url
+      @first_select_name = first_select_name
+      @second_select_name = second_select_name
+      @first_select_val = first_select_val
+      @second_select_val = second_select_val
+      @first_select_label_field = first_select_label_field
+      @second_select_label_field = second_select_label_field
+      @first_select_value_field = first_select_value_field
+      @second_select_value_field = second_select_value_field
+      @token = token
+
+      # advise to not use double select
+      puts "@" * 20
+      puts "DOUBLE SELECT IS DEPRECATED. USE NSELECT."
+      puts "@" * 20
+
+      # check params
+      check_params
+    end
+
+    def show
+      render "show.html"
+    end
+
+    # return required string to input
+    protected def required_data_input
+      return "data-input='required'" if @required
+    end
+
+    # return disabled string to input
+    protected def disabled_data_input
+      return "data-input='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+      raise 'Input Cells: first_select_endpoint_url is missing ' if @first_select_endpoint_url.blank?
+      raise 'Input Cells: second_select_endpoint_url is missing ' if @second_select_endpoint_url.blank?
+    end
+
+  end
+end