lato_core 1.1.5 → 2.1

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

@@ -0,0 +1,178 @@
+<%
+  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: Datetime') %>
+
+    <p>A Datetime is a input used to set a datetime value.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Datetime input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :datetime).new(name: 'sample', label: 'Insert the date time') %>
+
+      <%=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, :datetime).new(name: 'sample', label: 'Insert the date time') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Datetime with default value', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :datetime).new(name: 'sample', label: 'Insert the date time', value: DateTime.new(2001,2,3,4,5,6)) %>
+
+      <%=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, :datetime).new(name: 'sample', label: 'Insert the date time', value: DateTime.new(2001,2,3,4,5,6)) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Datetime with placeholder', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :datetime).new(name: 'sample', label: 'Insert the date time', placeholder: 'Inser a date please!') %>
+
+      <%=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, :datetime).new(name: 'sample', label: 'Insert the date time', placeholder: 'Inser a date please!') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Datetime required', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :datetime).new(name: 'sample', label: 'Insert the date time', 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, :datetime).new(name: 'sample', label: 'Insert the date time', required: true) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,114 @@
+<%
+  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: Dropzone') %>
+
+    <p>A Dropzone is a special form used to load multiple files.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Dropzone form', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:inputs, :dropzone).new(url: doc_cells_inputs_dropzone_exec_path) %>
+    
+  <%=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, :dropzone).new(url: doc_cells_inputs_dropzone_exec_path) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Dropzone form with options', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:inputs, :dropzone).new(url: doc_cells_inputs_dropzone_exec_path, method: 'post',
+    max_size: 1, max_files: 5, label: 'Load a file', param_name: 'pippo') %>
+    
+  <%=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, :dropzone).new(url: doc_cells_inputs_dropzone_exec_path, method: 'post',
+max_size: 1, max_files: 5, label: 'Load a file', param_name: 'pippo') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Server settings', size: 3) %>
+
+    <p>
+    The server should receive the files in an ayncronous way. To tells dropzone that there is an error on file loading
+    you need to return a 400 response with a JSON with an error key.
+    </p>
+
+<%=raw code.open %>
+
+@file = File.new(attachment: params[:file])
+
+unless @file.save
+  render json: { error: 'File can not be saved' }, status: 400
+  return
+end
+
+render json: {}, status: 200
+
+<%=raw code.close %>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->

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

@@ -0,0 +1,59 @@
+<%
+  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: Editor') %>
+
+    <p>A Editor input is a simple WYSIWYG content editor.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Editor input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :editor).new(name: 'sample', label: 'Insert your content') %>
+
+      <%=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, :editor).new(name: 'sample', label: 'Insert your content') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

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

@@ -0,0 +1,79 @@
+<%
+  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: Email') %>
+
+    <p>A Email is a normal input email.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Email input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell(:inputs, :email).new(name: 'sample', label: 'Insert your email') %>
+
+      <%=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, :email).new(name: 'sample', label: 'Insert your email') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+
+<!-- PRESENTATION -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell(:elements, :title).new(label: 'Other settings', size: 3) %>
+
+    <p>
+    The <b>Email input</b>, has some others configurations (<i>help</i>, <i>required</i>,
+    <i>placeholder</i> and <i>class</i>) like the <b>Text input</b>. <br>
+    Watch the <a href="<%= lato_core.doc_cells_inputs_text_path %>">Text input</a> documentation for more examples.
+    </p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->

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

@@ -0,0 +1,242 @@
+<%
+  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 Inputs: Form') %>
+
+    <p>A Form is a container for inputs.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Form', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% example_form = cell(:inputs, :form).new(url: '#') %>
+
+    <%=raw example_form.open %>
+
+      <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Input inside POST form') %>
+
+    <%=raw example_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 %> example_form = cell(:inputs, :form).new(url: '#') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.open <%= erb_close_tag %>
+  ...
+<%= erb_open_tag %>=raw example_form.close <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Form with specific method', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% example_form = cell(:inputs, :form).new(url: '#', method: 'get') %>
+
+    <%=raw example_form.open %>
+
+      <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Input inside GET form') %>
+
+    <%=raw example_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 %> example_form = cell(:inputs, :form).new(url: '#', method: 'get') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.open <%= erb_close_tag %>
+  ...
+<%= erb_open_tag %>=raw example_form.close <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Form with remote true', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% example_form = cell(:inputs, :form).new(url: '#', remote: true) %>
+
+    <%=raw example_form.open %>
+
+      <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Input inside remote form') %>
+
+    <%=raw example_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 %> example_form = cell(:inputs, :form).new(url: '#', remote: true) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.open <%= erb_close_tag %>
+  ...
+<%= erb_open_tag %>=raw example_form.close <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Form with responsive inputs', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% example_form = cell(:inputs, :form).new(url: '#') %>
+
+    <%=raw example_form.open %>
+
+      <% example_row = cell(:elements, :row).new %>
+
+      <%=raw example_row.open %>
+
+        <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Half Input', class: 'md-6') %>
+
+        <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Half Input', class: 'md-6') %>
+      
+      <%=raw example_row.close %>
+
+    <%=raw example_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 %> example_form = cell(:inputs, :form).new(url: '#') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.open <%= erb_close_tag %>
+
+  <%= erb_open_tag %> example_row = cell(:elements, :row).new <%= erb_close_tag %>
+
+  <%= erb_open_tag %>=raw example_row.open <%= erb_close_tag %>
+    
+    <%= erb_open_tag %>=raw cell(:inputs, :text).new(name: 'sample', label: 'Half Input', class: 'md-6') <%= erb_close_tag %>
+
+    <%= erb_open_tag %>=raw cell(:inputs, :text).new(name: 'sample', label: 'Half Input', class: 'md-6') <%= erb_close_tag %>
+
+  <%= erb_open_tag %>=raw example_row.close <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.close <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Form with custom class', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <% example_form = cell(:inputs, :form).new(url: '#', class: 'my-custom-class') %>
+
+    <%=raw example_form.open %>
+
+      <%=raw cell(:inputs, :text).new(name: 'sample', label: 'Input inside form') %>
+
+    <%=raw example_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 %> example_form = cell(:inputs, :form).new(url: '#', class: 'my-custom-class') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw example_form.open <%= erb_close_tag %>
+  ...
+<%= erb_open_tag %>=raw example_form.close <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->