rails_admin_featured_content 1.1.0 → 1.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2f60d6a8880178237244ee05a43a7eeb22e90909
-  data.tar.gz: 074fd5760d7cd1d9b2a4d97956e1ad8bd49fcd57
+  metadata.gz: 36a250ed007f3b4f11b62fb7a23cd7e98065bd6a
+  data.tar.gz: b6f30935c5743eed5d9f91ee01850bd70b89def9
 SHA512:
-  metadata.gz: 071340dddcb40ecc0c8c6b7aa21d164222c7c2de23447375ea5096924e3b203e1960d8b4c36597d452c9b851391350610c995cf2f5f7ce5c579651ef552afbb9
-  data.tar.gz: 6cad2f55d8d16c7b8c7f69c1421f18c57145c6548595c562a76ed1876227a947d47dabcc40f417bc7b4ec00aeb82671dd53056e750662a9a4b34ccebe249a2b9
+  metadata.gz: ae3ec932298a81007705bd81bc42c2587216a4e87b6a1b201479c45655dfa451619fd19133cb2afb21d2ad2617a39fb20c11bf776608f818164026e9f5bf1959
+  data.tar.gz: d93237c73a41507b613aa4590abbb5ac3ff44b6232efc52f0c274f4322fc8e03c2f2db665215a77c036684def9fbe5f62bb4337dc3ca646ca6870c732ed8568d

data/.gitignore

@@ -16,3 +16,4 @@ spec/dummy/db/development.sqlite3
 spec/dummy/log/development.log
 spec/dummy/public/uploads/
 *.gem
+*.DS_Store

data/app/assets/javascripts/rails_admin/featured_content.js.erb

