lato_media 2.1

data/app/views/lato_media/back/medias/edit.html.erb

@@ -0,0 +1,51 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+  container_block_big = cell(:elements, :block).new(class: 'xs-12 sm-12 md-8 no-padding no-background no-shadow')
+  container_block_small = cell(:elements, :block).new(class: 'xs-12 sm-12 md-4 no-padding no-background no-shadow')
+%>
+
+<!-- MAIN CONTAINER -->
+<%=raw row.open %>
+
+  <!-- SMALL SECTION CONTAINER -->
+  <%=raw container_block_small.open %>
+
+    <%=raw row.open %>
+
+      <%=raw block.open %>
+
+         <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'md-12') %>
+
+      <%=raw block.close %>
+
+    <%=raw row.close %>
+
+    <%=raw cell(:elements, :button).new(label: LANGUAGES[:lato_media][:mixed][:delete_media], icon: 'trash',
+    url: lato_media.media_path(@media.id), style: 'danger', method: :delete, confirmation: {
+      message: LANGUAGES[:lato_media][:mixed][:delete_media_confirm],
+      positive_response: LANGUAGES[:lato_media][:mixed][:delete_media_confirm_positive],
+      negative_response: LANGUAGES[:lato_media][:mixed][:delete_media_confirm_negative]
+    }) %>
+
+  <%=raw container_block_small.close %>
+  <!-- / SMALL SECTION CONTAINER -->
+
+  <!-- BIG SECTION CONTAINER -->
+  <%=raw container_block_big.open %>
+
+    <%=raw row.open %>
+
+      <%=raw block.open %>
+
+        <%= render 'lato_media/back/medias/shared/form', url: lato_media.media_path(@media.id), method: :put %>
+
+      <%=raw block.close %>
+
+    <%=raw row.close %>
+
+  <%=raw container_block_big.close %>
+  <!-- / BIG SECTION CONTAINER -->
+
+<%=raw row.close %>
+<!-- / MAIN CONTAINER -->

data/app/views/lato_media/back/medias/index.html.erb

@@ -0,0 +1,25 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+%>
+
+<!-- MAIN CONTAINER -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <div class="text-right">
+      <%=raw cell(:elements, :button).new(label: LANGUAGES[:lato_media][:mixed][:add_media], icon: 'plus',
+      onclick: "Modal.open('dropzone-modal', event);") %>
+    </div>
+    <br>
+
+    <%=raw cell(:elements, :modal).new(id: 'dropzone-modal', title: LANGUAGES[:lato_media][:mixed][:add_media],
+    render: render('lato_media/back/medias/shared/dropzone_modal')) %>
+
+    <%= render 'lato_media/back/medias/shared/index' %>
+      
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / MAIN CONTAINER -->

data/app/views/lato_media/back/medias/new.html.erb

@@ -0,0 +1,25 @@
+<%
+  row = cell(:elements, :row).new
+  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
+%>
+
+<!-- MAIN CONTAINER -->
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <div class="medias__dropzone">
+      <%=raw cell(:inputs, :dropzone).new(url: lato_media.medias_path, max_size: CONFIGS[:lato_media][:max_media_accepted_size],
+      label: LANGUAGES[:lato_media][:mixed][:load_media_files]) %>
+    </div>
+    
+    <br>
+    <div class="text-right">
+      <%=raw cell(:elements, :button).new(label: LANGUAGES[:lato_media][:mixed][:show_all_media], icon: 'check',
+      url: lato_media.medias_path, style: 'success') %>
+    </div>
+    
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / MAIN CONTAINER -->

data/app/views/lato_media/back/medias/refresh_index.js.erb

@@ -0,0 +1,11 @@
+// Refresh index
+$('.medias__medias-index').replaceWith('<%=j render 'lato_media/back/medias/shared/index' %>')
+
+// Close modal
+Modal.close('dropzone-modal')
+
+// Refresh modal content
+$('.medias__dropzone-modal').replaceWith('<%=j render 'lato_media/back/medias/shared/dropzone_modal' %>')
+
+// Re-initialize dropzone
+InputsInitializer.init()

data/app/views/lato_media/back/medias/shared/_dropzone_modal.html.erb

