cmor_testimonials 0.0.17.pre → 0.0.18.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c12e8a6b252d9be5a2d6d529c778ca0b1c7b706838781141b092135e33cc9258
-  data.tar.gz: 71416fbbfce7e35138b697887ced23f792b8b2b45a209ac210dee369599598c7
+  metadata.gz: c396a0e5491765c4b24076959b2786562c6242b9cc460a86a5b5d3370fe3b145
+  data.tar.gz: bd42b36c688d569bdf3204ff28f04f4d02ce988aed90086eeb738985cc7b5295
 SHA512:
-  metadata.gz: ccda5453df81c55fabc799452fb0c908da439adef5ec9ef0fd6926e5ac76ffbbac3c0b5117b6f75f7a95185dcb9cbf1be70276386d0f96afc34fd37449b19a03
-  data.tar.gz: f6916fc3bfbcd264395927e9e896b060649827a24cd7e71f0b66c51e500e27240a8f141c836a047206491b8665c3a8e62bcce5ea79b86ab3cc51162b62be8730
+  metadata.gz: b1f592a3755f15d60ca0fa6dc39a08e80cce9148c27b19a011f971687f78c9ccec338e658edb3e8c0a3aa939bbd2b011e27bcb783540b8df2dafebc6af1d88d4
+  data.tar.gz: 7225bc7f544c64ea0d8071433320820be5beae5024ad2f806e13935a879f3d7ba7eb07a1cc07adc821f842d8168c6fc99e2279c2614fff55bf98f8abdd02c466

data/app/assets/stylesheets/cmor/testimonials/application/carousel.css

@@ -1,15 +1,27 @@
-.cmor-testimonials-category .carousel-control-prev,
-.cmor-testimonials-category .carousel-control-next {
-  color: gray;
-}
-
-
-.carousel-control-prev:before {
+.cmor-testimonials-category .carousel-control-prev .control:before {
   content:"\2039";
   font-size: 250%;
 }
 
-.carousel-control-next:before {
+.cmor-testimonials-category .carousel-control-next .control:before {
   content:"\203A";
   font-size: 250%;
+}
+
+.cmor-testimonials-category .carousel-control-prev {
+  justify-content: flex-start;
+}
+
+.cmor-testimonials-category .carousel-control-next {
+  justify-content: flex-end;
+}
+
+.cmor-testimonials-category .testimonial,
+.cmor-testimonials-category .title {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.cmor-testimonials-category .testimonial {
+  font-style: italic;
 }

data/app/view_helpers/cmor/testimonials/application_view_helper.rb

@@ -4,17 +4,20 @@ module Cmor
       def render_category(category_or_identifier, options = {})
         default_variant_options = Cmor::Testimonials::Configuration.image_variant_options[:category]
         options.reverse_merge!(
-          autostart:       true,
-          interval:        5.0,
-          keyboard:        true,
-          pause:           :hover,
-          ride:            false,
-          wrap:            true,
-          controls:        true,
-          indicators:      false,
-          variant_options: default_variant_options,
-          font_awesome:    false,
-          show_image:      true
+          autostart:            true,
+          interval:             5.0,
+          keyboard:             true,
+          pause:                :hover,
+          ride:                 false,
+          wrap:                 true,
+          controls:             true,
+          indicators:           false,
+          variant_options:      default_variant_options,
+          font_awesome:         false,
+          show_image:           true,
+          control_html:         { class: 'text-dark' },
+          image_container_html: { class: 'col-12 text-center'},
+          text_container_html:  { class: 'col-12 text-center'},
         )
         category = if category_or_identifier.is_a?(Cmor::Testimonials::Category)
           category_or_identifier

data/app/views/cmor/testimonials/application_view_helper/_render_category.html.haml

@@ -1,4 +1,4 @@
-.cmor-testimonials-category.carousel.slide{class: dom_class(category), id: dom_id(category), data: { ride: 'carousel', interval: (options[:interval].to_f * 1000).to_i, keyboard: options[:keyboard].to_s, pause: options[:pause], wrap: options[:wrap].to_s } }
+.cmor-testimonials-category.carousel.slide{class: "#{dom_class(category)} #{category.identifier}", id: dom_id(category), data: { ride: 'carousel', interval: (options[:interval].to_f * 1000).to_i, keyboard: options[:keyboard].to_s, pause: options[:pause], wrap: options[:wrap].to_s } }
   - if options[:indicators]
     / Carousel indicators
     %ol.carousel-indicators
@@ -7,24 +7,29 @@
   / Wrapper for carousel items
   .carousel-inner
     - category.testimonials.published.each_with_index do |testimonial, i|
-      .item.carousel-item.text-center{ class: ((i == 0) ? 'active' : '') }
-        - if options[:show_image] && testimonial.image.respond_to?(:variant)
-          .img-box
-            %img.img-thumbnail.rounded-circle{:alt => "", :src => main_app.url_for(testimonial.image.variant(options[:variant_options])) }/
-        %p.testimonial= markup_helper(self).to_html(testimonial, :body)
-        %p.overview
-          - if testimonial.role.present?
-            = "<b>#{testimonial.fullname}</b>, #{testimonial.role} - #{testimonial.company}".html_safe
-          - else
-            = "<b>#{testimonial.fullname}</b> - #{testimonial.company}".html_safe
+      .item.carousel-item{ class: ((i == 0) ? 'active' : '') }
+        .row
+          - if options[:show_image] && testimonial.image.respond_to?(:variant)
+            .testimonial-image-container{ options[:image_container_html] }
+              %img.img-thumbnail.rounded-circle{ alt: "", src: main_app.url_for(testimonial.image.variant(options[:variant_options])) }/
+          .testimonial-text-container{ options[:text_container_html] }
+            %div.testimonial
+              = markup_helper(self).to_html(testimonial, :body)
+            %div.title
+              - if testimonial.role.present?
+                %p= "<b>#{testimonial.fullname}</b>, #{testimonial.role} - #{testimonial.company}".html_safe
+              - else
+                %p= "<b>#{testimonial.fullname}</b> - #{testimonial.company}".html_safe
   - if options[:controls]
-    %a.carousel-control-prev{"data-slide" => "prev", :href => "##{dom_id(category)}", :role => "button"}
+    %a.carousel-control-prev{options[:control_html], "data-slide" => "prev", :href => "##{dom_id(category)}", :role => "button"}
       - if options[:font_awesome]
         %i.fa.fa-angle-left
       - else
+        %span.control
         %span.sr-only= t('.previous')
-    %a.carousel-control-next{"data-slide" => "next", :href => "##{dom_id(category)}", :role => "button"}
+    %a.carousel-control-next{options[:control_html], "data-slide" => "next", :href => "##{dom_id(category)}", :role => "button"}
       - if options[:font_awesome]
         %i.fa.fa-angle-right
       - else
+        %span.control
         %span.sr-only= t('.next')

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cmor_testimonials
 version: !ruby/object:Gem::Version
-  version: 0.0.17.pre
+  version: 0.0.18.pre
 platform: ruby
 authors:
 - Eugen Müller
@@ -31,28 +31,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.0.17.pre
+        version: 0.0.18.pre
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.0.17.pre
+        version: 0.0.18.pre
 - !ruby/object:Gem::Dependency
   name: cmor_core_frontend
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.0.17.pre
+        version: 0.0.18.pre
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.0.17.pre
+        version: 0.0.18.pre
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement