lato_view 1.1

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

@@ -0,0 +1,10 @@
+<div class="form-control <%= @width %>" <%= required_data_input %>>
+  <label class="form-label"><%= @label %></label>
+	<% @options.each_with_index do |option, index| %>
+  	<div class="form-block">
+  		<input type="radio" class="radio <%= @custom_class %>" <%= disabled_data_input %> name="<%= @name %>" value="<%= option_value(option) %>" id="<%= @name %>-<%= index %>" <%= selected_value(option) %>>
+  		<label class="label-control" for="<%= @name %>-<%= index %>"><%= option_name(option) %></label>
+  	</div>
+	<% end %>
+  <div class="input-error-message"></div>
+</div>

data/app/concepts/lato_view/input/views/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 %>">
+    <% 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/text.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 <%= @custom_class %>" name="<%= @name %>" <%= disabled_data_input %> placeholder="<%= @placeholder %>" value="<%=h @value %>">
+  <div class="input-error-message"></div>
+</div>

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

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

data/app/concepts/lato_view/input/views/time.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 time-picker <%= @custom_class %>" name="<%= @name %>" placeholder="<%= @placeholder %>" <%= disabled_data_input %> value="<%= @value %>">
+  <div class="input-error-message"></div>
+</div>

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

@@ -0,0 +1,63 @@
+module LatoView
+  # Elemento grafico composto da una barra di ricerca utilizzabile insieme
+  # alla gemma 'ransack' per eseguire la ricerca tra le entita' di un modello.
+  module Searchbar
+    # Cella Searchbar
+    class Cell < Cell
+      # includo i formhelper di ransack
+      include Ransack::Helpers::FormHelper
+
+      # Lista stili possibili per la searchbar
+      @@styles = VIEW_CELLSSTYLES
+
+      # Nome dell'istanza del database da utilizzare nella ricerca
+      # * *default*: nil
+      attr_accessor :elements
+
+      # La variabile di filtro ricerca
+      # * *default*: nil
+      attr_accessor :filter
+
+      # Url custom a cui il form deve inviare la ricerca
+      # * *default*: nil
+      attr_accessor :url
+
+      # Metodo con il quale il form deve comunicare con il controller
+      # * *default*: 'get'
+      attr_accessor :method
+
+      # Stile della searchbar
+      # * *default*: nil
+      attr_accessor :style
+
+      # Valore booleano indicante se la serachbar deve utilizzare il
+      # remote true o meno nel form
+      # * *default*: false
+      attr_accessor :remote
+
+      # Stringa contenente classi custom da aggiungere alla searchbar
+      # * *default*: nil
+      attr_accessor :custom_class
+
+      def initialize(elements: nil, filter: nil, url: nil, method: 'get',
+                     style: 'normal', remote: false, custom_class: '')
+       # eseguo brevi controlli sull'input
+       raise 'Searchbar Concept: style value in not correct' unless @@styles.include? style.to_s
+       # assegno i valori alle variabili di istanza
+        @elements = elements
+        @filter = filter
+        @url = url
+        @method = method
+        @style = style
+        @remote = remote
+        @custom_class = custom_class
+      end
+
+      def show
+        render 'show.html'
+      end
+
+    end
+    # Fine cella
+  end
+end

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

@@ -0,0 +1,6 @@
+<%= 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/concepts/lato_view/table/cell.rb

