lato_view 1.1 → 1.1.3

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

@@ -0,0 +1,36 @@
+module LatoView
+  class Component::Searchbar::Cell < Cell
+
+    # Include ransack as dependences
+    include Ransack::Helpers::FormHelper
+
+    @@styles = VIEW_COMPONENTSTYLES
+
+    attr_accessor :elements, :filter, :url, :method, :style, :remote,
+                  :custom_class
+
+    def initialize(elements: nil, filter: nil, url: nil, method: 'get',
+                   style: 'normal', remote: false, custom_class: '')
+     # save params
+      @elements = elements
+      @filter = filter
+      @url = url
+      @method = method
+      @style = style
+      @remote = remote
+      @custom_class = custom_class
+      # check params
+      check_params
+    end
+
+    def show
+      render 'show.html'
+    end
+
+    # check params
+    private def check_params
+      raise 'Searchbar Cell: style value in not correct' unless @@styles.include? @style.to_s
+    end
+
+  end
+end

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

@@ -0,0 +1,9 @@
+<%= search_form_for @elements, method: @method, url: @url, remote: @remote, class: "search-bar #{@style}" do |f| %>
+
+    <%= f.text_field @filter, class: 'search-field' %>
+
+    <button type="submit" class="search-button">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495 466.2L377.2 348.4c29.2-35.6 46.8-81.2 46.8-130.9C424 103.5 331.5 11 217.5 11 103.4 11 11 103.5 11 217.5S103.4 424 217.5 424c49.7 0 95.2-17.5 130.8-46.7L466.1 495c8 8 20.9 8 28.9 0 8-7.9 8-20.9 0-28.8zm-277.5-83.3C126.2 382.9 52 308.7 52 217.5S126.2 52 217.5 52C308.7 52 383 126.3 383 217.5s-74.3 165.4-165.5 165.4z"/></svg>
+    </button>
+    
+<% end %>

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

@@ -0,0 +1,48 @@
+module LatoView
+  class Input::Checkbox::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false)
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # return checked string to input
+    protected def checked_data_input
+      return "checked" if @value
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,17 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+
+  <div class="form-block">
+
+    <input type="hidden" name="<%= @name %>" value="0">
+
+    <input type="checkbox" class="check <%= @custom_class %>" name="<%= @name %>"
+           id="<%= @name %>" value="1" <%= checked_data_input %>
+           <%= disabled_data_input %>>
+
+    <label class="label-control" for="<%= @name %>"><%= @label%></label>
+
+  </div>
+
+  <div class="input-error-message"></div>
+  
+</div>

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

@@ -0,0 +1,45 @@
+module LatoView
+  class Input::Date::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '')
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,11 @@
+<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 %>"
+         value="<%= @value %>" <%= disabled_data_input %>>
+
+  <div class="input-error-message"></div>
+
+</div>

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

@@ -0,0 +1,45 @@
+module LatoView
+  class Input::Editor::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '')
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,12 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+
+  <label class="form-label"><%= @label %></label>
+
+  <textarea class="editor <%= @custom_class %>" name="<%= @name %>"
+            placeholder="<%= @placeholder %>">
+  	<%= @value %>
+  </textarea>
+
+  <div class="input-error-message"></div>
+
+</div>

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

@@ -0,0 +1,45 @@
+module LatoView
+  class Input::Email::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '')
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,11 @@
+<div class="form-control <%= @width %>" data-control="email" <%= required_data_input %>>
+
+  <label class="form-label"><%= @label %></label>
+
+  <input type="email" autocomplete="off" class="input input-email <%= @custom_class %>"
+         name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>"
+         <%= disabled_data_input %>>
+
+  <div class="input-error-message"></div>
+
+</div>

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

@@ -0,0 +1,51 @@
+module LatoView
+  class Input::File::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class, :multiple
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '', multiple: false)
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      @multiple = multiple
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # return multiple string to input
+    protected def multiple_data_input
+      return "multiple" if @multiple
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,18 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+
+  <input type="file" class="input-file <%= @custom_class %>" id="<%= @name %>"
+         name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>"
+         data-multiple-caption="{count} <%= VIEW_LANG['input']['selected_files'] %>"
+         <%= multiple_data_input %>  <%= disabled_data_input %>>
+
+  <label for="<%= @name %>">
+    <div class="upload-icon">
+      <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M189.9 126.9v57.6c0 6-4.5 10.5-10.5 10.5H19.2c-6 0-10.5-4.5-10.5-10.5v-57.6c0-6 4.5-10.5 10.5-10.5s10.5 4.5 10.5 10.5v46.5h139.1v-46.5c0-6 4.5-10.5 10.5-10.5s10.6 4.5 10.6 10.5zm-125.2-61l24-24.5v91.1c0 6 4.5 10.5 10.5 10.5s10.5-4.5 10.5-10.5V41.3l24 24.5c2 2 5 3 7.5 3s5.5-1 7.5-3c4-4 4-10.5 0-15l-42-43c-2-2-5-3-7.5-3s-5.5 1-7.5 3l-42 43c-4 4-4 10.5 0 15 4.5 4.6 11 4.1 15 .1z"/></svg>
+    </div>
+    <!--<span><%= VIEW_LANG['input']['choose_file'] %></span>-->
+    <span><%= @label %></span>
+  </label>
+
+  <div class="input-error-message"></div>
+
+</div>

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

@@ -0,0 +1,45 @@
+module LatoView
+  class Input::Number::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '')
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end

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

@@ -0,0 +1,11 @@
+<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 %>"
+         name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>"
+         <%= disabled_data_input %>>
+
+  <div class="input-error-message"></div>
+
+</div>

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

@@ -0,0 +1,46 @@
+module LatoView
+  class Input::Password::Cell < Cell
+
+    @@widths = VIEW_INPUTWIDTH
+
+    attr_accessor :name, :placeholder, :value, :label, :width, :required,
+                  :disabled, :custom_class, :visible
+
+    def initialize(name: 'input', placeholder: '', value: '', label: '',
+                   width: 'large', required: false, disabled: false,
+                   custom_class: '', visible: false)
+      # save params
+      @name = name
+      @placeholder = placeholder
+      @value = value
+      @label = label
+      @width = width
+      @required = required
+      @disabled = disabled
+      @custom_class = custom_class
+      @visible = visible
+      # 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 "disabled='disabled'" if @disabled
+    end
+
+    # check params
+    private def check_params
+      raise 'Input Cells: width has not a correct value' unless @@widths.include? width
+    end
+
+  end
+end