lato_view 1.1

data/app/concepts/lato_view/actionbar/cell.rb

@@ -0,0 +1,65 @@
+module LatoView
+  # Cella che si occupa di generare una actionbar in grado di contenere
+  # il titolo della pagina e i link alle principali azioni. Puo' inoltre
+  # contenere anche dei widget per altri tipi di interazioni.
+  module Actionbar
+    # Cella Actionbar
+    class Cell < Cell
+
+      # Lista allineamenti accettati dalla cella per i widget
+      @@align = %(left right)
+      # Lista di links da mostrare nella Actionbar secondo la
+      # struttura [['Nome link', 'url'], ['Nome link', 'url']]
+      # * *default*: nil
+      attr_accessor :links
+
+      # Titolo principale da mostrare nella Actionbar
+      # * *default*: nil
+      attr_accessor :title
+
+      # Celle da inserire all'interno della Actionbar. Le celle per ora
+      # supportate sono: (searchbar, dropdown, buttongroup).
+      # I widget devono essere inseriti sotto forma di array che segue
+      # la struttura [[cella_widget, 'allineamento'], [...]]
+      # * *default*: nil
+      attr_accessor :widgets
+
+      def initialize(links: nil, title: '', widgets: nil)
+        # assegno i valori alle variabili di istanza
+        @links = links if links && check_links(links)
+        @title = title
+        @widgets = widgets if widgets && check_widgets(widgets)
+      end
+
+      def show
+        render 'show.html'
+      end
+
+      # Funzione che controlla che la lista links sia inviata nel formato
+      # corretto
+      private def check_links(links)
+        # evito il controllo se sono in production
+        return true if Rails.env.production?
+        raise 'Actionbar Concept: links must be an array' unless links.is_a? Array
+        links.each do |link|
+          raise 'Actionbar Concept: links content must be an array' unless link.is_a? Array
+          raise 'Actionbar Concept: links content must have two value' if link.length != 2
+        end
+      end
+
+      # Funzione che controlla che i widgets passati alla actionbar siano corretti
+      private def check_widgets(widgets)
+        # evito il controllo se sono in production
+        return true if Rails.env.production?
+        raise 'Actionbar Concept: links must be an array' unless widgets.is_a? Array
+        widgets.each do |widget|
+          raise 'Actionbar Concept: widgets content must be an array' unless widget.is_a? Array
+          raise 'Actionbar Concept: widgets content must have two value' if widget.length != 2
+          raise 'Actionbar Concept: widget align is not a correct value' unless @@align.include? widget.last.to_s
+        end
+      end
+
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/actionbar/views/show.html.erb

@@ -0,0 +1,21 @@
+<div class="action-bar">
+  <div class="action-group-left">
+    <h1 class="admin-section-title"><%= @title %></h1>
+  </div>
+
+  <% if @widgets %>
+    <% @widgets.each do |widget| %>
+    <div class="action-group-<%= widget.last %>">
+      <%= raw widget.first %>
+    </div>
+    <% end %>
+  <% end %>
+
+  <div class="action-group-right">
+    <% if @links %>
+      <% @links.each do |link| %>
+        <%= link_to link[0], link[1], class: 'lato-button action-button' %>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/concepts/lato_view/block/cell.rb

@@ -0,0 +1,52 @@
+module LatoView
+  # Cella che si occupa di generare un blocco contenitore generale
+  # utilizzabile per inserire altri elementi
+  module Block
+    # Cella Block
+    class Cell < Cell
+      # Lista dei parametri accettati per l'attributo width
+      @@widths = VIEW_GRIDCLASS
+
+      # Dimensione del blocco (half, third, fourth, two-third)
+      # * *default*: nil (large)
+      attr_accessor :width
+
+      # Contenuto del blocco
+      # * *default*: nil
+      attr_accessor :content
+
+      # Classi custom aggiunte all'html del  blocco
+      # * *default*: nil
+      attr_accessor :custom_class
+
+      def initialize(width: 'small-12 medium-12 large-12 xlarge-12', content: '', custom_class: '')
+        # eseguo brevi controlli sull'input
+        raise 'Block Concept: width value in not correct' unless (width.to_s.split(' ') - @@widths).empty?
+        # assegno i valori alle variabili di istanza
+        @width = width
+        @content = content
+        @class = custom_class
+      end
+
+      def show
+        open + @content + close
+      end
+
+      # Funzione per stampare l'apertura di un blocco
+      # * *Parametri* :
+      # - width: dimensione del blocco da aprire (se non viene impostata la
+      # funzione
+      # utilizza la dimensione prefissata in fase di inizializzazione)
+      def open(width: @width, custom_class: @class)
+        "<div class='content-block column #{width} #{custom_class}'>"
+      end
+
+      # Funzione per stampare la chiusura di un blocco
+      def close
+        '</div>'
+      end
+
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/buttongroup/cell.rb