@@ -0,0 +1,88 @@
+module LatoView
+  # Cella usata per la generazione di tabelle.
+  module Table
+    # Cella Table
+    class Cell < Cell
+      # Array contenente l'intestazione della tabella
+      # * *struttura*: ['Voce 1', 'Voce 2', ... ]
+      # * *default*: nil
+      attr_accessor :head
+
+      # Array contenente le righe da stampare della tabella
+      # * *struttura*: [['val 1', 'val 2'], ['val 1', 'val 2']]
+      # * *default*: nil
+      attr_accessor :rows
+
+      def initialize(head: nil, rows: nil)
+        # eseguo brevi controlli sull'input
+        raise 'Table Concept: head must be an array' if head and !head.is_a? Array
+        # assegno i valori alle variabili di istanza
+        @head = head
+        @rows = rows if rows && check_rows(rows)
+      end
+
+      def show
+        open + head + rows + close
+      end
+
+      # Funzione che stampa l'apertura di una tabella
+      def open
+        "<table class='table'>"
+      end
+
+      # Funzione che genera l'intestazione della tabella
+      def head
+        render 'head.html'
+      end
+
+      # Funzione che stampa tutte le righe della tabella
+      def rows
+        render 'rows.html'
+      end
+
+      # Funzione che stampa una riga della tabella
+      # * *Parametri* :
+      # - position: posizione della riga da stampare nell'array di righe
+      # definito durante l'inizializzazione
+      # - row: array che rappresenta la riga da stampare
+      def row(position: 0, row: nil)
+        if position && !@rows.nil? && !@rows[position].nil?
+          @current_row = @rows[position]
+        end
+        @current_row = row if row
+        render 'row.html'
+      end
+
+      # Funzione che stampa la chiusura di una tabella
+      def close
+        '</table>'
+      end
+
+      # Funzione che, se il primo parametro e' il risultato di una query,
+      # lo trasforma in un array di array da usare per inizializzare una tabella
+      def self.generate_rows_from_activerecords(activerecords, attributes)
+        rows = []
+        activerecords.each do |activerecord|
+          row = []
+          attributes.each do |attribute|
+            row.push(activerecord.send(attribute))
+          end
+          rows.push(row)
+        end
+        rows
+      end
+
+      # Funzione che controlla che i widgets passati alla actionbar siano corretti
+      private def check_rows(rows)
+        # evito il controllo se sono in production
+        return true if Rails.env.production?
+        raise 'Table Concept: links must be an array' unless rows.is_a? Array
+        rows.each do |row|
+          raise 'Table Concept: rows content must be an array' unless row.is_a? Array
+        end
+      end
+      
+    end
+    # Fine cella
+  end
+end

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

@@ -0,0 +1,9 @@
+<% if(@head and !@head.nil?) %>
+  <thead>
+    <tr>
+    <% @head.each do |title| %>
+      <th><%=raw title %></th>
+    <% end %>
+    </tr>
+  </thead>
+<% end %>

data/app/concepts/lato_view/table/views/row.html.erb

@@ -0,0 +1,7 @@
+<% if(@current_row) %>
+<tr>
+  <% @current_row.each_with_index do |attribute, index| %>
+    <td data-label="<%= @head[index] %>"><%= attribute %></td>
+  <% end %>
+</tr>
+<% end %>

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

@@ -0,0 +1,5 @@
+<% if(@rows) %>
+  <% @rows.each do |row| %>
+    <%=raw self.row(row: row) %>
+  <% end %>
+<% end %>

data/app/controllers/lato_view/assets_controller.rb

@@ -0,0 +1,18 @@
+module LatoView
+  # Classe usata per ritornare alcuni file assets utili per l'interfaccia di
+  # lato_view.
+  class AssetsController < ActionController::Base
+
+    # Attivo il controllo delle credenziali (evito di mandare gli assets se
+    # non sono necessari fuori dal pannello di amministrazione)
+    before_action :core_controlUser
+
+    # Pagina che ritorna il file svg usato dall'input editor gestito
+    # tramite libreria trumbowyg
+    def trumbowyg_icons
+      send_file "#{LatoView::Engine.root}/app/assets/images/lato_view/vendor/trumbowyg_icons.svg", type: 'image/svg+xml'
+    end
+
+  end
+
+end

data/app/controllers/lato_view/develop_controller.rb

@@ -0,0 +1,18 @@
+module LatoView
+  # Classe base usata per le view di sviluppo dell'interfaccia
+  class DevelopController < ActionController::Base
+    
+    # Imposto layout di base dal lato_view
+    layout "lato_layout"
+
+    # Attivo il controllo delle credenziali
+    before_action :core_controlUser
+
+    # Pagina di visualizzazione degli elementi statici dell'interfaccia
+    def home
+      redirect_to lato_core.root_path if Rails.env.production?
+    end
+
+  end
+
+end

data/app/helpers/lato_view/application_helper.rb

@@ -0,0 +1,22 @@
+module LatoView
+  # Insieme di helper principali forniti da lato_view per lo sviluppo
+  # delle interfacce
+  module ApplicationHelper
+
+    # Funzione usata per stampare i vari concepts gestiti e forniti da lato view.
+    # Richiede il nome del concept come parametro
+    def view(name)
+      class_string = "LatoView::#{name.capitalize}::Cell"
+      class_string.constantize
+    end
+
+    # Funzione che stampa una icona svg
+    def put_svg(icon)
+      # gestisco l'errore se il parametro non è corretto
+      raise 'You must send an icon value as parameter' if !icon || icon.nil? || icon.blank?
+      # renderizzo l'icona richiesta
+      render "lato_view/icons/#{icon}.svg"
+    end
+
+  end
+end

data/app/views/lato_view/develop/home.html.erb

