c80_catoffers 0.1.0.2 → 0.1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4978d4f9ad6c30c3120a1f20f7e9b291051cd875
-  data.tar.gz: f3bbb51a38af6e9b37001c322014bd8a6fa179ca
+  metadata.gz: a6dbd0074caa473be1baafb8f7e7d66e2229db2d
+  data.tar.gz: df3c45d4db793127c49799c4f69b99c7f5066947
 SHA512:
-  metadata.gz: e963b8dd01b67113be7f656ccd29fde83dec1e83b0ce8a0873a1f7466093f12a47a41a3cb61598816b479d45f5dd32e55b5b54265b2d4545c4ad9e2314c2436e
-  data.tar.gz: 1dbad5650b777ac78dabb936f366de059501e70563beaa77b4b6e549b2cba0e2ad8f15886187b030b3d25c26ea765357091bd2fd3d51ade148d83ab5a1c6c713
+  metadata.gz: 4764a36f6d498badab978f4c2c40a98b01da95919b36ca9245e26504728ca56115afd2c7deb4445883db3057fb737bab651002943fa60eb7461cc0ae30f14a96
+  data.tar.gz: 47e9f2b06009f2b75d64f17841dcc2f29f143663b54a42d08f677a2a9a3440d7c5d9e7e0e29554d700a7ee9efde3d4160732c724832db6aef54f19b1cac2ca73

data/README.md

@@ -9,36 +9,28 @@ TODO: Delete this and the text above, and describe your gem
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'c80_catoffers'
+    gem 'c80_lazy_images', '0.1.0'
+    gem 'c80_catoffers'
 ```
 
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install c80_catoffers
-
-## Usage
-
 ```scss
-@import "c80_catoffers";
-@import "c80_catoffers_backend";
+    @import "c80_catoffers";
+    @import "c80_catoffers_backend";
 ```
 
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/c80_catoffers. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Host app's `application_controller.rb`:
+```
+      helper C80LazyImages::Engine.helpers
+      helper C80Catoffers::Engine.helpers
+```
 
+## Usage: helpers
 
-## License
+```
+render_offer_full_desc(offer_tag)
+render_offers_list_by_cat(category_tag)
+render_offers_list_grouped
+render_offers_list_iconed(css_style:'default', thumb_size:'thumb_sm')
 