@@ -0,0 +1,50 @@
+module LatoView
+  # Elemento grafico composto da un insieme di link uniti in orizzontale
+  module Buttongroup
+    # Cella Buttongroup
+    class Cell < Cell
+      # Lista stili possibili per il bottongroup
+      @@styles = VIEW_CELLSSTYLES
+
+      # Lista di links da mostrare nella Actionbar secondo la
+      # struttura [['Nome link', 'url'], ['Nome link', 'url']]
+      # * *default*: nil
+      attr_accessor :links
+
+      # Dimensione dei pulsanti della button
+      # * *default*: nil
+      attr_accessor :size
+
+      # Stile da utilizzare per la buttongroup
+      # * *default*: nil (normal)
+      attr_accessor :style
+
+      def initialize(links: nil, size: nil, style: 'normal')
+        # eseguo brevi controlli sull'input
+        raise 'Bottongroup Concept: style value in not correct' unless @@styles.include? style.to_s
+        # assegno i valori alle variabili di istanza
+        @links = links if links && check_links(links)
+        @size = size
+        @style = style
+      end
+
+      def show
+        render 'show.html'
+      end
+
+      # Funzione che controlla che la lista links sia inviata nel formato
+      # corretto
+      private def check_links(links)
+        # evito il controllo se sono in production
+        return true if Rails.env.production?
+        raise 'Bottongroup Concept: links must be an array' unless links.is_a? Array
+        links.each do |link|
+          raise 'Bottongroup Concept: links content must be an array' unless link.is_a? Array
+          raise 'Bottongroup Concept: links content must have two value' if link.length != 2
+        end
+      end
+
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/buttongroup/views/show.html.erb

@@ -0,0 +1,7 @@
+<div class="button-group group-<%= @size %> <%= @style %>">
+  <% if @links %>
+    <% @links.each do |link| %>
+      <%= link_to link[0], link[1], class: 'group-button' %>
+    <% end %>
+  <% end %>
+</div>

data/app/concepts/lato_view/dropdown/cell.rb

@@ -0,0 +1,46 @@
+module LatoView
+  # Cella che si occupa di generare un pannello di dropdown in grado di
+  # contenere una lista di link
+  module Dropdown
+    # Cella Actionbar
+    class Cell < Cell
+      # Lista di links da mostrare nel Dropdown secondo la
+      # struttura [['Nome link', 'url'], ['Nome link', 'url']]
+      # * *default*: nil
+      attr_accessor :links
+
+      # Titolo principale da mostrare nel dropdown
+      # * *default*: nil
+      attr_accessor :title
+
+      # Testo da inserire come nome nel pulsante che apre il Dropdown
+      # * *default*: nil
+      attr_accessor :button
+
+      def initialize(links: nil, title: '', button: nil)
+        # assegno i valori alle variabili di istanza
+        @links = links if links && check_links(links)
+        @title = title
+        @button = button
+      end
+
+      def show
+        render 'show.html'
+      end
+
+      # Funzione che controlla che la lista links sia inviata nel formato
+      # corretto
+      private def check_links(links)
+        # evito il controllo se sono in production
+        return true if Rails.env.production?
+        raise 'Dropdown Concept: links must be an array' unless links.is_a? Array
+        links.each do |link|
+          raise 'Dropdown Concept: links content must be an array' unless link.is_a? Array
+          raise 'Dropdown Concept: links content must have two value' if link.length != 2
+        end
+      end
+      
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/dropdown/views/show.html.erb

@@ -0,0 +1,19 @@
+<div class="arranger">
+  <% if @title %>
+    <div class="arrange-voice"><%= @title %></div>
+  <% end %>
+  <div class="dropdown">
+    <% if @button %>
+      <div class="active-voice"><span class="voice-text"><%= @button %></span> <span class="drop-icon"></span></div>
+    <% else %>
+      <div class="active-voice"><span class="voice-text"><%= @links.first.first %></span> <span class="drop-icon"></span></div>
+    <% end %>
+    <div class="the-drop">
+      <ul>
+        <% @links.each do |link| %>
+        <li><a href="<%= link.last %>"><%= link.first %></a></li>
+        <% end %>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/concepts/lato_view/index/cell.rb