@@ -0,0 +1,281 @@
+<% block = view(:block).new %>
+
+  <div class="action-bar">
+    <div class="action-group-left">
+      <h1 class="admin-section-title">Action Bar</h1>
+    </div>
+    <div class="action-group-left">
+      <div class="arranger">
+        <div class="arrange-voice">Filter by</div>
+        <div class="dropdown">
+          <div class="active-voice"><span class="voice-text">All</span> <span class="drop-icon"></span></div>
+          <div class="the-drop">
+            <ul>
+              <li><a href="">Link</a></li>
+              <li><a href="">Link</a></li>
+              <li><a href="">Link</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="action-group-right">
+      <form action="" class="search-bar rounded">
+        <input type="text" placeholder="Search..." 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>
+      </form>
+    </div>
+    <div class="action-group-right">
+      <a href="" class="lato-button action-button action-remove" data-position="1">Action</a>
+    </div>
+    <div class="action-nav-holder">
+      <div class="action-menu-toggle">Menu</div>
+      <div class="action-nav-menu"></div>
+    </div>
+  </div>
+
+  <div class="content-row">
+
+    <div class="column small-full medium-half content-block">
+      <h2 class="content-block-title">Typography</h2>
+      <h1>Hello</h1>
+      <h2>Hello</h2>
+      <h3>Hello</h3>
+      <h4>Hello</h4>
+      <h5>Hello</h5>
+      <h6>Hello</h6>
+      <p>Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit. Officia necessitatibus cupiditate ut neque itaque ullam reiciendis ipsum qui, fugit, atque molestias. Et <strong>ullam illo consectetur</strong> rem repudiandae necessitatibus minima provident corporis natus nobis, fugit qui eos fuga facilis quia cum autem ex atque assumenda libero sed iste saepe nisi. Fuga, ut fugiat odio itaque odit necessitatibus explicabo rem incidunt hic illum, quaerat, distinctio, ratione dolore.</p>
+      <ul>
+        <li>Unordered List</li>
+        <li>Unordered List</li>
+        <li>Unordered List</li>
+      </ul>
+      <ol>
+        <li>Ordered List</li>
+        <li>Ordered List</li>
+        <li>Ordered List</li>
+      </ol>
+    </div>
+     <!--  <form action="/file-upload" class="dropzone">
+        <div class="fallback">
+          <input name="file" type="file" multiple />
+        </div>
+      </form> -->
+
+    <div class="column small-full medium-half content-block">
+      <h2 class="form-title">Example form</h2>
+      <form action="" class="lato-form">
+        <div class="form-group">
+          <div class="form-control">
+            <label class="form-label">Informazione</label>
+            <input type="text" class="input">
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half">
+            <label class="form-label">Nome</label>
+            <input type="text" class="input">
+          </div>
+          <div class="form-control half" data-control="email">
+            <label class="form-label">Email</label>
+            <input type="text" class="input input-email email-suggestion">
+            <div class="input-error-message"></div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half" data-input="required">
+            <label class="form-label">Date</label>
+            <input type="text" class="input date-picker">
+            <div class="input-error-message"></div>
+          </div>
+          <div class="form-control half" data-control="number">
+            <label class="form-label">Number</label>
+            <input type="text" class="input input-number">
+            <div class="input-error-message"></div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half">
+            <label class="form-label">Selectize</label>
+            <select class="select" name="" id="">
+              <option value="yes">Voto si</option>
+              <option value="no">Voto no</option>
+            </select>
+          </div>
+          <div class="form-control half">
+            <label class="form-label">Selectize Multiplo</label>
+            <select class="select" multiple name="" id="">
+              <option value="yoppa">Voto yoppa</option>
+              <option value="no">Voto no</option>
+            </select>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half" data-input="radio">
+            <label class="form-label">Checkbox e Radio</label>
+            <div class="form-block">
+              <input type="checkbox" class="check" name="cb" id="cb1"><label class="label-control" for="cb1">Check and uncheck this</label>
+            </div>
+            <div class="form-block">
+              <input type="checkbox" class="check" disabled="disabled" name="cb" id="cb2">
+              <label class="label-control" for="cb2">Disabled man</label>
+            </div>
+            <div class="form-block">
+              <input type="radio" class="radio" name="rd" id="rd1">
+              <label class="label-control" for="rd1">Click this</label>
+            </div>
+            <div class="form-block">
+              <input type="radio" class="radio" disabled="disabled" name="rd" id="rd2">
+              <label class="label-control" for="rd2">Disabled man</label>
+            </div>
+            <div class="input-error-message"></div>
+          </div>
+          <div class="form-control half" data-input="required">
+            <label class="form-label">Textarea</label>
+            <textarea class="textarea" name="" id=""></textarea>
+            <div class="input-error-message"></div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half">
+            <label class="form-label">Password</label>
+            <input type="password" class="input input-password">
+            <div class="password-reveal"></div>
+          </div>
+          <div class="form-control half">
+            <label class="form-label">Input <span class="form-advise">(max 5 caratteri)</span></label>
+            <input type="password" class="input input-length">
+            <div class="input-error-message"></div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="form-control half">
+            <label class="form-label">Upload File</label>
+            <input type="file" name="file" id="file" class="input-file" data-multiple-caption="{count} files selected" multiple />
+            <label for="file">
+              <div class="upload-icon"><%= put_svg('upload') %></div>
+              <span>Choose a file</span>
+            </label>
+          </div>
+          <div class="form-control half" data-input="required">
+            <label class="form-label">Time</label>
+            <input type="text" class="input time-picker">
+            <div class="input-error-message"></div>
+          </div>
+        </div>
+        <div class="form-group text-right">
+          <div class="form-control">
+            <input type="submit" class="lato-button">
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+
+  <div class="action-bar">
+    <div class="action-group-left">
+      <h2 class="admin-section-title">Action Bar</h2>
+    </div>
+    <div class="action-group-right">
+      <div class="button-group group-medium">
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+      </div>
+    </div>
+  </div>
+
+  <div class="content-row">
+    <div class="column content-block">
+      <h2 class="content-block-title">Button</h2>
+      <a href="" class="lato-button">
+        <div class="button-icon"><%= put_svg('upload') %></div>
+        <span>Icona</span>
+      </a>
+      <a href="" class="lato-button button-small button-yellow">
+        <div class="button-icon"><%= put_svg('upload') %></div>
+        <span>Icona</span>
+      </a>
+      <a href="" class="lato-button button-green">Green</a>
+      <a href="" class="lato-button button-medium button-red">Red</a>
+      <button class="lato-button" disabled>Disabled</button>
+      <a href="" class="lato-button button-line">Line</a>
+      <h2 class="content-block-title">Button Group</h2>
+      <div class="button-group">
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+        <a href="" class="group-button">Group</a>
+      </div>
+    </div>
+  </div>
+
+  <div class="action-bar">
+    <div class="action-group-left">
+      <h2 class="admin-section-title">Grid System</h2>
+    </div>
+  </div>
+
+  <div class="content-row">
+    <div class="column small-full medium-half content-block">
+      <h5>Good Equal Height Shit Man</h5>
+      <div>Lorem ipsum dolor sit amet, consectetur.</div>
+    </div>
+    <div class="column small-full medium-half content-block">
+      <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, laudantium. Natus provident sit, aliquam, cumque ducimus animi voluptatum est veritatis nisi minima dolorum error at sapiente inventore laboriosam maiores quam quis cum numquam similique nostrum repudiandae. Cupiditate doloribus distinctio amet! Impedit magni voluptatem repellendus, tempora animi error ratione sint sed cumque distinctio. Deserunt excepturi, maiores inventore, ab vitae neque maxime! Eos, natus, ullam. Sint, nam?</div>
+    </div>
+  </div>
+
+  <div class="action-bar">
+    <div class="action-group-left">
+      <h2 class="admin-section-title">Table</h2>
+    </div>
+    <div class="action-group-right">
+      <a href="" class="lato-button">Action</a>
+    </div>
+  </div>
+
+  <div class="content-row">
+    <div class="content-block column">
+      <table class="table down-before">
+        <thead>
+          <tr>
+            <th>0</th>
+            <th>1</th>
+            <th>2</th>
+            <th>3</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td data-label="0">Attributo 0</td>
+            <td data-label="1">Attributo 1</td>
+            <td data-label="2">Attributo 2</td>
+            <td data-label="3">Attributo 3</td>
+          </tr>
+          <tr>
+            <td data-label="0">Attributo 0</td>
+            <td data-label="1">Attributo 1</td>
+            <td data-label="2">Attributo 2</td>
+            <td data-label="3">Attributo 3</td>
+          </tr>
+          <tr>
+            <td data-label="0">Attributo 0</td>
+            <td data-label="1">Attributo 1</td>
+            <td data-label="2">Attributo 2</td>
+            <td data-label="3">Attributo 3</td>
+          </tr>
+          <tr>
+            <td data-label="0">Attributo 0</td>
+            <td data-label="1">Attributo 1</td>
+            <td data-label="2">Attributo 2</td>
+            <td data-label="3">Attributo 3</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+
+<%= raw block.close %>