-The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+```
 

data/app/assets/stylesheets/c80_catoffers/_mixins/default_li_iconed.scss

@@ -0,0 +1,31 @@
+/*NOTE:: подразумевается дефолтное использование с thumb_sm */
+
+@mixin default_li_iconed {
+  margin-bottom: 15px;
+
+  /* иконка категории в ссылке */
+  a.lazy-image-wrapper {
+    overflow: hidden;
+    float: left;
+    clear: left;
+
+    img {
+      max-width: 100%;
+      width: 100%;
+
+    }
+
+  }
+
+  /* название категории */
+  a.title {
+    padding-left: 10px;
+    display: inline-block;
+    float: left;
+    clear: right;
+    width: calc(100% - 80px); /*NOTE:: подразумевается дефолтное использование с thumb_sm */
+    overflow: hidden;
+
+  }
+
+}

data/app/assets/stylesheets/c80_catoffers/offer_list_iconed.scss

@@ -6,6 +6,7 @@ div.offer_list_iconed {
     list-style: none;
 
     li {
+      margin-bottom: 15px;
 
       /* иконка категории в ссылке */
       a.lazy-image-wrapper {
@@ -16,43 +17,18 @@ div.offer_list_iconed {
         img {
           max-width: 100%;
           width: 100%;
+
         }
 
       }
 
       /* название категории */
       a.title {
+        padding-left: 10px;
         display: inline-block;
         float: left;
         clear: right;
-      }
-
-    }
-
-  }
-
-  &.style_photostudio {
-
-    ul {
-
-
-      li {
-        margin-bottom: 13px;
-
-        /* иконка категории в ссылке */
-        a.lazy-image-wrapper {
-
-          img {
-
-          }
-
-        }
-
-        /* название категории */
-        a.title {
-          padding-left: 15px;
-          width: calc(100% - 80px);
-        }
+        width: calc(100% - 80px); /*NOTE:: подразумевается дефолтное использование с thumb_sm */
 
       }
 
@@ -65,10 +41,10 @@ div.offer_list_iconed {
     ul {
 
       li {
-        background-color: #dfffe4;
+        /*background-color: #dfffe4;*/
 
         a.lazy-image-wrapper {
-          background-color: #e2dfff !important;
+          background-color: #F8F8F8 !important;
         }
 
       }

data/app/assets/stylesheets/c80_catoffers/offer_list_iconed_columns.scss

@@ -0,0 +1,21 @@
+div.offer_list_iconed_columns {
+
+  div.column {
+    float: left;
+
+    ul {
+      margin:0;
+      padding:0;
+      list-style: none;
+
+      li {
+        @include default_li_iconed;
+        width: 100%;
+        margin-bottom: 8px;
+      }
+
+    }
+
+  }
+
+}

data/app/assets/stylesheets/c80_catoffers/offer_list_widget.scss

@@ -0,0 +1,28 @@
+div.offer_list_widget {
+
+  ul {
+
+    margin:0;
+    padding:0;
+    list-style: none;
+
+    > li {
+
+      float:left;
+      display: inline-block;
+      margin-right: 15px;
+
+      > * {
+        float: left;
+        clear: both;
+      }
+
+      a.lazy-image-wrapper {
+        background-color: #F8F8F8 !important;
+      }
+
+    }
+
+  }
+
+}

data/app/helpers/c80_catoffers/app_helper.rb

@@ -32,6 +32,52 @@ module C80Catoffers
 
     end
 
+    def render_offers_list_by_cat_iconed(category_tag, css_class_for_wrapper='default', thumb_size='thumb_sm')
+
+      offers = C80Catoffers::Offer.joins(:categories).where(:c80_catoffers_categories => {:slug => category_tag})
+
+      # выведем в 4 столбца
+      cols_count = 4
+      n = offers.count / cols_count+1
+
+      # соберём в этом массиве массивов
+      a = []
+
+      # создадим подмассивы
+      cols_count.times do |i|
+        a << []
+      end
+
+      # указатель на заполняемый подмассив
+      k = 0
+
+      # обойдём все предложения
+      offers.all.each_with_index do |offer, i|
+        Rails.logger.debug "[TRACE] offer_id = #{offer.id} in k=#{k} sub-array."
+        a[k] << offer
+        if i % n == 0 && i != 0 && k <= cols_count
+          k += 1
+          Rails.logger.debug "[TRACE] k++: #{k}"
+        end
+      end
+
+      # чтобы вёрстка не прыгала - зафиксируем размер картинки
+      css_wh = _calc_css_for_list_iconed(thumb_size)
+
+      #
+      css_for_column = "width:#{100/cols_count}%"
+
+      render :partial => 'c80_catoffers/offers_list_iconed_columns',
+             :locals => {
+                 list: a,
+                 wrapper_div_class: "offer_list_iconed_columns clearfix cols_count_#{cols_count} #{css_class_for_wrapper}",
+                 css_for_column: css_for_column,
+                 css_for_a: css_wh[:a_lazy_wrapper],
+                 css_for_title: css_wh[:title]
+             }
+
+    end
+
     def render_offers_list_grouped
 
       # результат соберём тут
@@ -52,42 +98,76 @@ module C80Catoffers
 
     end
 
+    ##
     # выведем линейный список категорий с иконками
-    def render_offers_list_iconed(css_style:'default')
+    #
+    # состав view:
+    #   иконка
+    #   кликабельное название
+    #
+    # параметрами можно добавить css стиль и указать размер иконки
+    #
+    # порядок элементов - определяется Offer.all_widgeted.def_order
+    # количество позиций - фиксированно: Prop.positions_count
+    #
+    # css class: offer_list_iconed
+    def render_offers_list_iconed(css_style:'default', thumb_size:'thumb_sm')
+      # Rails.logger.debug "[TRACE] <render_offers_list_iconed>"
 
       # свойства модуля
       p = Prop.first
 
-      # список категорий, которые надо вывести в виджете
-      list = Offer.all_widgeted.def_order
-
-      # сколько должно быть позиций?
-      positions_count = p.positions_count
-      # Rails.logger.debug "[TRACE] positions_count: #{positions_count}; list.count: #{list.count}"
-
-      # если всего в списке меньше, чем надо - добьём список слотами
-      if list.count < positions_count
-        delta = positions_count - list.count
-        delta.times do |i|
-          # Rails.logger.debug "[TRACE] Offer.new"
-          list << Offer.new({ title: '' })
-        end
-      end
+      # список категорий, которые надо вывести в виджете (со слотами)
+      list = _get_widgeted_offers_with_slots
 
       # чтобы вёрстка не прыгала - зафиксируем размер картинки
-      w = p.thumb_sm_width
-      h = p.thumb_sm_height
+      css_wh = _calc_css_for_list_iconed(thumb_size)
 
       render :partial => 'c80_catoffers/offers_list_iconed',
              :locals => {
                  list: list,
                  css_style_for_block: css_style,
-                 css_for_a: "width:#{w}px;height:#{h}px",
-                 css_for_title: "height:#{h}px;line-height:#{h}px"
+                 css_for_a: css_wh[:a_lazy_wrapper],
+                 css_for_title: css_wh[:title]
              }
 
 
     end
 
+    ##
+    # Построить линейный слотованный список предложений, каждое предложение
+    # в списке и представить в виде блока с указанным ВЕРТИКАЛЬНЫМ списком свойств +list_of_props+
+    #
+    def render_offers_widget(p_list_of_props, style='default', thumb_size='thumb_md')
+
+      # соберём слотованный список предложений
+      list_offers = _get_widgeted_offers_with_slots
+
+      # релевантный список списков значений указанных характеристик слотованного списка предложений
+      list_of_values = []
+
+      # обойдём этот список и для каждого предложения соберём релевантный список значений свойств
+      list_offers.each do |offer|
+
+        # соберём и обработаем значения нужных характеристик каждого предложения
+        vals = _proccess_list_of_props(p_list_of_props, offer)
+        list_of_values << vals
+      end
+
+      # чтобы вёрстка не прыгала - зафиксируем размер картинки
+      css_wh = _calc_css_for_list_widget(thumb_size)
+
+      render :partial => 'c80_catoffers/offers_list_widget',
+             :locals => {
+                 list_props: p_list_of_props,
+                 css_style_for_block: style,
+                 list_offers: list_offers,
+                 list_of_values_lists: list_of_values,
+                 css_for_a: css_wh[:a_lazy_wrapper],
+                 css_for_title: css_wh[:title]
+             }
+
+    end
+
   end
 end

data/app/helpers/c80_catoffers/inner/css_helper.rb

@@ -0,0 +1,121 @@
+module C80Catoffers
+  module Inner
+    module CssHelper
+
+      ##
+      # Помогает методу +render_offers_widget+ тем, что содержит код,
+      # перебирающий имена свойств из +list_of_props+,
+      # находит значения в элементе +offer+,
+      # и возвращает релевантный список значений
+
+      def _proccess_list_of_props(list_of_props, offer)
+
+        # результат соберём тут
+        list_of_values = []
+
+        # переберём имена свойств, подберём для каждого значение
+        list_of_props.each_with_index do |prop_name, index|
+          prop_value = offer.try(prop_name)
+          unless prop_value.present?
+            prop_value = 'Значение не определено'
+          end
+          list_of_values << prop_value
+        end
+
+        list_of_values
+
+      end
+
+      ##
+      # Помогает методам этого хелпер-модуля: выдаёт слотованный список предложений,
+      # которые необходимо вывести в виджете.
+      #
+
+      def _get_widgeted_offers_with_slots
+
+        # свойства модуля
+        p = Prop.first
+
+        # результат соберём тут список категорий, которые надо вывести в виджете
+        list = Offer.all_widgeted.def_order
+
+        # сколько должно быть позиций?
+        positions_count = p.positions_count
+        # Rails.logger.debug "[TRACE] positions_count: #{positions_count}; list.count: #{list.count}"
+
+        # если всего в списке меньше, чем надо - добьём список слотами
+        if list.count < positions_count
+          delta = positions_count - list.count
+          delta.times do |i|
+            # Rails.logger.debug "[TRACE] Offer.new"
+            list << Offer.new({
+                                  title: "Свободное место №#{i}",
+                                  price: 'Цену уточняйте в админке',
+                                  short_desc: 'Описание не указано'
+                              }
+            )
+          end
+        end
+
+        list
+
+      end
+
+      ##
+      # Спец-метод узкого назначения - формирует css стиль, фиксирует габариты ссылки-конейнера,
+      # в которую помещена картинка.
+      # Также, предполагает, что СЛЕВА/СПРАВА от картинки располагается блок типа title,
+      # и для таких блоков фиксируется ВЫСОТА (подгоняется под ВЫСОТУ картинки)
+
+      def _calc_css_for_list_iconed(thumb_size)
+
+        # свойства модуля
+        p = Prop.first
+
+        # css_for_a: ,
+        # css_for_title:
+
+        # чтобы вёрстка не прыгала - зафиксируем размер картинки
+        w = p.send("#{thumb_size}_width") #.thumb_sm_width
+        h = p.send("#{thumb_size}_height") #.thumb_sm_height
+
+        res = {
+            :a_lazy_wrapper => "width:#{w}px;height:#{h}px",
+            :title => "height:#{h}px;line-height:#{h}px"
+        }
+
+        # Rails.logger.debug "[TRACE] <_calc_css_for_list_iconed> #{res}"
+        res
+
+      end
+
+      ##
+      # Спец-метод узкого назначения - формирует css стиль, фиксирует габариты ссылки-конейнера,
+      # в которую помещена картинка и ШИРИНУ соседних элементов списка.
+
+      def _calc_css_for_list_widget(thumb_size)
+
+        # свойства модуля
+        p = Prop.first
+
+        # css_for_a: ,
+        # css_for_title:
+
+        # чтобы вёрстка не прыгала - зафиксируем размер картинки
+        w = p.send("#{thumb_size}_width") #.thumb_sm_width
+        h = p.send("#{thumb_size}_height") #.thumb_sm_height
+
+        res = {
+            :a_lazy_wrapper => "width:#{w}px;height:#{h}px",
+            :title => "width:#{w}px"
+        }
+
+        # Rails.logger.debug "[TRACE] <_calc_css_for_list_iconed> #{res}"
+        res
+
+      end
+
+
+    end
+  end
+end

data/app/models/c80_catoffers/offer.rb

@@ -49,6 +49,7 @@ module C80Catoffers
       self.joins(:props)
     end
 
+    # NOTE:: пока используется в list_iconed, устарел, т.к. появился ophoto_thumb
     def ophoto_thumb_sm
       res = ''
       if ophotos.count > 0
@@ -57,6 +58,16 @@ module C80Catoffers
       res
     end
 
+    # выдать обложку предложения указанного размера
+    # используется, например, при формировании списка предложений с картинками в виджете
+    def ophoto_thumb(thumb_size='thumb_sm')
+      res = ''
+      if ophotos.count > 0
+        res = ophotos.first.image_thumb(thumb_size)
+      end
+      res
+    end
+
   end
 
 end

data/app/models/c80_catoffers/ophoto.rb

@@ -3,6 +3,16 @@ module C80Catoffers
 
     belongs_to :offer
     mount_uploader :image, OphotoUploader
+
+    # выдать картинку указанного размера
+    def image_thumb(thumb_size)
+      res = ''
+      if image.present?
+        res = image.send("#{thumb_size}")
+      end
+    end
+
+
   end
 
-end
+end

data/app/uploaders/c80_catoffers/ophoto_uploader.rb

@@ -26,6 +26,20 @@ module C80Catoffers
       }
     end
 
+    version :thumb_md do
+      Proc.new {
+        p = C80Catoffers::Prop.first
+        process :resize_to_fill => [p.thumb_md_width, p.thumb_md_height]
+      }
+    end
+
+    version :thumb_lg do
+      Proc.new {
+        p = C80Catoffers::Prop.first
+        process :resize_to_fill => [p.thumb_lg_width, p.thumb_lg_height]
+      }
+    end
+
     def store_dir
       'uploads/oimages'
     end

data/app/views/c80_catoffers/_offers_list_iconed.html.erb

@@ -4,10 +4,10 @@
   <ul class="clearfix">
     <% list.each do |offer| %>
         <li class="clearfix">
-          <% Rails.logger.debug "[TRACE] #{offer}" %>
+          <%# Rails.logger.debug "[TRACE] #{offer}" %>
           <%= render_image_link_lazy({
                                              :alt_image => offer.title,
-                                             :image => offer.ophoto_thumb_sm,
+                                             :image => offer.ophoto_thumb,
                                              :a_href => my_url_for_offer(offer),
                                              :a_class => '',
                                              :a_css_style => css_for_a,

data/app/views/c80_catoffers/_offers_list_iconed_columns.html.erb

@@ -0,0 +1,29 @@
+<%# выдать линейный список предложений с иконками СТОЛБЦАМИ %>
+<div class='<%= wrapper_div_class %>'>
+
+  <% list.each_with_index do |list_in_column, i| %>
+
+    <div class="column_<%= i %> clearfix column" style="<%= css_for_column %>">
+      <ul>
+
+        <% list_in_column.each do |offer|%>
+            <li class="clearfix">
+              <%= render_image_link_lazy({
+                                                 :alt_image => offer.title,
+                                                 :image => offer.ophoto_thumb,
+                                                 :a_href => my_url_for_offer(offer),
+                                                 :a_class => '',
+                                                 :a_css_style => css_for_a,
+                                                 :a_rel => 'nofollow'
+                                         }) %>
+
+              <%= link_to offer.title, my_url_for_offer(offer), title: offer.title, style: css_for_title, class: 'title' %>
+            </li>
+        <% end %>
+
+      </ul>
+    </div>
+
+  <% end %>
+
+</div>

data/app/views/c80_catoffers/_offers_list_widget.html.erb

@@ -0,0 +1,56 @@
+<%  # выдать линейный слотованный список предложений, каждое предложение
+    # в списке представить в виде блока с указанным списком свойств +list_props+
+%>
+
+<div class="offer_list_widget clearfix list_count_<%= list_offers.count %> <%= css_style_for_block %>">
+
+  <ul class="clearfix">
+
+    <%# перебираем предложения, формируем список %>
+    <% list_offers.each_with_index do |offer, offer_index| %>
+        <li class="clearfix">
+
+        <%# перебираем все имена свойств и для каждого предложения строим список %>
+        <% list_props.each_with_index do |prop_name, prop_index| %>
+
+            <%# ради возможных стилизаций будем вести счетчик и впишем его в класс каждого блока свойства %>
+            <% prop_name_counter_class = "pr_#{prop_index}" %>
+
+            <%# NOTE:: переберём имена свойств и под каждое применим свои правила форматирования %>
+
+            <%# обложку предложения помещаем в ссылку и делаем lazy %>
+            <% if prop_name['thumb'].present? %>
+                <%= render_image_link_lazy({
+                                                   :alt_image => offer.title,
+                                                   :image => offer.ophoto_thumb(prop_name), # prop_name = thumb_sm, например
+                                                   :a_href => my_url_for_offer(offer),
+                                                   :a_class => prop_name_counter_class,
+                                                   :a_css_style => css_for_a,
+                                                   :a_rel => 'nofollow'
+                                           }) %>
+
+            <%# название обложки делаем кликабельным %>
+            <% elsif prop_name['title'].present? %>
+                  <%= link_to offer.title,
+                              my_url_for_offer(offer),
+                              title: offer.title,
+                              style: css_for_title,
+                              class: "title #{prop_name_counter_class}"
+                  %>
+
+            <%# остальные свойства выводим стопкой именованных дивов %>
+            <% else %>
+                      <div class="<%= "#{prop_name} #{prop_name_counter_class}" %>" style="<%= css_for_title %>">
+                        <%= list_of_values_lists[offer_index][prop_index] %> <%# NOTE:: извлекаем значение prop_index-свойства для offer_index-предложения %>
+                      </div>
+            <% end %>
+
+            <%# NOTE:: закончили перебирать имена свойств %>
+
+        <% end %>
+
+        </li>
+    <% end %>
+  </ul>
+
+</div>

data/db/migrate/20161023115252_c80_catoffers_add_thumb_md_to_props.rb

@@ -0,0 +1,8 @@
+class C80CatoffersAddThumbMdToProps < ActiveRecord::Migration
+  def change
+    add_column :c80_catoffers_props, :thumb_md_width, :integer
+    add_column :c80_catoffers_props, :thumb_md_height, :integer
+    add_column :c80_catoffers_props, :thumb_lg_width, :integer
+    add_column :c80_catoffers_props, :thumb_lg_height, :integer
+  end
+end

data/db/seeds/c80_catoffers_01_fill_props.rb

@@ -2,12 +2,16 @@
 
 C80Catoffers::Prop.delete_all
 C80Catoffers::Prop.create!({
-                               per_row:3,
-                               preview_width:250, # NOTE:: [x090] синхронизировано с css
-                               preview_height:164, # NOTE:: [x090] синхронизировано с css
-                               big_one_width:621, # NOTE:: [x090] синхронизировано с css
-                               big_one_height: 377, # NOTE:: [x090] синхронизировано с css
-                               thumb_sm_width:80,
-                               thumb_sm_height: 50,
+                               per_row:         3,
+                               preview_width:   80,     # NOTE:: размер иконки в iconed списке # NOTE:: [x090] синхронизировано с css
+                               preview_height:  50,    # NOTE:: размер иконки в iconed списке # NOTE:: [x090] синхронизировано с css
+                               big_one_width:   621,     # NOTE:: [x090] синхронизировано с css
+                               big_one_height:  377,    # NOTE:: [x090] синхронизировано с css
+                               thumb_sm_width:  80,     # NOTE:: просто стандартный размер
+                               thumb_sm_height: 50,     # NOTE:: просто стандартный размер
+                               thumb_md_width:  250,     # NOTE:: просто стандартный размер
+                               thumb_md_height: 160,     # NOTE:: просто стандартный размер
+                               thumb_lg_width:  1000,     # NOTE:: просто стандартный размер
+                               thumb_lg_height: 550,    # NOTE:: просто стандартный размер
                                positions_count: 4
                            })

data/db/seeds/c80_catoffers_02_fill_offers.rb

@@ -0,0 +1,99 @@
+# rake db:seed:x03_fill_offers
+
+desc_1 = '<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>'
+desc_2 = '<p>Quis autem vel eum iure reprehenderit qui in <strong>ea voluptate velit esse</strong> quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+<p>Sed ut perspiciatis unde omnis iste <a href="http://google.com">natus error</a> sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>'
+desc_3 = '<p>Sed ut perspiciatis unde omnis iste <a href="http://google.com">natus error</a> sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+<ul>
+    <li>aliquam quaerat voluptatem;</li>
+    <li>Quis autem vel eum iure reprehenderit;</li>
+    <li>Nemo enim ipsam voluptatem quia voluptas;</li>
+</ul>'
+desc_4 = '<p>Quis autem vel eum iure reprehenderit qui in <strong>ea voluptate velit esse</strong> quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+<p>Sed ut perspiciatis unde omnis iste <a href="http://google.com">natus error</a> sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+<ul>
+    <li>aliquam quaerat voluptatem;</li>
+    <li>Quis autem vel eum iure reprehenderit;</li>
+    <li>Nemo enim ipsam voluptatem quia voluptas;</li>
+</ul>
+<h4>De Finibus Bonorum et Malorum</h4>
+<p>Duis aute <a href="http://google.com">irure dolor</a> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? </p>
+<blockquote>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (Cicero,45 BC)</blockquote>
+<p>At vero eos et accusamus et iusto odio <em>dignissimos ducimus</em> qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>'
+desc_5 = '<p>Nemo enim <a href="http://google.com">ipsam voluptatem </a> quia voluptas sit voluptatem accusantium doloremque lum.</p>'
+desc_6 = '<p>Sed ut perspiciatis unde omnis iste <a href="http://google.com">natus error</a> sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+<ul>
+    <li>aliquam quaerat voluptatem;</li>
+    <li>Quis autem vel eum iure reprehenderit;</li>
+    <li>Nemo enim ipsam voluptatem quia voluptas;</li>
+</ul>'
+desc_7 = '<p>Quis autem vel eum iure reprehenderit qui in <strong>ea voluptate velit esse</strong> quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+<p>Sed ut perspiciatis unde omnis iste <a href="http://google.com">natus error</a> sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+<ul>
+    <li>aliquam quaerat voluptatem;</li>
+    <li>Quis autem vel eum iure reprehenderit;</li>
+    <li>Nemo enim ipsam voluptatem quia voluptas;</li>
+</ul>
+<h4>De Finibus Bonorum et Malorum</h4>
+<p>Duis aute <a href="http://google.com">irure dolor</a> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? </p>
+'
+
+C80Catoffers::Offer.delete_all
+C80Catoffers::Offer.create!([
+                                {
+                                    id:1,
+                                    ord:20,
+                                    title:'Установка розеток',
+                                    short_desc:'Nemo ipsam nulita lagua voluptatem',
+                                    desc: desc_7,
+                                    price: '400 руб'
+                                },
+                                {
+                                    id:2,
+                                    ord:20,
+                                    title:'Установка выключателей',
+                                    short_desc:'Deserunt mollitia ipsam',
+                                    desc: desc_6,
+                                    price: '500 руб'
+                                },
+                                {
+                                    id:3,
+                                    ord:30,
+                                    title:'Установка internet розетки',
+                                    short_desc:'Nemo enim ipsam voluptatem quia',
+                                    desc: desc_5,
+                                    price: '500 руб'
+                                },
+                                {
+                                    id:4,
+                                    ord:40,
+                                    title:'Установка TV розетки',
+                                    short_desc:'Quis autem vel eum',
+                                    desc: desc_4,
+                                    price: '400 руб'
+                                },
+                                {
+                                    id:5,
+                                    ord:50,
+                                    title:'Установка бокса на 12 модулей',
+                                    short_desc:'Duis aute irure dolor',
+                                    desc: desc_3,
+                                    price: '1700 руб'
+                                },
+                                {
+                                    id:6,
+                                    ord:60,
+                                    title:'Прокладка проводов в штробе',
+                                    short_desc:'Deserunt mollitia animi',
+                                    desc: desc_2,
+                                    price: '1500 руб'
+                                },
+                                {
+                                    id:7,
+                                    ord:70,
+                                    title:'Установка устройства уравнения потенциалов',
+                                    short_desc:'At vero eos et accusamus',
+                                    desc: desc_1,
+                                    price: '228 руб'
+                                }
+                            ])

data/lib/c80_catoffers/version.rb

@@ -1,3 +1,3 @@
 module C80Catoffers
-  VERSION = "0.1.0.2"
+  VERSION = "0.1.0.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: c80_catoffers
 version: !ruby/object:Gem::Version
-  version: 0.1.0.2
+  version: 0.1.0.3
 platform: ruby
 authors:
 - C80609A
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-10-10 00:00:00.000000000 Z
+date: 2016-11-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -71,13 +71,17 @@ files:
 - app/assets/javascripts/c80_catoffers.js.coffee
 - app/assets/javascripts/c80_catoffers/offer_full_desc.js
 - app/assets/stylesheets/c80_catoffers.scss
+- app/assets/stylesheets/c80_catoffers/_mixins/default_li_iconed.scss
 - app/assets/stylesheets/c80_catoffers/offer_full_desc.scss
 - app/assets/stylesheets/c80_catoffers/offer_full_desc_slick_custom.scss
 - app/assets/stylesheets/c80_catoffers/offer_list_grouped.scss
 - app/assets/stylesheets/c80_catoffers/offer_list_iconed.scss
+- app/assets/stylesheets/c80_catoffers/offer_list_iconed_columns.scss
+- app/assets/stylesheets/c80_catoffers/offer_list_widget.scss
 - app/assets/stylesheets/c80_catoffers_backend.scss
 - app/assets/stylesheets/c80_catoffers_backend/page_admin_props.scss
 - app/helpers/c80_catoffers/app_helper.rb
+- app/helpers/c80_catoffers/inner/css_helper.rb
 - app/helpers/c80_catoffers/urls_helper.rb
 - app/models/c80_catoffers/category.rb
 - app/models/c80_catoffers/offer.rb
@@ -88,6 +92,8 @@ files:
 - app/views/c80_catoffers/_offers_list_by_cat.html.erb
 - app/views/c80_catoffers/_offers_list_grouped.html.erb
 - app/views/c80_catoffers/_offers_list_iconed.html.erb
+- app/views/c80_catoffers/_offers_list_iconed_columns.html.erb
+- app/views/c80_catoffers/_offers_list_widget.html.erb
 - bin/console
 - bin/setup
 - c80_catoffers.gemspec
@@ -100,9 +106,10 @@ files:
 - db/migrate/20161008123434_c80_catoffers_add_thumb_sm_to_props.rb
 - db/migrate/20161008134848_c80_catoffers_add_join_table_offers_props.rb
 - db/migrate/20161008151414_c80_catoffers_add_positions_count_to_props.rb
+- db/migrate/20161023115252_c80_catoffers_add_thumb_md_to_props.rb
 - db/seeds/c80_catoffers_01_fill_props.rb
+- db/seeds/c80_catoffers_02_fill_offers.rb
 - db/seeds/x02_fill_categories.rb
-- db/seeds/x03_fill_offers.rb
 - lib/c80_catoffers.rb
 - lib/c80_catoffers/engine.rb
 - lib/c80_catoffers/version.rb

data/db/seeds/x03_fill_offers.rb

@@ -1,20 +0,0 @@
-# rake db:seed:x03_fill_offers
-
-C80Catoffers::Offer.delete_all
-C80Catoffers::Offer.create!([
-                               {
-                                   id:1,
-                                   ord:20,
-                                   title:'Фотоуслуги'
-                               },
-                               {
-                                   id:2,
-                                   ord:20,
-                                   title:'Фотокурсы'
-                               },
-                               {
-                                   id:3,
-                                   ord:30,
-                                   title:'Услуги визажиста'
-                               }
-                           ])