@@ -0,0 +1,12 @@
+<div class="medias__dropzone-modal">
+    <div class="medias__dropzone">
+        <%=raw cell(:inputs, :dropzone).new(url: lato_media.medias_path, max_size: CONFIGS[:lato_media][:max_media_accepted_size],
+        label: LANGUAGES[:lato_media][:mixed][:load_media_files]) %>
+    </div>
+
+    <br>
+    <div class="medias__dropzone-modal-actions text-right">
+        <%=raw cell(:elements, :button).new(label: LANGUAGES[:lato_media][:mixed][:show_all_media], icon: 'check',
+        url: lato_media.medias_refresh_index_path, style: 'success', remote: true) %>
+    </div>
+</div>

data/app/views/lato_media/back/medias/shared/_form.html.erb

@@ -0,0 +1,52 @@
+<%
+  row = cell(:elements, :row).new
+  form = cell(:inputs, :form).new(url: url, method: method)
+%>
+
+<%=raw form.open %>
+
+  <%=raw row.open %>
+
+    <%=raw cell(:inputs, :text).new(name: 'media[title]', label: LANGUAGES[:lato_media][:forms][:title],
+    required: true, class: 'md-12', value: @media.title) %>
+
+  <%=raw row.close %>
+
+  <%=raw row.open %>
+
+    <%=raw cell(:inputs, :textarea).new(name: 'media[description]', label: LANGUAGES[:lato_media][:forms][:description],
+    class: 'md-12', value: @media.description) %>
+
+  <%=raw row.close %>
+
+  <%=raw row.open %>
+
+    <%=raw cell(:inputs, :text).new(name: '', label: LANGUAGES[:lato_media][:forms][:url],
+    disabled: true, class: 'md-12', value: @media.attachment.url) %>
+
+    <% if @media.image? %>
+
+      <%=raw cell(:inputs, :text).new(name: '', label: LANGUAGES[:lato_media][:forms][:thumb_url],
+      disabled: true, class: 'md-4', value: @media.attachment.url(:thumb)) %>
+
+      <%=raw cell(:inputs, :text).new(name: '', label: LANGUAGES[:lato_media][:forms][:medium_url],
+      disabled: true, class: 'md-4', value: @media.attachment.url(:medium)) %>
+
+      <%=raw cell(:inputs, :text).new(name: '', label: LANGUAGES[:lato_media][:forms][:large_url],
+      disabled: true, class: 'md-4', value: @media.attachment.url(:large)) %>
+
+    <% end %>
+
+  <%=raw row.close %>
+
+  <div class="text-right">
+
+    <%=raw cell(:elements, :button).new(type: 'link', label: LANGUAGES[:lato_media][:mixed][:cancel],
+    style: 'danger', icon: 'ban', url: lato_media.medias_path) %>
+
+    <%=raw cell(:elements, :button).new(type: 'submit', label: LANGUAGES[:lato_media][:mixed][:save],
+    style: 'success', icon: 'check') %>
+
+  </div>
+
+<%=raw form.close %>

data/app/views/lato_media/back/medias/shared/_index.html.erb

@@ -0,0 +1,14 @@
+<div class="medias__medias-index">
+
+  <div class="row">
+    <% @medias.each do |media| %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: media, url: lato_media.media_path(media.id), class: 'xs-12 sm-6 md-3 lg-3') %>
+
+    <% end %>
+  </div>
+
+  <br>
+  <%=raw cell(:elements, :pagination).new(total: @pagination_total, current: @pagination_current, url: lato_media.medias_path, param: 'page') %>
+  
+</div>

data/app/views/lato_media/doc/cells/elements_preview.html.erb