data/app/views/lato_view/icons/_arrowdown.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="200" viewBox="0 0 150 200"><path d="M143.3 130.5l-60.8 60.8c-1.8 1.8-4.3 3.1-6.8 3.1s-4.9-1.2-6.8-3.1L8.3 130.5c-3.7-3.7-3.7-9.8 0-14.1s9.8-3.7 14.1 0l44.2 44.2V18.1c0-5.5 4.3-9.8 9.8-9.8s9.8 4.3 9.8 9.8v142.4l44.2-44.2c3.7-3.7 9.8-3.7 14.1 0 3.1 3.7 3.1 9.9-1.2 14.2z"/></svg>

data/app/views/lato_view/icons/_arrowleft.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path d="M194.7 74.2c0 5.8-4.6 9.8-9.8 9.8H39l45 45.6c4 4 4 10.4 0 14.4-1.7 1.7-4 2.9-6.9 2.9-2.3 0-5.2-1.2-6.9-2.9L7.9 81.7c-4-4-4-10.4 0-13.8L70.1 5.6c4-4 10.4-4 14.4 0s4 10.4 0 14.4L39 65h145.3c5.8-.6 10.4 4 10.4 9.2z"/></svg>

data/app/views/lato_view/icons/_arrowright.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path d="M192.5 82.9l-62.3 62.3c-2.2 2.2-4.4 2.8-7.2 2.8s-5-1.1-7.2-2.8c-3.9-3.9-3.9-10.5 0-14.3L161 85.7H15.5c-5.5 0-9.9-4.4-9.9-9.9s4.4-9.9 9.9-9.9H161l-45.2-45.2c-3.9-3.9-3.9-10.5 0-14.3s10.5-3.9 14.3 0l62.3 62.3c3.9 3.7 3.9 10.3.1 14.2z"/></svg>