@@ -163,6 +163,42 @@ $(document).on('click', '.fc-snippet__btn', function(e) {
     element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
     element += '</div>';
 
+    element += '<div class="fc-row">';
+
+    element += '<section id="'+ section_id +'" class="fc-item fc-item--border">';
+    element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+    element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+    element += '<h2 class="fc-caption"></h2>';
+    element += '<figure class="fc-figure fc-figure--block fc-figure--large">';
+    element += '<img class="fc-image" src="<%= image_url('cb-image-default.jpg') %>">';
+    element += '<input class="fc-tools__input fc-tools__input--upload" type="file" name="image" id="'+ section_id +'">';
+    element += '<div class="fc-tools fc-tools--center">';
+    element += '<a class="fc-tools__btn fc-tools__btn--upload fa fa-camera" href="#'+ section_id + '"></a>';
+    element += '</div>';
+    element += '</figure>';
+    element += '<h1 class="fc-title fc-title--small"></h1>';
+    element += '<p class="fc-text"></p>';
+    element += '</section>';
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    autocomplete(section_id);
+    addEventToInputFile(section_id);
+    scrollTo(row_id);
+    break;
+
+    case '5':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
     element += '<div class="fc-row fc-row--flex">';
 
     for(var i = 0; i < 2; i++) {
@@ -198,7 +234,7 @@ $(document).on('click', '.fc-snippet__btn', function(e) {
     scrollTo(row_id);
     break;
 
-    case '5':
+    case '6':
     var sections = [];
 
     var element = '<div id="'+ row_id +'" class="fc-row">';
@@ -242,7 +278,7 @@ $(document).on('click', '.fc-snippet__btn', function(e) {
     scrollTo(row_id);
     break;
 
-    case '6':
+    case '7':
     var sections = [];
 
     var element = '<div id="'+ row_id +'" class="fc-row">';
@@ -285,6 +321,233 @@ $(document).on('click', '.fc-snippet__btn', function(e) {
 
     scrollTo(row_id);
     break;
+
+    case '8':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row">';
+
+    element += '<section id="'+ section_id +'" class="fc-item fc-item--border">';
+    element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+    element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+    element += '<h2 class="fc-caption"></h2>';
+    element += '<h1 class="fc-title fc-title--small"></h1>';
+    element += '<figure class="fc-figure fc-figure--small">';
+    element += '<img class="fc-image" src="<%= image_url('cb-image-default.jpg') %>">';
+    element += '<input class="fc-tools__input fc-tools__input--upload" type="file" name="image" id="'+ section_id +'">';
+    element += '<div class="fc-tools fc-tools--center">';
+    element += '<a class="fc-tools__btn fc-tools__btn--upload fa fa-camera" href="#'+ section_id + '"></a>';
+    element += '</div>';
+    element += '</figure>';
+    element += '<p class="fc-text"></p>';
+    element += '</section>';
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    autocomplete(section_id);
+    addEventToInputFile(section_id);
+    scrollTo(row_id);
+    break;
+
+    case '9':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row fc-row--flex">';
+
+    for(var i = 0; i < 2; i++) {
+      element += '<section id="'+ section_id +'" class="fc-item fc-item--two fc-item--border">';
+      element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+      element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+      element += '<h2 class="fc-caption"></h2>';
+      element += '<h1 class="fc-title fc-title--small"></h1>';
+      element += '<figure class="fc-figure fc-figure--small">';
+      element += '<img class="fc-image" src="<%= image_url('cb-image-default.jpg') %>">';
+      element += '<input class="fc-tools__input fc-tools__input--upload" type="file" name="image" id="'+ section_id +'">';
+      element += '<div class="fc-tools fc-tools--center">';
+      element += '<a class="fc-tools__btn fc-tools__btn--upload fa fa-camera" href="#'+ section_id + '"></a>';
+      element += '</div>';
+      element += '</figure>';
+      element += '<p class="fc-text"></p>';
+      element += '</section>';
+
+      sections.push(section_id);
+      section_id = generateID();
+    }
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    for(var i = 0; i < sections.length; i++) {
+      autocomplete(sections[i]);
+      addEventToInputFile(sections[i]);
+    }
+
+    scrollTo(row_id);
+    break;
+
+    case '10':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row fc-row--flex">';
+
+    for(var i = 0; i < 3; i++) {
+      element += '<section id="'+ section_id +'" class="fc-item fc-item--three fc-item--border">';
+      element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+      element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+      element += '<h2 class="fc-caption"></h2>';
+      element += '<h1 class="fc-title fc-title--small"></h1>';
+      element += '<figure class="fc-figure fc-figure--small">';
+      element += '<img class="fc-image" src="<%= image_url('cb-image-default.jpg') %>">';
+      element += '<input class="fc-tools__input fc-tools__input--upload" type="file" name="image" id="'+ section_id +'">';
+      element += '<div class="fc-tools fc-tools--center">';
+      element += '<a class="fc-tools__btn fc-tools__btn--upload fa fa-camera" href="#'+ section_id + '"></a>';
+      element += '</div>';
+      element += '</figure>';
+      element += '<p class="fc-text"></p>';
+      element += '</section>';
+
+      sections.push(section_id);
+      section_id = generateID();
+    }
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    for(var i = 0; i < sections.length; i++) {
+      autocomplete(sections[i]);
+      addEventToInputFile(sections[i]);
+    }
+
+    scrollTo(row_id);
+    break;
+
+    case '11':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row">';
+
+    element += '<section id="'+ section_id +'" class="fc-item fc-item--border">';
+    element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+    element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+    element += '<h2 class="fc-caption"></h2>';
+    element += '<h1 class="fc-title fc-title--small"></h1>';
+    element += '<p class="fc-text"></p>';
+    element += '</section>';
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    autocomplete(section_id);
+    addEventToInputFile(section_id);
+    scrollTo(row_id);
+    break;
+
+    case '12':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row fc-row--flex">';
+
+    for(var i = 0; i < 2; i++) {
+      element += '<section id="'+ section_id +'" class="fc-item fc-item--two fc-item--border">';
+      element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+      element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+      element += '<h2 class="fc-caption"></h2>';
+      element += '<h1 class="fc-title fc-title--small"></h1>';
+      element += '<p class="fc-text"></p>';
+      element += '</section>';
+
+      sections.push(section_id);
+      section_id = generateID();
+    }
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    for(var i = 0; i < sections.length; i++) {
+      autocomplete(sections[i]);
+      addEventToInputFile(sections[i]);
+    }
+
+    scrollTo(row_id);
+    break;
+
+    case '13':
+    var sections = [];
+
+    var element = '<div id="'+ row_id +'" class="fc-row">';
+    element += '<div class="fc-tools">';
+    element += '<a class="fc-tools__btn fc-tools__btn--move fa fa-arrows" href="#"></a>';
+    element += '<a class="fc-tools__btn fc-tools__btn--delete fa fa-trash" href="#'+ row_id +'"></a>';
+    element += '</div>';
+
+    element += '<div class="fc-row fc-row--flex">';
+
+    for(var i = 0; i < 3; i++) {
+      element += '<section id="'+ section_id +'" class="fc-item fc-item--three fc-item--border">';
+      element += '<input class="fc-search" type="text" name="search" placeholder="Buscar notícia">';
+      element += '<a href="#" class="fc-link fc-link--absolute"></a>';
+      element += '<h2 class="fc-caption"></h2>';
+      element += '<h1 class="fc-title fc-title--small"></h1>';
+      element += '<p class="fc-text"></p>';
+      element += '</section>';
+
+      sections.push(section_id);
+      section_id = generateID();
+    }
+
+    element += '</div>';
+    element += '</div>';
+
+    container.append(element);
+
+    for(var i = 0; i < sections.length; i++) {
+      autocomplete(sections[i]);
+      addEventToInputFile(sections[i]);
+    }
+
+    scrollTo(row_id);
+    break;
   }
 
   editable();

data/app/assets/stylesheets/rails_admin/featured_content.scss

@@ -266,7 +266,8 @@
 
   text-align: center;
 
-  height: 112px;
+  width: 150px;
+  height: 100px;
   border-radius: 4px;
   overflow: hidden;
 }
@@ -296,7 +297,7 @@
   font-size: 10px;
   text-transform: uppercase;
 
-  margin: 0 0 10px;
+  margin: 0 0 5px;
 }
 
 .fc-title {
@@ -308,10 +309,12 @@
   font-size: 16px;
   letter-spacing: -.04em;
 
-  margin: 0;
+  margin: 0 0 5px;
 }
 
 .fc-title--highlight {
+  margin: 0;
+
   padding: 8px;
   background: #333;
   border-radius: 4px;
@@ -321,12 +324,11 @@
 }
 
 .fc-text {
+  margin: 0;
   line-height: 1.5;
 
   color: lighten(#111, 30%);
   font-size: 14px;
-
-  margin: 10px 0 0;
 }
 
 
@@ -520,14 +522,6 @@
       transform: translateY(-50%);
     }
   }
-
-  .fc-figure--small {
-    padding-bottom: 40%;
-  }
-
-  .fc-figure--large {
-    padding-bottom: 60%;
-  }
 }
 
 

data/app/views/rails_admin/main/featured_content.html.erb

@@ -24,25 +24,74 @@
   <% end %>
 
   <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '4'} do %>
+    <%= image_tag 'fc-snippet-one.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.one') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '5'} do %>
     <%= image_tag 'fc-snippet-two.jpg', class: 'fc-snippet__image' %>
     <span class="fc-snippet__caption">
       <%= t('admin.actions.featured_content.snippet.list_two') %>
     </span>
   <% end %>
 
-  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '5'} do %>
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '6'} do %>
     <%= image_tag 'fc-snippet-three.jpg', class: 'fc-snippet__image' %>
     <span class="fc-snippet__caption">
       <%= t('admin.actions.featured_content.snippet.list_three') %>
     </span>
   <% end %>
 