@@ -0,0 +1,112 @@
+module LatoView
+  # Cella che si occupa di mostrare una lista di elementi di un model
+  # insieme ai link alle azioni di visualizzazione, modifica e eliminazione.
+  # Il corretto funzionamento dei link alle azioni necessita che i routes del
+  # modello siano settati attraverso la funzione 'resources'
+  module Index
+    # Cella Index
+    class Cell < Cell
+      # Istanze del database da stampare
+      attr_accessor :elements
+
+      # Intestazione della tabella
+      # * *struttura*: ['Voce 1', 'Voce 2', ... ]
+      attr_accessor :head
+
+      # Attributi dellle entita' da mostrare nella tabella
+      # * *struttura*: ['voce1', 'voce2', ... ]
+      attr_accessor :attributes
+
+      # Link principale alla pagina index delle entita'
+      # (da gestire tramite resources)
+      attr_accessor :link
+
+      # Valore booleano che indica se mostrare il link allo show dell'entita'
+      # * *default*: true
+      attr_accessor :show_link
+
+      # Valore booleano che indica se mostrare il link all'edit dell'entita'
+      # * *default*: true
+      attr_accessor :edit_link
+
+      # Valore booleano che indica se mostrare il link al delete dell'entita'
+      # * *default*: true
+      attr_accessor :delete_link
+
+      # Valore booleano che indica se il link di eliminazione deve essere
+      # eseguito con il remote: true
+      # * *default*: false
+      attr_accessor :remote_delete
+
+      # Valore usato per aggiungere delle classi custom alla tabella dell'index
+      # * *default*: nil
+      attr_accessor :custom_class
+
+      def initialize(elements: nil, head: nil, attributes: nil, link: nil,
+                     show_link: true, edit_link: true, delete_link: true,
+                     remote_delete: false, custom_class: nil)
+        # eseguo brevi controlli sull'input
+        raise 'Index Concept: head must be an array' unless head.is_a? Array
+        raise 'Index Concept: attributes must be an array' unless attributes.is_a? Array
+        raise 'Index Concept: head and attributes have different length' if head.length != attributes.length
+        # assegno i valori alle variabili di istanza
+        @elements = elements
+        @head = head
+        @attributes = attributes
+        @link = link
+        @show_link = show_link
+        @edit_link = edit_link
+        @delete_link = delete_link
+        @remote_delete = remote_delete
+        @custom_class = custom_class
+      end
+
+      def show
+        open + head + rows + close
+      end
+
+      # Funzione che stampa l'apertura dell'index
+      def open
+        "<table class='table #{@custom_class}'>"
+      end
+
+      # Funzione che genera l'intestazione dell'index
+      def head
+        render 'head.html'
+      end
+
+      # Funzione che stampa le righe dell'index
+      def rows
+        render 'rows.html'
+      end
+
+      # Funzione che stampa la chiusura di una tabella
+      def close
+        '</table>'
+      end
+
+      # Funzione che ritorna il link allo show dell'entita' con l'id
+      # passato come parametro
+      protected def show_link(id)
+        return "#{@link}#{id}" if @link.end_with? '/'
+        "#{@link}/#{id}"
+      end
+
+      # Funzione che ritorna il link all'edit dell'entita'
+      # con l'id passato come parametro
+      protected def edit_link(id)
+        return "#{@link}#{id}/edit" if @link.end_with? '/'
+        "#{@link}/#{id}/edit"
+      end
+
+      # Funzione che ritorna il link all'edit dell'entita'
+      # con l'id passato come parametro
+      protected def delete_link(id)
+        show_link(id)
+      end
+
+      
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/index/views/head.html.erb

@@ -0,0 +1,12 @@
+<% if(@head and !@head.nil?) %>
+  <thead>
+    <tr>
+      <% @head.each do |title| %>
+        <th><%=raw title %></th>
+      <% end %>
+      <% if @show_link || @edit_link || @delete_link %>
+        <th class="actions"><%= VIEW_LANG['index']['actions'] %></th>
+      <% end %>
+    </tr>
+  </thead>
+<% end %>

data/app/concepts/lato_view/index/views/rows.html.erb