data/app/views/lato_view/icons/_arrowup.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="200" viewBox="0 0 150 200"><path d="M143.1 83.7c-1.8 1.8-4.1 3-7.1 3-2.4 0-4.7-1.2-7.1-3L84.6 39.3v143.1c0 5.3-4.1 10.1-10.1 10.1-5.9 0-10.1-4.1-10.1-10.1V39.3L20.2 83.7c-4.1 4.1-10.1 4.1-14.2 0S1.9 73.6 6 69.5L67.5 8.6c4.1-4.1 10.1-4.1 13.6 0l61.5 60.9c4.1 4.1 4.1 10.6.5 14.2z"/></svg>

data/app/views/lato_view/icons/_artist.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="129" height="129" viewBox="-35 36 129 129"><path d="M19.6 103c15 0 27.1-12.1 27.1-27.1s-12.1-27-27.1-27S-7.6 61-7.6 75.9 4.6 103 19.6 103zm0-47.1c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20zm-47 89.5h94.2c2 0 3.6-1.6 3.6-3.6 0-18.7-15.2-34-34-34H3.1c-18.7 0-34 15.2-34 34 0 2 1.5 3.6 3.5 3.6zm30.5-30.5h33.3c13.6 0 24.9 10.2 26.6 23.3h-86.5c1.7-13 12.9-23.3 26.6-23.3z"/><path d="M74.9 112.3c-1.3-.5-2.5-1.4-3.4-2.5-.7-.8-1.2-1.8-1.6-2.7-1.1.2-2.7 1.1-5.1 3.3l6.9 6.9c2-2.4 2.9-3.9 3.2-5zm-41.4 36.2c2 2 23.6-16.4 34.5-27.4l1.7-1.7-7.1-7.1-1.7 1.7c-11 11-29.4 32.6-27.4 34.5zm44.8-37.4c1.5 0 3.1-.5 4.4-1.6 7.1-5.8.9-13.4 10-17.2-1.3-.9-2.9-1.3-4.5-1.3-5.5 0-12 4.1-14.6 7.3-2.8 3-3 7.3-.5 10.2 1.2 1.7 3.2 2.6 5.2 2.6z"/></svg>

