lato_core 1.1.5 → 2.1

data/app/views/lato_core/doc/cells_elements/table_head.html.erb

@@ -0,0 +1,110 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+  code = cell(:elements, :code).new
+  table = cell(:elements, :table, :container).new
+%>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Cells Elements: Table head') %>
+
+    <p>This cell is a partial element of a table and render the <i>thead</i> tag with columns.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Table head', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Table head with color', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login'], color: true) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login'], color: true) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_core/doc/cells_elements/table_row.html.erb

@@ -0,0 +1,212 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+  code = cell(:elements, :code).new
+  table = cell(:elements, :table, :container).new
+%>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Cells Elements: Table row') %>
+
+    <p>A table row should be used to render a single table row.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Table row', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', 'Two days ago']) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', 'Last week']) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Table row with boolean labels', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'boolean', value: true}]) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'boolean', value: false}]) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'boolean', value: true}]) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'boolean', value: false}]) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Table row with icon labels', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'icon', value: 'battery-three-quarters'}]) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'icon', value: 'battery-quarter'}]) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'icon', value: 'battery-three-quarters'}]) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'icon', value: 'battery-quarter'}]) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Table row with button labels', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw table.open %>
+
+    <%=raw cell(:elements, :table, :head).new(labels: ['Name', 'Last login']) %>
+
+    <% table_body = cell(:elements, :table, :body).new %>
+
+    <%=raw table_body.open %>
+
+      <% button = cell(:elements, :button).new(label: 'Show', url: '#') %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'component', value: button}]) %>
+
+      <%=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'component', value: button}]) %>
+
+    <%=raw table_body.close %>
+
+  <%=raw table.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %> button = cell(:elements, :button).new(label: 'Show', url: '#') <% erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Pippo baudo', {type: 'component', value: button}]) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :table, :row).new(labels: ['Mario Rossi', {type: 'component', value: button}]) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_core/doc/cells_elements/title.html.erb

@@ -0,0 +1,70 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+  code = cell(:elements, :code).new
+%>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Cells Elements: Title') %>
+
+    <p>A Title can be used to render simple HTML titles on the page.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Titles with different sizes', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 1) %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 2) %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 3) %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 4) %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 5) %>
+
+    <%=raw cell(:elements, :title).new(label: 'Im an important title', size: 6) %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 1) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 2) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 3) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 4) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 5) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :title).new(label: 'Im an important title', size: 6) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_core/doc/cells_inputs/checkbox.html.erb

@@ -0,0 +1,101 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+  code = cell(:elements, :code).new
+  form = cell(:inputs, :form).new(url: '#', method: 'get')
+%>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Cells Inputs: Checkbox') %>
+
+    <p>A Checkbox is a simple input checkbox.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Checkbox input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :checkbox).new(name: 'sample', label: 'I accept to use Lato') %>
+
+      <%=raw row.close %>
+
+    <%=raw form.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:inputs, :checkbox).new(name: 'sample', label: 'I accept to use Lato') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Checkbox input with some settings', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :checkbox).new(name: 'sample', label: 'I accept to use Lato', value: true, help: 'Check this with a click', required: true) %>
+
+      <%=raw row.close %>
+
+      <%=raw cell(:elements, :button).new(type: 'submit', label: 'Submit') %>
+
+    <%=raw form.close %>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+
+<!-- CODE SECTION -->
+<%=raw row.open %>
+
+<%=raw block.open %>
+
+<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
+
+<%=raw code.open %>
+
+<%= erb_open_tag %>=raw cell(:inputs, :checkbox).new(name: 'sample', label: 'I accept to use Lato', value: true, help: 'Check this with a click', required: true) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+