@@ -0,0 +1,241 @@
+<%
+  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: Preview') %>
+
+    <p>A Preview is a small preview of a single media element.</p>
+
+    <p>NB: All examples take a sample media from your gallery as media to show.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Preview', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell('LatoMedia', :elements, :preview).new(media: @media) %>
+    
+  <%=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('LatoMedia', :elements, :preview).new(media: @media) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Preview inside a row', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw row.open %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') %>
+
+    <%=raw row.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('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Preview with custom height', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, height: 400) %>
+    
+  <%=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('LatoMedia', :elements, :preview).new(media: @media, height: 400) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Preview with custom image size', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <p>NB: This example work only with an image media.</p>
+
+    <%=raw row.open %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'thumb') %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'medium') %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'large') %>
+
+    <%=raw row.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('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'thumb') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'medium') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :preview).new(media: @media, class: 'xs-12 sm-4 md-4', size: 'large') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Preview with link', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw row.open %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, url: '#', class: 'md-6') %>
+
+      <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, url: '#', remote: true, class: 'md-6') %>
+
+    <%=raw row.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('LatoMedia', :elements, :preview).new(media: @media, url: '#', class: 'md-6') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :preview).new(media: @media, url: '#', remote: true, class: 'md-6') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Preview with onclick action', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell('LatoMedia', :elements, :preview).new(media: @media, onclick: "alert('Hello World');") %>
+    
+  <%=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('LatoMedia', :elements, :preview).new(media: @media, onclick: "alert('Hello World');") <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_media/doc/cells/elements_previews.html.erb

@@ -0,0 +1,87 @@
+<%
+  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: Previews') %>
+
+    <p>A Previews is a small preview of a multiple media element.</p>
+
+    <p>NB: All examples take a sample media from your gallery as media to show.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Previews', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell('LatoMedia', :elements, :previews).new(medias: @medias, class: 'md-12') %>
+    
+  <%=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('LatoMedia', :elements, :previews).new(medias: @medias, class: 'md-12') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Previews with options', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw cell('LatoMedia', :elements, :previews).new(medias: @medias, class: ' sm-12 md-6') %>
+
+    <%=raw cell('LatoMedia', :elements, :previews).new(medias: @medias, class: ' sm-12 md-6', size: 'thumb') %>
+    
+  <%=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('LatoMedia', :elements, :previews).new(medias: @medias, class: ' sm-12 md-6') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :elements, :previews).new(medias: @medias, class: ' sm-12 md-6', size: 'thumb') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_media/doc/cells/inputs_gallery.html.erb

@@ -0,0 +1,63 @@
+<%
+  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: Gallery') %>
+
+    <p>A Gallery input is an extension of core inputs used to select a multiple media object from the media library.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Gallery input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell('LatoMedia', :inputs, :gallery).new(name: 'sample', label: 'Select multiple media', class: 'xs-12 sm-6 md-6') %>
+
+        <%=raw cell('LatoMedia', :inputs, :gallery).new(name: 'sample', label: 'Select multiple media', class: 'xs-12 sm-6 md-6', value: @medias) %>
+
+      <%=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('LatoMedia', :inputs, :gallery).new(name: 'sample', label: 'Select multiple media', class: 'xs-12 sm-6 md-6') <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :inputs, :gallery).new(name: 'sample', label: 'Select multiple media', class: 'xs-12 sm-6 md-6', value: @medias) <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->

data/app/views/lato_media/doc/cells/inputs_media.html.erb

@@ -0,0 +1,63 @@
+<%
+  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: Media') %>
+
+    <p>A Media input is an extension of core inputs used to select a media object from the media library.</p>
+
+  <%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / PRESENTATION -->
+
+<hr>
+<%=raw cell(:elements, :title).new(label: 'Normal Media input', size: 3) %>
+
+<%=raw row.open %>
+
+  <%=raw block.open %>
+
+    <%=raw form.open %>
+
+      <%=raw row.open %>
+
+        <%=raw cell('LatoMedia', :inputs, :media).new(name: 'sample', label: 'Select a media', class: 'xs-12 sm-6 md-6', value: @media.id) %>
+
+        <%=raw cell('LatoMedia', :inputs, :media).new(name: 'sample', label: 'Select a media', class: 'xs-12 sm-6 md-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('LatoMedia', :inputs, :media).new(name: 'sample', label: 'Select a media', class: 'xs-12 sm-6 md-6', value: @media.id) <%= erb_close_tag %>
+
+<%= erb_open_tag %>=raw cell('LatoMedia', :inputs, :media).new(name: 'sample', label: 'Select a media', class: 'xs-12 sm-6 md-6') <%= erb_close_tag %>
+
+<%=raw code.close %>
+
+<%=raw block.close %>
+
+<%=raw row.close %>
+<!-- / CODE SECTION -->