data/app/views/lato_view/icons/_artwork.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M329.54 409.6h20.326c4.72 0 8.533-3.823 8.533-8.533s-3.815-8.533-8.534-8.533H162.133c-4.72 0-8.533 3.823-8.533 8.533s3.814 8.533 8.533 8.533h20.326l-45.03 90.052c-2.11 4.215-.394 9.335 3.822 11.452 1.22.606 2.526.896 3.806.896 3.132 0 6.144-1.724 7.637-4.72l48.845-97.68h45.926v93.867c0 4.71 3.814 8.533 8.533 8.533 4.718 0 8.532-3.823 8.532-8.533V409.6h45.926l48.845 97.68c1.493 2.996 4.506 4.72 7.637 4.72 1.28 0 2.586-.29 3.806-.896 4.215-2.116 5.93-7.236 3.814-11.452L329.54 409.6zM196.267 51.2h119.467c4.72 0 8.533-3.823 8.533-8.533 0-4.71-3.814-8.533-8.533-8.533h-51.2v-25.6C264.534 3.824 260.72 0 256 0c-4.72 0-8.533 3.823-8.533 8.533v25.6h-51.2c-4.72 0-8.533 3.823-8.533 8.533 0 4.71 3.814 8.534 8.533 8.534zM418.133 68.267H93.867c-23.526 0-42.667 19.14-42.667 42.667v179.2c0 4.71 3.814 8.533 8.533 8.533s8.533-3.823 8.533-8.533v-179.2c0-14.114 11.486-25.6 25.6-25.6h324.267c14.114 0 25.6 11.486 25.6 25.6V332.8c0 14.114-11.486 25.6-25.6 25.6H93.867c-12.962 0-23.69-9.677-25.378-22.178 55.747-51.157 157.806-12.928 158.856-12.518 3.584 1.382 7.603.196 9.882-2.85.23-.307 23.672-30.72 78.507-30.72 55.834 0 96.674 31.95 97.084 32.273 3.677 2.935 9.044 2.338 11.98-1.357 2.935-3.678 2.347-9.037-1.33-11.98-1.76-1.4-41.755-32.778-99.2-35.713v-18.415c15.205-3.516 25.6-16.3 25.6-33.075 0-20.02-2.46-85.333-34.134-85.333-32.495 0-34.133 71.083-34.133 85.333 0 16.776 10.394 29.56 25.6 33.075v18.364c-44.69 2.372-69.914 22.895-79.343 32.478-24.124-8.107-118.426-34.765-174.157 20.983-1.604 1.604-2.5 3.772-2.5 6.033 0 23.526 19.14 42.667 42.667 42.667h324.267c23.526 0 42.667-19.14 42.667-42.667V110.933c-.004-23.526-19.144-42.666-42.67-42.666zm-119.466 153.6c0-42.29 9.94-68.267 17.067-68.267 6.972 0 17.067 24.31 17.067 68.267 0 10.522-6.544 17.067-17.066 17.067-10.37 0-17.067-6.7-17.067-17.067z"/><path d="M128 153.6c-4.72 0-8.533 3.823-8.533 8.533 0 4.71 3.814 8.533 8.533 8.533h10.112c.29.836.614 1.647.99 2.44l-7.134 7.134c-3.337 3.337-3.337 8.738 0 12.066 1.664 1.664 3.85 2.5 6.033 2.5 2.186 0 4.37-.836 6.034-2.5l7.134-7.134c.802.375 1.604.69 2.45.99l-.01 10.112c0 4.71 3.814 8.525 8.533 8.533 4.71 0 8.534-3.814 8.534-8.525l.01-10.13c.827-.298 1.637-.613 2.422-.99l7.134 7.143c1.664 1.664 3.857 2.5 6.042 2.5s4.37-.836 6.025-2.492c3.345-3.328 3.345-8.73.017-12.066l-7.15-7.168c.374-.786.69-1.597.99-2.424l10.11.01h.01c4.71 0 8.533-3.815 8.533-8.526 0-4.72-3.814-8.542-8.525-8.542l-10.138-.01c-.3-.835-.614-1.637-.99-2.43l7.142-7.135c3.345-3.328 3.345-8.72.017-12.066-3.337-3.337-8.747-3.328-12.066-.01l-7.16 7.152c-.793-.385-1.595-.7-2.43-.99l.008-10.11c0-4.72-3.814-8.533-8.525-8.542h-.01c-4.71 0-8.532 3.814-8.532 8.533l-.01 10.113c-.835.3-1.637.614-2.43.998l-7.135-7.14c-3.337-3.338-8.738-3.33-12.066-.01-3.337 3.337-3.337 8.738 0 12.066l7.134 7.142c-.374.794-.7 1.604-.99 2.44H128zm34.133 0c4.71 0 8.533 3.83 8.533 8.533 0 4.702-3.823 8.533-8.533 8.533-4.71 0-8.533-3.83-8.533-8.533 0-4.702 3.823-8.533 8.533-8.533z"/></svg>

