lato_core 1.1.5 → 2.1

data/app/views/lato_core/doc/cells_elements/buttongroup.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
+%>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Cells Elements: Buttongroup') %>
+
+    <p>A Buttongroup is used to contain a list of buttons.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Buttongroup', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% button = cell(:elements, :button).new(label: 'Link button') %>
+
+    <%=raw cell(:elements, :buttongroup).new(buttons: [button, button, button]) %>
+    
+  <%=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: 'Link button') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :buttongroup).new(buttons: [button, button, button]) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Buttongroup with style buttons', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%
+    button1 = cell(:elements, :button).new(label: 'Default!')
+    button2 = cell(:elements, :button).new(label: 'Info!', style: 'info')
+    button3 = cell(:elements, :button).new(label: 'Success!', style: 'success')
+    button4 = cell(:elements, :button).new(label: 'Danger!', style: 'danger')
+    button5 = cell(:elements, :button).new(label: 'Warning!', style: 'warning')
+    %>
+
+    <%=raw cell(:elements, :buttongroup).new(buttons: [button1, button2, button3, button4, button5]) %>
+    
+  <%=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 %>
+button1 = cell(:elements, :button).new(label: 'Default!')
+button2 = cell(:elements, :button).new(label: 'Info!', style: 'info')
+button3 = cell(:elements, :button).new(label: 'Success!', style: 'success')
+button4 = cell(:elements, :button).new(label: 'Danger!', style: 'danger')
+button5 = cell(:elements, :button).new(label: 'Warning!', style: 'warning')
+<%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :buttongroup).new(buttons: [button1, button2, button3, button4, button5]) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,123 @@
+<%
+  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: Flash') %>
+
+    <p>A Flash is an element used to prompt informations to user.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Flash message', size: 3) %>
+
+<%=raw cell(:elements, :flash).new(message: 'Hello world') %>
+
+<!-- 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, :flash).new(message: 'Hello world') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Flash message with close button', size: 3) %>
+
+<%=raw cell(:elements, :flash).new(message: 'Hello world, close me!', close: true) %>
+
+<!-- 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, :flash).new(message: 'Hello world, close me!', close: true) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Flash messages with style', size: 3) %>
+
+<%=raw cell(:elements, :flash).new(message: 'Info Hello world', close: true, style: 'info') %>
+
+<%=raw cell(:elements, :flash).new(message: 'Success Hello world', close: true, style: 'success') %>
+
+<%=raw cell(:elements, :flash).new(message: 'Danger Hello world', close: true, style: 'danger') %>
+
+<%=raw cell(:elements, :flash).new(message: 'Warning Hello world', close: true, style: 'warning') %>
+
+<!-- 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, :flash).new(message: 'Info Hello world', close: true, style: 'info') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :flash).new(message: 'Success Hello world', close: true, style: 'success') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :flash).new(message: 'Danger Hello world', close: true, style: 'danger') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :flash).new(message: 'Warning Hello world', close: true, style: 'warning') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Flash messages with custom id', size: 3) %>
+
+<%=raw cell(:elements, :flash).new(message: 'Info Hello world', close: true, style: 'info', id: 'custom-flash') %>
+
+<!-- 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, :flash).new(message: 'Info Hello world', close: true, style: 'info', id: 'custom-flash') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,58 @@
+<%
+  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: Icon') %>
+
+    <p>Use the Icon cell to render icons. Find a list of possible icons on <a target="_blank" href="http://fontawesome.io/">Fontawesome</a>. </p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Icons', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :icon).new(name: 'diamond') %>
+
+    <%=raw cell(:elements, :icon).new(name: 'commenting') %>
+
+    <%=raw cell(:elements, :icon).new(name: 'credit-card-alt') %>
+    
+  <%=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, :icon).new(name: 'diamond') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :icon).new(name: 'commenting') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :icon).new(name: 'credit-card-alt') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,89 @@
+<%
+  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: Modal') %>
+
+    <p>A Modal can be used to render custom code inside a modal element.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Modal', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :button).new(label: 'Open modal', style: 'info', onclick: "Modal.open('my-modal', event);") %>
+
+    <%=raw cell(:elements, :modal).new(id: 'my-modal', render: render('lato_core/doc/shared/modal_content')) %>
+    
+  <%=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, :button).new(label: 'Open modal', style: 'info', onclick: "Modal.open('my-modal', event);") <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :modal).new(id: 'my-modal', render: render('lato_core/doc/shared/modal_content')) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Modal with title', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :button).new(label: 'Open modal', style: 'info', onclick: "Modal.open('my-modal-2', event);") %>
+
+    <%=raw cell(:elements, :modal).new(id: 'my-modal-2', title: 'Modal with title', render: render('lato_core/doc/shared/modal_content')) %>
+    
+  <%=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, :button).new(label: 'Open modal', style: 'info', onclick: "Modal.open('my-modal-2', event);") <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell(:elements, :modal).new(id: 'my-modal-2', title: 'Modal with title', render: render('lato_core/doc/shared/modal_content')) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,149 @@
+<%
+  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: Pagination') %>
+
+    <p>The Pagination component is used to show pagination links. </p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Pagination', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :pagination).new(total: 15) %>
+    
+  <%=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, :pagination).new(total: 15) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Pagination with options', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :pagination).new(total: 25, current: 14, max_visible: 11, url: lato_core.superusers_path, param: 'page') %>
+    
+  <%=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, :pagination).new(total: 25, current: 14, max_visible: 11, url: lato_core.superusers_path, param: 'page') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Pagination with remote true', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :pagination).new(total: 25, remote: true) %>
+    
+  <%=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, :pagination).new(total: 25, remote: true) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Pagination with extra params', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :pagination).new(total: 25, extra_params: {
+      name: 'Pippo',
+      surname: 'Baudo'
+    }) %>
+    
+  <%=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, :pagination).new(total: 25, extra_params: {
+      name: 'Pippo',
+      surname: 'Baudo'
+    }) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->