-  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '6'} do %>
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '7'} do %>
     <%= image_tag 'fc-snippet-four.jpg', class: 'fc-snippet__image' %>
     <span class="fc-snippet__caption">
       <%= t('admin.actions.featured_content.snippet.list_four') %>
     </span>
   <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '8'} do %>
+    <%= image_tag 'fc-snippet-float-one.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.float_one') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '9'} do %>
+    <%= image_tag 'fc-snippet-float-two.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.list_float_two') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '10'} do %>
+    <%= image_tag 'fc-snippet-float-three.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.list_float_three') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '11'} do %>
+    <%= image_tag 'fc-snippet-text-one.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.text_one') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '12'} do %>
+    <%= image_tag 'fc-snippet-text-two.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.list_text_two') %>
+    </span>
+  <% end %>
+
+  <%= link_to '#', class: 'fc-snippet__btn', data: {snippet: '13'} do %>
+    <%= image_tag 'fc-snippet-text-three.jpg', class: 'fc-snippet__image' %>
+    <span class="fc-snippet__caption">
+      <%= t('admin.actions.featured_content.snippet.list_text_three') %>
+    </span>
+  <% end %>
 </div>
 
 <%= simple_form_for rails_admin.featured_content_url(@abstract_model.to_param, id: @object.id), html: { class: 'fc-form' }, remote: false do |f| %>