data/app/views/lato_view/icons/_attachment.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M184.6 79.4c2.9 2.9 2.9 7.5 0 10.4l-83.4 83.4c-13.9 13.9-29.5 21.4-44.6 21.4-4.1 0-7.5-.6-11.6-1.7-14.5-4.1-26.1-15.1-30.1-30.7-5.2-19.1 1.7-39.4 18.5-56.8l93.2-93.2c15.1-15.1 35.9-10.4 48.1 1.7 16.8 16.8 12.2 35.9.6 47.5l-93.8 93.8c-12.2 12.2-26.6 11.6-33.6 4.1-6.9-7.5-8.1-20.8 4.6-33.6l63.1-63.1c2.9-2.9 7.5-2.9 10.4 0 2.9 2.9 2.9 7.5 0 10.4l-63.7 63.1c-5.2 5.2-6.4 10.4-4.6 12.7 2.3 2.3 7.5 1.2 12.7-4.1l93.8-93.8c9.3-9.3 5.2-20.3-.6-26.6-6.9-6.9-18.5-10.4-27.2-1.7l-92.7 93.2c-13.3 13.3-18.5 28.4-15.1 42.3 2.9 9.8 9.8 17.4 19.7 20.3 12.7 3.5 27.8-2.3 41.7-16.2l83.4-83.4c3.7-2.3 8.3-2.3 11.2.6z"/></svg>

data/app/views/lato_view/icons/_calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><g fill="#010002"><path d="M175.3 30.2h-24.8V19.4c0-3-2.6-5.4-5.7-5.4-3.2 0-5.7 2.4-5.7 5.4v10.7h-34.4V19.4c0-3-2.6-5.4-5.7-5.4-3.2 0-5.7 2.4-5.7 5.4v10.7H58.8V19.4c0-3-2.6-5.4-5.7-5.4s-5.7 2.4-5.7 5.4v10.7H22.5c-8.4 0-15.3 6.4-15.3 14.3v127.1c0 7.9 6.8 14.3 15.3 14.3h152.8c8.4 0 15.3-6.4 15.3-14.3v-127c0-7.9-6.8-14.3-15.3-14.3zm3.8 141.4c0 2-1.7 3.6-3.8 3.6H22.5c-2.1 0-3.8-1.6-3.8-3.6V44.5c0-2 1.7-3.6 3.8-3.6h24.8v10.7c0 3 2.6 5.4 5.7 5.4s5.7-2.4 5.7-5.4V40.9h34.4v10.7c0 3 2.6 5.4 5.7 5.4 3.2 0 5.7-2.4 5.7-5.4V40.9H139v10.7c0 3 2.6 5.4 5.7 5.4 3.2 0 5.7-2.4 5.7-5.4V40.9h24.8c2.1 0 3.8 1.6 3.8 3.6v127.1z"/><path d="M47.3 78.5h22.9v16.1H47.3zM47.3 105.4h22.9v16.1H47.3zM47.3 132.2h22.9v16.1H47.3zM87.4 132.2h22.9v16.1H87.4zM87.4 105.4h22.9v16.1H87.4zM87.4 78.5h22.9v16.1H87.4zM127.6 132.2h22.9v16.1h-22.9zM127.6 105.4h22.9v16.1h-22.9zM127.6 78.5h22.9v16.1h-22.9z"/></g></svg>

data/app/views/lato_view/icons/_clients.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M37.8 141.2V27.1h101.6v34.4c2-.4 4-.6 6-.6 1.1 0 2.1.2 3.1.3V17.7H28.6v132.8H104v-9.4c-27.4.1-61.3.1-66.2.1z"/><path d="M50.7 89h61.9c.6-3.5 1.8-6.8 3.4-9.8H50.7V89zM50.7 48.5h75.6v9.8H50.7zM50.7 119.7h64.2c1.7-1.1 3.5-1.9 5.5-2.5-1.9-2.2-3.4-4.7-4.7-7.3h-65v9.8zM145.4 120.7c13.8 0 24.9-11.4 24.9-25.6 0-14.1-11.1-25.6-24.9-25.6-13.7 0-24.8 11.4-24.8 25.6-.1 14.1 11 25.6 24.8 25.6zM165.3 124.8h-39.9c-7.1 0-13 6.7-13 15V181c0 .5.2.9.2 1.3H178c0-.5.2-.9.2-1.3v-41.1c.1-8.3-5.8-15.1-12.9-15.1z"/></svg>

data/app/views/lato_view/icons/_close.svg