@@ -0,0 +1,49 @@
+<% if(@elements) %>
+  <tbody>
+    <% @elements.each do |element| %>
+    <tr>
+      <% @attributes.each_with_index do |attribute, index| %>
+        <% value = element.send(attribute) %>
+
+        <% # se e' un booleano %>
+        <% if(!!value == value) %>
+
+          <td data-label="<%= @head[index] %>">
+            <% if value %>
+              <div class="general-status">
+                <div class="status round-status true"></div>
+              </div>
+            <% else %>
+              <div class="general-status">
+                <div class="status round-status false"></div>
+              </div>
+            <% end %>
+          </td>
+
+        <% else %>
+
+          <td data-label="<%= @head[index] %>"><%= value %></td>
+
+        <% end %>
+
+      <% end %>
+
+      <% if @show_link || @edit_link || @delete_link %>
+        <td class="actions">
+          <% if(@show_link) %>
+            <%= link_to VIEW_LANG['index']['show'], self.show_link(element.id), class: 'lato-button' %>
+          <% end %>
+          <% if(@edit_link) %>
+            <%= link_to VIEW_LANG['index']['edit'], self.edit_link(element.id), class: 'lato-button button-yellow' %>
+          <% end %>
+          <% if(@delete_link) %>
+            <%= link_to VIEW_LANG['index']['delete'], self.delete_link(element.id), method: :delete, remote: @remote_delete,
+                                                                                    class: 'lato-button button-red',
+                                                                                    data: {confirm: VIEW_LANG['input']['confirm_delete']} %>
+          <% end %>
+        </td>
+      <% end %>
+    </tr>
+  <% end %>
+  </tbody>
+<% end %>

data/app/concepts/lato_view/input/cell.rb

@@ -0,0 +1,148 @@
+module LatoView
+  # Cella che gestisce tutti i possibili input utilizzabili nei form
+  module Input
+    # Cella Input
+    class Cell < Cell
+      # Lista di tipologie di input accettate
+      @@types = VIEW_INPUTTYPES
+     # Lista dei parametri accettati per l'attributo width
+     @@widths = VIEW_INPUTWIDTH
+
+      # Tipologia di input da inizializzare
+      # (text, number, select, password, email, multiple-select, date,
+      # checkbox, radio, textarea, file)
+      # * *default*: 'text'
+      attr_accessor :type
+
+      # Nome da assegnare all'input
+      # * *default*: 'input'
+      attr_accessor :name
+
+      # Valore da inserire come placeholder all'input
+      # * *default*: nil
+      attr_accessor :placeholder
+
+      # Valore gia' impostato nell'input
+      # * *default*: nil
+      attr_accessor :value
+
+      # Testo da inserire nella label dell'input
+      # * *default*: nil
+      attr_accessor :label
+
+      # Dimensione dell'input (half, third, fourth, two-third)
+      # * *default*: nil ('large')
+      attr_accessor :width
+
+      # Valore booleano usato per indicare se l'input e' obbligatorio
+      # nel form in cui si trova
+      # * *default*: false
+      attr_accessor :required
+
+      # Valore booleano che indica (nel caso di input password) se mostrare
+      # il pulsante per vedere la password
+      # * *default*: true
+      attr_accessor :password_visible
+
+      # Classi custom da inserire nel codice dell'input
+      # * *default*: nil
+      attr_accessor :custom_class
+
+      # Lista di opzioni da mostrare (nel caso di input select o radio buttons
+      # e checkbox).
+      # La struttura deve essere [['value1', 'Name 1'], ['value2', 'Name 2']]
+      # * *default*: []
+      attr_accessor :options
+
+      # Valore booleano che indica (nel caso di input select) se mostrare
+      # o meno la prima opzione del select vuota
+      # * *default*: false
+      attr_accessor :option_blank
+
+      # Valore che indica se disattivare o meno l'input
+      # * *default*: false
+      attr_accessor :disabled
+
+      # Valore che indica (nel caso di input file) se accettare piu' file o
+      # uno singolarmente
+      # * *default*: false
+      attr_accessor :multiple_files
+
+      def initialize(type: 'text', name: 'input', placeholder: '',
+                     value: '', label: '', width: 'large', required: false,
+                     password_visible: true, custom_class: '', options: [],
+                     option_blank: false, disabled: false,
+                     multiple_files: false)
+        # 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
+        raise 'Input Concept: options must be an array' if options && !options.is_a?(Array)
+        # assegno i valori alle variabili di istanza
+        @type = type
+        @name = name
+        @placeholder = placeholder
+        @value = value
+        @label = label
+        @width = width
+        @required = required
+        @password_visible = password_visible
+        @options = options
+        @custom_class = custom_class
+        @option_blank = option_blank
+        @disabled = disabled
+        @multiple_files = multiple_files
+      end
+
+      def show
+        render "#{@type.downcase}.html" if @type
+      end
+
+      # Ritorna il value di un opzione di un select ricevuta come parametro.
+      # Funzione usata solo per i select e i radio button
+      protected def option_value(option)
+        return option.first if option.is_a? Array
+        return option
+      end
+
+      # Ritorna il name di un opzione di un select di un select ricevuta
+      # come parametro. Funzione usata solo per i select e i radio button
+      protected def option_name(option)
+        return option.last if option.is_a? Array
+        return option
+      end
+
+      # Ritorna una stringa 'selected' se il valore dell'option ricevuto
+      # come parametro e' uguale al value inizializzato all'input
+      protected def selected_value(option)
+        value = option_value(option)
+        return "checked" if value === @value && @type === 'radio'
+        return "selected='selected'" if value === @value || (@type === 'multiple-select' && @value.is_a?(Array) && @value.include?(value))
+      end
+
+      # Funzione che ritorna la stringa con attributo data-input settato a
+      # required se l'input risulta essere stato inizializzato come obbligatorio
+      protected def required_data_input
+        return "data-input='check'" if @type === 'checkbox' && @required
+        return "data-input='required'" if @required
+      end
+
+      # Funzione che disabilita un input
+      protected def disabled_data_input
+        return "disabled='disabled'" if @disabled
+      end
+
+      # Funzione che prende in input un activerecords, il nome dell'attributo
+      # da usare come valore e il nome dell'attributo da usare come nome e
+      # ritorna un array da usare come options per un input select o un radio buttons
+      def self.generate_options_from_activerecords(activerecords, value, name)
+        rows = []
+        activerecords.each do |row|
+          rows.push([row.send(value), row.send(name)])
+        end
+        rows
+      end
+
+    end
+    # Fine cella
+  end
+end