data/config/initializers/assets.rb

@@ -3,6 +3,13 @@ Rails.application.config.assets.precompile += %w( fc-image-default.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-highlight.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-slide.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-text.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-one.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-two.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-three.jpg )
 Rails.application.config.assets.precompile += %w( fc-snippet-four.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-float-one.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-float-two.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-float-three.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-text-one.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-text-two.jpg )
+Rails.application.config.assets.precompile += %w( fc-snippet-text-three.jpg )

data/config/locales/featured_content.en.yml

@@ -19,6 +19,13 @@ en:
           targe: "Targe"
           title_large: "Title large"
           slide: "Slide"
-          list_two: "List with two"
-          list_three: "List with three"
-          list_four: "List with four"
+          one: "Block image"
+          list_two: "List with two block image"
+          list_three: "List with three block image"
+          list_four: "List with four block image"
+          float_one: "Float image"
+          list_float_two: "List with two float image"
+          list_float_three: "List with three float image"
+          text_one: "No image"
+          list_text_two: "List with two no image"
+          list_text_three: "List with three no image"

data/config/locales/featured_content.pt-BR.yml

@@ -19,6 +19,13 @@ pt-BR:
           targe: "Tarja"
           title_large: "Título grande"
           slide: "Slide"
-          list_two: "Lista com duas"
-          list_three: "Lista com três"
-          list_four: "Lista com quatro"
+          one: "Imagem em bloco"
+          list_two: "Lista com duas em bloco"
+          list_three: "Lista com três em bloco"
+          list_four: "Lista com quatro em bloco"
+          float_one: "Imagem fluída"
+          list_float_two: "Lista com duas fluídas"
+          list_float_three: "Lista com três fluídas"
+          text_one: "Sem imagem"
+          list_text_two: "Lista com duas sem imagem"
+          list_text_three: "Lista com três sem imagem"

data/lib/rails_admin_featured_content/version.rb

@@ -1,3 +1,3 @@
 module RailsAdminFeaturedContent
-  VERSION = "1.1.0".freeze
+  VERSION = "1.2.1".freeze
 end

data/spec/version_spec.rb

@@ -2,6 +2,6 @@ require 'spec_helper'
 
 describe RailsAdminFeaturedContent do
   it 'has a version number' do
-    expect(RailsAdminFeaturedContent::VERSION).to eq('1.1.0')
+    expect(RailsAdminFeaturedContent::VERSION).to eq('1.2.0')
   end
 end