@@ -0,0 +1 @@
+<svg id="Livello_1" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><style>.st0{fill:none;stroke:#000;stroke-width:4;stroke-miterlimit:10}</style><g id="XMLID_16_"><path id="XMLID_18_" class="st0" d="M7.4 192.8L192.7 7.5"/><path id="XMLID_17_" class="st0" d="M192.7 192.8L7.4 7.5"/></g></svg>

data/app/views/lato_view/icons/_download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M186.3 124.7v56.1c0 5.6-4.6 10.1-10.1 10.1H19.4c-5.6 0-10.1-4.6-10.1-10.1v-56.1c0-5.6 4.6-10.1 10.1-10.1s10.1 4.6 10.1 10.1v46h136.1v-46c0-5.6 4.6-10.1 10.1-10.1s10.6 4.5 10.6 10.1zm-96.1 13.1c2 2 4.6 3 7.6 3s5.6-1 7.6-3l41-42c4-4 4-10.6 0-14.7-4-4-10.6-4-14.7 0l-23.3 24.3V15.9c0-5.6-4.6-10.1-10.1-10.1s-10.1 4.6-10.1 10.1v89.5L64.9 81.7c-4-4-10.6-4-14.7 0-4 4-4 10.6 0 14.7l40 41.4z"/></svg>

data/app/views/lato_view/icons/_file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="200" viewBox="0 0 150 200"><path d="M141.8 54.7L95.5 8c-1.8-1.8-3.7-2.3-6-2.3H10.4c-4.6 0-8.2 3.7-8.2 8.2V181c0 4.6 3.7 8.2 8.2 8.2h125.4c4.6 0 8.2-3.7 8.2-8.2V60.6c0-2.2-.4-4.5-2.2-5.9zm-14.2 9.6H85.9V22.7h.5l41.2 41.6zm-109 108.5V22.2H69v49.9c0 4.6 3.7 8.7 8.2 8.7h50.3v92H18.6z"/></svg>

data/app/views/lato_view/icons/_googleplus.svg

@@ -0,0 +1 @@
+<svg id="Livello_1" xmlns="http://www.w3.org/2000/svg" width="124.2" height="78.7" viewBox="0 0 124.2 78.7"><style>.st0{fill:#f24033}</style><g id="Google_x2B__1_"><path id="XMLID_2_" class="st0" d="M41.6 30.9v14.8h20.1c-3.2 9.6-8.1 14.8-20.1 14.8-12.2 0-21.8-9.9-21.8-22.1s9.6-22.1 21.8-22.1c6.4 0 10.8 2.3 14.5 5.5 3.2-3.2 2.9-3.5 10.5-10.8-6.7-6.1-15.4-9.6-25-9.6-20.7.1-37.2 16.7-37.2 37.3 0 20.6 16.6 37.2 37.2 37.2 30.8 0 38.4-26.7 35.8-44.8l-35.8-.2z"/><path id="XMLID_1_" class="st0" d="M108.7 31.8V18.7h-9v13.1H86.3v9h13.4v13.3h9V40.8h13.1v-9z"/></g></svg>

data/app/views/lato_view/icons/_home.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79.536" height="79.537" viewBox="0 0 79.536 79.537"><path fill="#010002" d="M9.942 74.565h24.853V54.68h9.944v19.885h24.855V44.74h9.94L39.77 4.97 0 44.74h9.942"/></svg>

data/app/views/lato_view/icons/_info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="130" viewBox="0 0 50 130"><path d="M15.9 125.7c-1.8 0-3.6-.7-4.7-1.8-2.2-1.8-3.2-4.7-2.5-7.5l10.8-54.6-5.8 3.2c-3.6 1.8-8.3.7-10.4-2.9-1.8-3.6-.7-8.3 2.9-10.4l20.5-11.5c2.5-1.4 5.7-1.4 8.3.4 2.5 1.8 3.6 4.7 3.2 7.5L27 104.8l9.3-4c4-1.8 8.3 0 10.1 4 1.8 4 0 8.3-4 10.1l-22.6 9.7c-1.8.7-2.8 1.1-3.9 1.1zM37.4 21.1c1.8-1.8 3.2-4.7 3.2-7.5 0-2.9-1.1-5.7-3.2-7.5-1.8-1.8-4.7-3.2-7.5-3.2s-5.7 1-7.5 3.1c-1.8 1.8-3.2 4.7-3.2 7.5 0 2.9 1.1 5.7 3.2 7.5 1.8 1.8 4.7 3.2 7.5 3.2 2.9.2 5.7-.9 7.5-3.1z"/></svg>