data/app/concepts/lato_view/input/views/checkbox.html.erb

@@ -0,0 +1,8 @@
+<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 %>" <%= disabled_data_input %> name="<%= @name %>" id="<%= @name %>" value="1" <% if @value %>checked<% end %>>
+    <label class="label-control" for="<%= @name %>"><%= @label%></label>
+  </div>
+  <div class="input-error-message"></div>
+</div>

data/app/concepts/lato_view/input/views/date.html.erb

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

data/app/concepts/lato_view/input/views/editor.html.erb

@@ -0,0 +1,7 @@
+<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/concepts/lato_view/input/views/email.html.erb

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

data/app/concepts/lato_view/input/views/file.html.erb

@@ -0,0 +1,17 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+  <label class="form-label"><%= @label %></label>
+  <input type="file" class="input-file <%= @custom_class %>" id="<%= @name %>" name="<%= @name %>" <%= disabled_data_input %> placeholder="<%= @placeholder %>" value="<%= @value %>" data-multiple-caption="{count} <%= VIEW_LANG['input']['selected_files'] %>" <% if @multiple_files %>multiple<% end %>>
+  <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>
+  </label>
+  <div class="input-error-message"></div>
+</div>
+
+<%
+
+# DA FIXARE CARICAMENTO ICONA CON RENDER O FUNZIONE PUT_SVG
+
+%>

data/app/concepts/lato_view/input/views/multiple-select.html.erb

@@ -0,0 +1,12 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+  <label class="form-label"><%= @label %></label>
+  <select class="select <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>" <%= disabled_data_input %> multiple="multiple">
+    <% if(@option_blank) %>
+      <option></option>
+    <% end %>
+    <% @options.each do |option| %>
+      <option value="<%= option_value(option) %>" <%= selected_value(option) %>><%= option_name(option) %></option>
+    <% end %>
+  </select>
+  <div class="input-error-message"></div>
+</div>

data/app/concepts/lato_view/input/views/number.html.erb

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

data/app/concepts/lato_view/input/views/password.html.erb

@@ -0,0 +1,8 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+  <label class="form-label"><%= @label %></label>
+  <input type="password" class="input input-password <%= @custom_class %>" <%= disabled_data_input %> name="<%= @name %>" placeholder="<%= @placeholder %>" value="<%= @value %>">
+  <% if @password_visible %>
+    <div class="password-reveal"></div>
+  <% end %>
+  <div class="input-error-message"></div>
+</div>