breeze_cms 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f9e5223e9803e23cbf7eaa43ceade1e390ca57c00be935d615963dd014edad1a
-  data.tar.gz: 5cdad7b32634b3b2593be5c96e92b19a084a26803a0926a4e645b6ffce224a62
+  metadata.gz: 0ba08a0e333284d5d591c49c10a088411353a4469a51b63c6d471343459983af
+  data.tar.gz: e96dad08ce51904be0fc2bb0bf57e5520a3cbfe42c61286e7ae40720e18590cc
 SHA512:
-  metadata.gz: 8b2dab3efcd663abe6b3d486a67c8220042773b07900a155f7e13a8a5849d0953eb82c551cf1e63edffd223ee9a2bf4014e64f5695f217ae2c3edc970a3a6893
-  data.tar.gz: 7a98375009528f06d7857c9cc3778bf4b7c9b52c47e0c232b38a19327db2f3bda22eb9a22cd319db8904ec775af39eb4f3db109ad4aa07e1f3f77e1fd3864294
+  metadata.gz: d1261b892056365a77c59fa412f64e088a74ddc84296d6c2ba3ee7442a56914973ae49c87b26d531b5b6154447836c56db4b7524a11ec58d5c0d32066db2e6ab
+  data.tar.gz: 4fdc3af31bb3d690e4fc7d1cfcfa13d3a7d34a9458350424a001fc9dd9b233b8954566b9892cb598d6134c99c6f2c1d19f0ca710c628d314ed6cfb56ab078107

data/app/controllers/breeze/images_controller.rb

@@ -48,6 +48,8 @@ module Breeze
       @cards = Card.find_all(:image_id, params[:id].to_i)
       @used = ((@cards.length > 0) || (@sections.length > 0))
       @image_data = @image.data
+      @global_scale = get_scale(@image)
+      puts @global_scale
     end
 
     def copy
@@ -75,17 +77,28 @@ module Breeze
 
     private
 
+    def get_scale(image)
+      x_scale = (image.width  / 1700.0).ceil
+      y_scale = (image.height / 1000.0).ceil
+      [x_scale , y_scale].max
+    end
+
     def get_images
       images = Image.all
-      return images unless params[:unused]
+      return images if params[:unused].nil?
       hash = images.collect{|i| [i.id , i ] }.to_h
       Section.all.each{ |s| hash.delete(s.image&.id)}
       Card.all.each{ |s| hash.delete(s.image&.id)}
-      hash.values
+      return hash.values if params[:unused] == "true"
+      all = images.collect{|i| [i.id , i ] }.to_h
+      hash.each_key{|i| all.delete(i)}
+      all.values
     end
+
     def set_image
       @image = Image.find(params[:id] || params[:image_id])
     end
+
     def determine_redirect(image)
       if(params[:section_id])
         view_context.section_set_image_url(params[:section_id],image_id: image.id )

data/app/controllers/breeze/pages_controller.rb

@@ -20,7 +20,7 @@ module Breeze
       if( !params[:name].blank?  && (params[:name] != @page.name))
         @page.set_name params[:name]
       end
-      @page.update_options( params[:options])
+      @page.update_present_options( params[:options])
       @page.edit_save(current_member_email)
       message = "Saved"
       redirect_to page_url(@page) , notice: message

data/app/controllers/breeze/sections_controller.rb

@@ -62,7 +62,7 @@ module Breeze
     def set_card_template
       card_template = params[:card_template]
       raise "no card template given" if card_template.blank?
-      @section.card_template = card_template
+      @section.set_card_template( card_template )
       @section.edit_save(current_member_email)
       redirect_to section_url(@section.id)
     end

data/app/helpers/breeze/images_helper.rb

@@ -5,13 +5,19 @@ module Breeze
     def text_for_index
       if(section_id)
         section = Section.find(section_id)
-        "Select image for Section #{section.index} : #{section.header}"
-      elsif(card_id)
+        return "Select image for Section #{section.index} : #{section.header}"
+      end
+      if(card_id)
         card = Card.find(card_id)
-        "Select image for Card #{card.index} : #{card.header}"
-      else
-        "All Images"
+        return "Select image for Card #{card.index} : #{card.header}"
+      end
+      if(params[:unused].nil?)
+        return "All Images"
+      end
+      if(params[:unused] == "true")
+        return "Unused Images"
       end
+      return "Used Images"
     end
 
     def text_for_new

data/app/helpers/breeze/options_helper.rb

@@ -38,7 +38,7 @@ module Breeze
 
     def order_option(section , clazz = "")
       if section.has_option?("order")
-        clazz += " order-last" if section.option('order') == "right"
+        clazz += " md:order-last" if section.option('order') == "right"
       end
       {class: clazz}
     end

data/app/helpers/breeze/view_helper.rb

@@ -2,6 +2,31 @@ module Breeze
   module ViewHelper
     include BreezeHelper
 
+    def title
+      @page.options ? @page.options["title"]  : ""
+    end
+
+    def description
+      @page.options ?  @page.options["description"] : ""
+    end
+
+    def breeze_meta_tags
+      metas = "<title> #{title}</title>\n" +
+      "<meta name='description' content='#{description}' />" +
+      breeze_fb_tags
+      metas.html_safe
+    end
+
+    # private, just breaking it up. Returns not safe string
+    def breeze_fb_tags
+      return "" unless @page.options
+      image = Image.find( @page.options["main_image"] )
+      return "" unless image
+      image_path =  asset_path("breeze/" + image.id.to_s + "." + image.type)
+      "\n<meta property='og:image' content='http://nomads.feenix.community#{image_path}' />" +
+      "\n<meta property='og:image:secure_url' content='https://nomads.feenix.community#{image_path}' />"
+    end
+
     def current_lang
       params[:lang]
     end

data/app/models/breeze/section.rb

@@ -51,6 +51,7 @@ module Breeze
     def set_template(new_template)
       self.template = new_template
       new_style = template_style
+      add_default_options
       if(new_style.has_cards?)
         if card_template.blank?
           self.card_template = CardStyle.first.template
@@ -58,6 +59,10 @@ module Breeze
       end
     end
 
+    def set_card_template(new_template)
+      self.card_template = new_template
+    end
+
     def allowed_fields
       super + [:page_id]
     end

data/app/models/breeze/shared_base.rb

@@ -14,7 +14,7 @@ module Breeze
       breeze_path = Breeze::Engine.root.join("config")
       breeze_res = YAML.load(File.read(File.join(breeze_path , fullname )))
 
-      res + breeze_res
+      breeze_res + res
     end
   end
 end

data/app/models/breeze/view_base.rb

@@ -26,7 +26,7 @@ module Breeze
       last = Time.now
       last_section = nil
       elements.each do |section|
-        if( section.updated_at < last )
+        if( section.updated_at > last )
           last = section.updated_at
           last_section = section
         end
@@ -58,13 +58,14 @@ module Breeze
         year = value[:year] || Time.new.year
         value = Time.new( year.to_i , value[:month] , value[:day]).to_date
       end
-      safe_options[option] = value
+      safe_options[option] = value.to_s
     end
 
     def add_default_options( definitions = nil )
       definitions = option_definitions if definitions.nil?
       definitions.each do |option|
         next unless option.default
+        next unless option(option.name).blank?
         set_option( option.name , option.default)
       end
     end
@@ -90,6 +91,14 @@ module Breeze
         set_option(option.name,  options[option.name])
       end
     end
+    def update_present_options( options )
+      return unless options
+      option_definitions.each do |option|
+        next unless options.has_key?(option.name)
+        set_option(option.name,  options[option.name])
+      end
+    end
+
     #other may be nil
     def swap_index_with(other)
       return unless other

data/app/views/breeze/images/_editor.haml

@@ -1,27 +1,26 @@
-%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"}
 
 %section.image
   .flex.justify-between.mx-20
     .flex.justify-between
       %div.justify-self-start.ml-20.mr-10
-        %b Presets
-        600
-        %input{ name: :pre, type: "radio", value: "600", "v-on:input": "handle_preset($event)" }/
-        800
-        %input{ name: :pre, type: "radio", value: "800", "v-on:input": "handle_preset($event)" }/
-        1800
-        %input{ name: :pre, type: "radio", value: "1800", "v-on:input": "handle_preset($event)" }/
-        %br
         %b Scale {{scaled_x}} x {{scaled_y}}
+        %select.ml-4.mb-2.form-control{ "v-on:input": "handle_preset($event)" }
+          %option{  } Select a preset
+          %option{ value: "600", "v-on:input": "handle_preset($event)" } Card 600
+          %option{ value: "800", "v-on:input": "handle_preset($event)" } Half 800
+          %option{ value: "1200", "v-on:input": "handle_preset($event)" } 2/3  1200
+          %option{ value: "1800", "v-on:input": "handle_preset($event)" } Full 1800
+
         %br/
         %input{":min": 20 , ":max": 100 , ":step": 0.1 , :type => "range",
                 "v-bind:value": "scale" , "v-on:input" => "handle_scale($event)"}/
 
       = form_tag( breeze.image_scale_path(image_id: image.id) ) do
         %input{ hidden: true ,  id: :scale_id , name: :scale , "v-bind:value": "scale" }
-        %button.my-3.button.change Scale  {{scale}} %
+        %button.button.change Scale  {{scale}} %
 
-    %div.mt-2
+    %div
       %b.pr-2 Ratio
       %br/
       %em    {{ratio}} : 1
@@ -31,9 +30,9 @@
       %input{ hidden: true ,  id: :height_id , name: :size_y , "v-bind:value": "size_y" }
       %input{ hidden: true ,  id: :off_x_id , name: :off_x , "v-bind:value": "off_x" }
       %input{ hidden: true ,  id: :off_y_id , name: :off_y , "v-bind:value": "off_y" }
-      %button.my-3.button.change Crop
+      %button.button.change Crop
 
-    %div.mt-2.ml-32
+    %div.ml-32
       %b.pr-2 Fix ratio to
       %select{ "@change": "set_ratio"}
         %option{value: "0" } Any Ratio
@@ -44,11 +43,6 @@
 
   .flex.justify-between.mb-5
     %div.ml-20
-      %b Y Offset {{off_y}}
-      %br/
-      %input.horizontal{":min": 0 , ":max": "#{image.height}", ":step": 1 , :type => "range",
-              "v-bind:value": "off_y" , "v-on:input" => "handle_off_y($event)"}
-    %div
       %b X Offset {{off_x}}
       %br/
       %input{":min": 0 , ":max": "#{image.width}", ":step": 1 , :type => "range",
@@ -58,16 +52,21 @@
       %br/
       %input{":min": 0 , ":max": "#{image.width}", ":step": 1 , :type => "range",
               "v-bind:value": "size_x" , "v-on:input" => "handle_size_x($event)"}
-    %div.mr-20
+    %div
       %b Y Size {{size_y.toFixed(0)}}
       %br
       %input.horizontal{":min": 0 , ":max": "#{image.height}", ":step": 1 , :type => "range",
               "v-bind:value": "size_y" , "v-on:input" => "handle_size_y($event)"}
+    %div.mr-20
+      %b Y Offset {{off_y}}
+      %br/
+      %input.horizontal{":min": 0 , ":max": "#{image.height}", ":step": 1 , :type => "range",
+              "v-bind:value": "off_y" , "v-on:input" => "handle_off_y($event)"}
 
   .flex.justify-center
-    .image-container.overflow-hidden.relative{ "v-bind:style": "{height: scaled_y + 'px' , width: scaled_x + 'px'} " }
-      = image_tag(image.asset_name , class: "")
-      .absolute.bg-transparent.border-4.border-black{ "v-bind:style": "{height: size_y + 'px' , width: size_x + 'px' , top: off_y + 'px', left: off_x + 'px' }" }
+    .image-container.overflow-hidden.relative{ "v-bind:style": "{height: (scaled_y/global_scale) + 'px' , width: (scaled_x/global_scale) + 'px'} " }
+      = image_tag(image.asset_name , class: "" , width: (@image.width / @global_scale).to_i , height: (@image.height/@global_scale).to_i)
+      .absolute.bg-transparent.border-4.border-black{ "v-bind:style": "{height: (size_y/global_scale).toFixed() + 'px' , width: (size_x/global_scale).toFixed() + 'px' , top: (off_y/global_scale).toFixed() + 'px', left: (off_x/global_scale).toFixed() + 'px' }" }
 
 :ruby2js
   class Images < Vue
@@ -76,6 +75,7 @@
       @image_data = #{@image_data.to_json.html_safe}
       @off_x = 0
       @off_y = 0
+      @global_scale = "#{@global_scale}"
       @scale = 100
       @size_x = @image_data[:width]
       @size_y = @image_data[:height]

data/app/views/breeze/images/index.haml

@@ -1,4 +1,4 @@
-%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"}
 
 .mx-6.md:mx-12.mx-20.flex.h-16.items-center.gap-16.justify-between
   .flex.gap-20
@@ -7,8 +7,10 @@
 
     = link_to(breeze.new_image_path(new_link_params) ) do
       .button.action New Image
-  = link_to(breeze.images_path(unused: true) ) do
-    .button.action Show unused Images
+    = link_to(breeze.images_path(unused: false) ) do
+      .button.bg-cyan-100 Show used
+    = link_to(breeze.images_path(unused: true) ) do
+      .button.bg-orange-100 Show unused
 
 .images
   .flex.justify-center.gap-4
@@ -45,7 +47,7 @@
         %strong.inline-block.rounded.bg-orange-50.px-3.py-1.text-md.font-medium
           {{image.updated_at}}
         %strong.rounded.h-10.bg-orange-50.px-5.py-2.font-medium
-          {{image.tags}}
+          {{image.type}}
 
 .hidden.list
   -@images.each do |image|

data/app/views/breeze/images/show.haml

@@ -1,9 +1,9 @@
-%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"}
 
 .mx-6.md:mx-12.mx-20.flex.h-16.items-center.gap-16
   .text-xl.font-bold.text-gray-900
     Image: #{@image.name}
-
+    = @global_scale
   = form_tag( breeze.image_copy_path(@image.id)  , method: :post) do
     %button.mx-40.button.change Copy
 
@@ -25,7 +25,10 @@
     %p.align-center Not used
     = form_tag( breeze.image_path(@image.id) , {method: :delete  } ) do
       %button.button.remove{type: :submit} Delete
-
+  .m-2.bg-cyan-200
+    - if(@global_scale > 1)
+      Downscaled by
+      = @global_scale
 
 .flex.m-20
   .left.flex.gap-2.mt-3

data/app/views/breeze/pages/show.haml

@@ -1,83 +1,73 @@
 - @page.sections.each do |section|
   = render_section( section )
 
-.mx-6.md:mx-12.mx-20.flex.h-16.items-center.gap-16
+.grid.grid-cols-4.mx-20.md:mx-12.gap-8.mt-8
   .text-xl.font-bold.text-gray-900
     = @page.type.capitalize
     = ":"
-  .text-xl.font-bold.text-gray-900
     =@page.name
-  %strong.rounded.bg-green-100.px-4.py-2.text-lg.font-medium.text-green-700{:class => "py-1.5"}
-    = link_to 'Section details', breeze.page_sections_path(@page.id)
+    -unless @page.redirects.blank?
+      .mt-4
+        Page redirects from
+        = @page.redirects
+  %div
+    %button.button.change
+      = link_to 'Section details', breeze.page_sections_path(@page.id)
 
   = form_tag( breeze.section_new_path(@page.id), method: :post ) do
-    %button.button.change.mr-3{type: :submit} New Section
+    %button.button.action{type: :submit} New Section
 
   .text-xl
     Edited
     = distance_of_time_in_words_to_now(@page.updated_at)
     ago
-.flex.gap-4.justify-center.m-20
-  .grid.grid-cols-5
-    .text.font-bold Section
-    .text.font-bold Cards
-    .text.font-bold Translations
-    .text.font-bold Updated
-    .text.font-bold Actions
-    - @page.sections.each do |section |
-      .span
-        =link_to( breeze.section_path(section.id)) do
-          #{section.index} : #{section.header}
-      .text
-        =link_to breeze.section_cards_path(section.id) do
-          #{section.cards.length} Cards
-      .text
-        = link_to breeze.translation_path(@page.id) do
-          %button.button.action
-            =section.missing_translations
-            missing
-      .text
-        = updated_by(section)
-      .flex
-        = form_tag( breeze.section_new_path(@page.id), method: :post ) do
-          %button.button.change.mr-3{type: :submit} New
-        = link_to breeze.section_path(section.id) do
-          %button.button.action Edit
-        .p-2
-          =link_to(breeze.section_move_path(section.id , dir: :down)) do
-            %svg.w-6.h-6{:fill => "none", :stroke => "currentColor", "stroke-width" => "1.5", :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
-              %path{:d => "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3", "stroke-linecap" => "round", "stroke-linejoin" => "round"}
-        .p-2
-          =link_to(breeze.section_move_path(section.id , dir: :up)) do
-            %svg.w-6.h-6{:fill => "none", :stroke => "currentColor", "stroke-width" => "1.5", :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
-              %path{:d => "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18", "stroke-linecap" => "round", "stroke-linejoin" => "round"}
 
-  .flex.flex-col
-    .basis-80
-      = form_tag( breeze.page_path(@page.id) , {method: :patch  , class: "mx-auto mt-8 mb-0 max-w space-y-4" } ) do
-        %label.block
-          %h4.text-lg.font-bold Name
-          = text_field_tag( :name , @page.name, class: "w-full rounded-lg border-gray-200 p-4 pr-12 text-sm shadow-sm")
-        %button.button.change.mt-4{type: :submit} Update name
+  = form_tag( breeze.page_path(@page.id) , {method: :patch  , class: "mx-auto mt-8 mb-0 max-w space-y-4" } ) do
+    %h4.text-lg.font-bold Name
+    = text_field_tag( :name , @page.name, class: "w-full rounded-lg border-gray-200 p-4 text-sm shadow-sm")
+    %button.button.change.mt-4{type: :submit} Update name
 
-      -unless @page.redirects.blank?
-        .mt-4
-          Page redirects from
-          = @page.redirects
+  - @page.option_definitions.each do |option|
+    = form_tag( breeze.page_path(@page.id) , {method: :patch  , class: "mx-auto mt-8 mb-0 max-w space-y-4" } ) do
+      =render "/breeze/sections/option_form_#{option.type}" , section: @page , option: option
+      %button.button.change.mt-4{type: :submit} Update #{option.name.camelcase}
 
-      .relative.block.delete_page.mt-8
-        = form_tag( breeze.page_path(@page.id) , {method: :delete  } ) do
-          %button.button.remove{type: :submit} Delete Page
+  = form_tag( breeze.page_path(@page.id) , {method: :delete  } ) do
+    %button.button.mt-40.ml-10.remove{type: :submit} Delete Page
 
-    .basis-80.grow.options
-      %h3.mt-4.text-lg.font-bold Options
-      = form_tag( breeze.page_path(@page.id) , {method: :patch  , class: "mx-auto mt-8 mb-0 max-w space-y-4" } ) do
-        - @page.option_definitions.each do |option|
-          =render "/breeze/sections/option_form_#{option.type}" , section: @page , option: option
-        -if @page.option_definitions.empty?
-          %p No options
-        -else
-          %button.button.change.mt-4{type: :submit} Update Options
+.grid.grid-cols-5.gap-8.m-20
+  .text.font-bold Section
+  .text.font-bold Actions
+  .text.font-bold Translations
+  .text.font-bold Cards
+  .text.font-bold Updated
+  - @page.sections.each do |section |
+    .span
+      =link_to( breeze.section_path(section.id)) do
+        #{section.index} : #{section.header}
+    .flex
+      = form_tag( breeze.section_new_path(@page.id), method: :post ) do
+        %button.button.change.mr-3{type: :submit} New
+      = link_to breeze.section_path(section.id) do
+        %button.button.action Edit
+      .p-2
+        =link_to(breeze.section_move_path(section.id , dir: :down)) do
+          %svg.w-6.h-6{:fill => "none", :stroke => "currentColor", "stroke-width" => "1.5", :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
+            %path{:d => "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3", "stroke-linecap" => "round", "stroke-linejoin" => "round"}
+      .p-2
+        =link_to(breeze.section_move_path(section.id , dir: :up)) do
+          %svg.w-6.h-6{:fill => "none", :stroke => "currentColor", "stroke-width" => "1.5", :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
+            %path{:d => "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18", "stroke-linecap" => "round", "stroke-linejoin" => "round"}
+    .text
+      = link_to breeze.translation_path(@page.id) do
+        %button.button.action
+          =section.missing_translations
+          missing
+    .text
+      =link_to breeze.section_cards_path(section.id) do
+        #{section.cards.length} Cards
+    .text
+      = updated_by(section)
 
 :javascript
   var sections = #{ render( partial: "sections" , formats: :json).html_safe }

data/app/views/breeze/view/_form_section.haml

@@ -5,7 +5,7 @@
       .mt-4.text-lg.pt-10{ prose_classes }
         = markdown(section,current_lang)
   .flex.items-center.justify-start.m-10.md:m-20
-    .mx-auto.w-full.max-w-4xl{class: "max-w-[50%]"}
+    .mx-auto.w-full.max-w-4xl{class: "max-w-[90%]"}
       = form_tag( main_app.post_form_path , {class: "mt-10" }) do
         - challenge = rand(8)
         = hidden_field_tag :section_id , section.id

data/app/views/breeze/view/_section_faq.haml

@@ -0,0 +1,29 @@
+%section.m-6.md:m-12.lg:m-20{ options(section , :background , :text_color), id: section.type_id}
+  .flex.justify-center
+    .px-4.py-4.md:py-10.lg:py-16{ options(section , :text_align)}
+      %h1.section_header.text-2xl.font-bold.tracking-tight.sm:text-4xl
+        = section.header_text(current_lang)
+      - unless section.text.blank?
+        .section_text.text-lg.pt-10{ prose_classes }
+          = markdown(section , current_lang)
+  - template = "breeze/view/cards/" + section.card_template
+  .max-w-3xl.mx-auto.mt-8.space-y-4.md:mt-16
+    - section.cards.each_with_index do |card, index|
+      = render( template , card: card , index: index + 1)
+
+:javascript
+  // JavaScript to toggle the answers and rotate the arrows
+  document.querySelectorAll('[id^="question"]').forEach(function(button, index) {
+      button.addEventListener('click', function() {
+          var answer = document.getElementById('answer' + (index + 1));
+          var arrow = document.getElementById('arrow' + (index + 1));
+
+          if (answer.style.display === 'none' || answer.style.display === '') {
+              answer.style.display = 'block';
+              arrow.style.transform = 'rotate(0deg)';
+          } else {
+              answer.style.display = 'none';
+              arrow.style.transform = 'rotate(-180deg)';
+          }
+      });
+  });

data/app/views/breeze/view/_section_full_image.haml

@@ -7,4 +7,4 @@
             = section.header_text(current_lang)
           .section_text.sm:mt-4.text-2xl{ prose_classes }
             = markdown(section,current_lang)
-          =view_button(section , "my-2")
+          =view_button(section , "my-4")

data/app/views/breeze/view/_section_full_up.haml

@@ -5,4 +5,4 @@
         = section.header_text(current_lang)
       .section_text.mt-4.text-lg.pt-10{ prose_classes }
         = markdown(section,current_lang)
-      =view_button(section , "my-2")
+      =view_button(section , "my-4")

data/app/views/breeze/view/_section_half_image.haml

@@ -7,4 +7,4 @@
         = section.header_text(current_lang)
       .section_text.mt-8{ prose_classes }
         = markdown(section,current_lang)
-      =view_button(section , "my-2")
+      =view_button(section , "my-4")

data/app/views/breeze/view/_section_half_slider.haml

@@ -0,0 +1,67 @@
+%section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2{id: section.type_id}
+  %div{ order_option(section)}
+    .swiper{ class: "swiper-#{section.id}"}
+      .swiper-wrapper
+        - template = "breeze/view/cards/" + section.card_template
+        - section.cards.each do |card|
+          .swiper-slide{ column_option(section)}
+            = render( template , card: card)
+
+      .swiper-pagination
+      .swiper-button-prev
+      .swiper-button-next
+
+  .p-8.md:p-12.lg:px-16.lg:py-24{ background_option(section)}
+    .mx-auto.max-w-xl{options(section , :text_align , :text_color)}
+      %h2.section_header.text-2xl.font-bold.md:text-4xl
+        = section.header_text(current_lang)
+      .section_text.mt-8{ prose_classes }
+        = markdown(section,current_lang)
+      =view_button(section , "my-4")
+
+%script{:src => "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"}
+
+:javascript
+  var breaks = #{slider_columns_option(section).to_json};
+  document.addEventListener("DOMContentLoaded", function(event) {
+
+    function initSwiper(){
+      const swiper = new Swiper(".swiper-#{section.id}", {
+        loop: true,
+        speed: 1500,
+        breakpoints: breaks ,
+        autoplay: true,
+        pagination: {
+          el: '.swiper-pagination',
+        },
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev',
+        },
+      });
+    }
+
+    // Intersection Observer to detect when the element is in view
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                initSwiper(); // Initialize Swiper when the element is in view
+                observer.unobserve(entry.target); // Stop observing after initialization
+            }
+        });
+    });
+
+    // Start observing the Swiper container
+    const swiperContainer = document.querySelector(".swiper-#{section.id}");
+    observer.observe(swiperContainer);
+
+  });
+
+  var head = document.getElementsByTagName("head")[0];
+  cssLink = document.createElement("link");
+  cssLink.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
+  cssLink.rel="stylesheet";
+  cssLink.id="dynamic-css";
+  cssLink.media="screen";
+  cssLink.type="text/css";
+  head.appendChild(cssLink);

data/app/views/breeze/view/_section_large_image.haml

@@ -7,4 +7,4 @@
         %h2.section_header.text-4xl.font-bold.text-center.mb-4.lg:mb-8= section.header_text(current_lang)
         .section_text.mt-3{ prose_classes }
           = markdown(section,current_lang)
-        =view_button(section , "my-2")
+        =view_button(section , "my-4")

data/app/views/breeze/view/_section_slider.haml

@@ -6,8 +6,8 @@
           = section.header_text(current_lang)
         .section_text.mt-4.text-lg.pt-10{ prose_classes }
           = markdown(section,current_lang)
-        =view_button(section , "my-2")
-  .swiper
+        =view_button(section , "my-4")
+  .swiper{ class: "swiper-#{section.id}"}
     .swiper-wrapper
       - template = "breeze/view/cards/" + section.card_template
       - section.cards.each do |card|
@@ -23,19 +23,38 @@
 :javascript
   var breaks = #{slider_columns_option(section).to_json};
   document.addEventListener("DOMContentLoaded", function(event) {
-    const swiper = new Swiper('.swiper', {
-      loop: true,
-      speed: 1500,
-      breakpoints: breaks ,
-      autoplay: true,
-      pagination: {
-        el: '.swiper-pagination',
-      },
-      navigation: {
-        nextEl: '.swiper-button-next',
-        prevEl: '.swiper-button-prev',
-      },
+
+    function initSwiper(){
+      const swiper = new Swiper(".swiper-#{section.id}", {
+        loop: true,
+        speed: 1500,
+        breakpoints: breaks ,
+        autoplay: true,
+        pagination: {
+          el: '.swiper-pagination',
+        },
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev',
+        },
+      });
+    }
+
+
+    // Intersection Observer to detect when the element is in view
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                initSwiper(); // Initialize Swiper when the element is in view
+                observer.unobserve(entry.target); // Stop observing after initialization
+            }
+        });
     });
+
+    // Start observing the Swiper container
+    const swiperContainer = document.querySelector(".swiper-#{section.id}");
+    observer.observe(swiperContainer);
+
   });
 
   var head = document.getElementsByTagName("head")[0];

data/app/views/breeze/view/_section_small_image.haml

@@ -5,4 +5,4 @@
     %h2.section_header.text-4xl.font-bold.text-left.mb-4.lg:mb-8{text_align_option(section)}= section.header_text(current_lang)
     .section_text.mt-3{ prose_classes }
       = markdown(section,current_lang)
-    =view_button(section , "my-2")
+    =view_button(section , "my-4")

data/app/views/breeze/view/cards/_faq_item.haml

@@ -0,0 +1,9 @@
+.transition-all.duration-200.bg-white.border.border-gray-200.shadow-lg.cursor-pointer.hover:bg-gray-50{options(card, :text_color)}
+  %button.flex.items-center.justify-between.w-full.px-4.py-5.sm:p-6{"data-state" => "closed",
+      :type => "button" , id: "question#{index}" }
+    %span.flex.text-lg.font-semibold.text-black= card.header_text(current_lang)
+    %svg.w-6.h-6.text-gray-400{fill: :none, stroke: :currentColor, id: "arrow#{index}", 
+          :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
+      %path{:d => "M19 9l-7 7-7-7", "stroke-linecap" => "round", "stroke-linejoin" => "round", "stroke-width" => "2"}
+  .px-4.pb-5.sm:px-6.sm:pb-6{style: "display:none" , id: "answer#{index}"}
+    %p= markdown(card,current_lang)

data/config/breeze/card_styles.yml

@@ -1,4 +1,35 @@
 ---
+- :template: card_normal_round
+  :header: Standard card with rounded look
+  :text: Otherwise quite similar to standard. But there is gap under the image.
+        Images can be wide or square, for 2 column 800 wide,
+        3 column 600 , 4 column 400
+
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color
+    - text_align
+    - button_link
+    - button_text
+- :template: card_normal_square
+  :header: Standard card with square image
+  :text: Image, header, text, normal stuff. No margin between image and text.
+        Text alignment option. Also option to turn upside down with order.
+        Images can be wide or square, for 2 column 800 wide,
+        3 column 600 , 4 column 400
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color
+    - text_align
+    - order
+    - button_link
+    - button_text
 - :template: card_full_image
   :header: Full background
   :text: Text in box on top of the imag. Adjustable background
@@ -36,22 +67,6 @@
     - text_color
     - order
     - text_align
-- :template: card_normal_square
-  :header: Standard card with square image
-  :text: Image, header, text, normal stuff. No margin between image and text.
-        Text alignment option. Also option to turn upside down with order.
-        Images can be wide or square, for 2 column 800 wide,
-        3 column 600 , 4 column 400
-  :fields:
-    - header
-    - text
-  :options:
-    - background
-    - text_color
-    - text_align
-    - order
-    - button_link
-    - button_text
 - :template: card_wide_square
   :header: Sideway card with square image
   :text: Much like standard square card, just turned sideways.
@@ -98,21 +113,6 @@
     - text_align
     - button_link
     - button_text
-- :template: card_normal_round
-  :header: Standard card with rounded look
-  :text: Otherwise quite similar to standard. But there is gap under the image.
-        Images can be wide or square, for 2 column 800 wide,
-        3 column 600 , 4 column 400
-
-  :fields:
-    - header
-    - text
-  :options:
-    - background
-    - text_color
-    - text_align
-    - button_link
-    - button_text
 - :template: form_field
   :header: A single field in a form
   :text: The header is the Name of the field, the description
@@ -123,3 +123,13 @@
   :options:
     - compulsory
     - form_type
+- :template: faq_item
+  :header: A question answer in an faq section
+  :text: The header is the qustion, the description
+        is the answer. (No image)
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color

data/config/breeze/option_definitions.yml

@@ -132,3 +132,10 @@
   :values:
   :default:
   :id: 25
+- :name: main_image
+  :description: Image that should be shown in posts (fb)
+      Should be the number of a breeze picture,
+      ie what is in the url eg 381 for /breeze/images/381  
+  :values:
+  :default:
+  :id: 26

data/config/breeze/page_styles.yml

@@ -6,6 +6,7 @@
   :options:
     - title
     - description
+    - main_image
 - :type: blog
   :description: An news or similar article.
   :section_template: blog_header

data/config/breeze/section_styles.yml

@@ -30,6 +30,26 @@
     - item_align
     - button_link
     - button_text
+- :template: section_half_slider
+  :header: Half text, half slider with optional header with text
+  :text: Header. text button on the right (constant) slider left.
+      Slider slides any (number) of cards.
+      Columns means how many slides are visible on desktop.
+      Optional header text on top of the slider (like the section with header/text)
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - slider_columns
+    - order
+    - background
+    - text_color
+    - margin
+    - text_align
+    - item_align
+    - button_link
+    - button_text
 - :template: section_feature
   :header: Feature section with 2 column,
   :text: A split header with two column layout on the right.
@@ -193,3 +213,33 @@
     - text_columns
     - background
     - text_color
+- :template: section_faq
+  :header: Faq section with Cards as questions
+  :text: A header with text and collapsable faq layout.
+        Only works proper with faq_item card style
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - background
+    - text_color
+    - text_align
+- :template: section_slider
+  :header: Slider with optional header with text
+  :text: Slider slides any (number) of cards. Columns means how many
+    slides are visible on desktop.
+    Optional header text on top of the slider (like the section with header/text)
+  :cards: true
+  :fields:
+    - header
+    - text
+  :options:
+    - slider_columns
+    - background
+    - text_color
+    - margin
+    - text_align
+    - item_align
+    - button_link
+    - button_text

data/lib/breeze/engine.rb

@@ -66,7 +66,7 @@ module ActionDispatch::Routing
       Rails.application.routes.draw do
         begin
           if options[:root]
-            root "breeze/view#page" , id: 'index'
+            root "breeze/view#page" , id: 'index' 
           end
           Breeze.language_strings.each do |lang|
             get "/#{lang}/:id" , to: "breeze/view#page" , lang: lang , id: :id
@@ -83,7 +83,7 @@ module ActionDispatch::Routing
 
           post "/form" , to: "breeze/form#post" , as: :post_form
           get "/news/:id" , to: "breeze/view#page" , id: :id , as: :view_blog
-          get ":id" , to: "breeze/view#page" , id: :id , as: :view_page
+          get ":id" , to: "breeze/view#page" , id: :id , as: :view_page, constraints: { format: 'html' }
 
           engine_path = options[:path] || "/breeze"
           if ! Rails.env.production? or options[:production].present?

data/lib/breeze/version.rb

@@ -1,3 +1,3 @@
 module Breeze
-  VERSION = "1.0.2"
+  VERSION = "1.0.3"
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: breeze_cms
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - Torsten
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-18 00:00:00.000000000 Z
+date: 2025-06-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -16,14 +15,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '7.0'
+        version: '7.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '7.0'
+        version: '7.1'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -206,15 +205,18 @@ files:
 - app/assets/images/breeze/card_preview/card_normal_round.png
 - app/assets/images/breeze/card_preview/card_normal_square.png
 - app/assets/images/breeze/card_preview/card_wide_square.png
+- app/assets/images/breeze/card_preview/faq_item.jpg
 - app/assets/images/breeze/card_preview/form_field.png
 - app/assets/images/breeze/home.jpg
 - app/assets/images/breeze/section_preview/blog_header.png
 - app/assets/images/breeze/section_preview/form_section.png
 - app/assets/images/breeze/section_preview/section_cards.png
+- app/assets/images/breeze/section_preview/section_faq.jpg
 - app/assets/images/breeze/section_preview/section_feature.png
 - app/assets/images/breeze/section_preview/section_full_image.png
 - app/assets/images/breeze/section_preview/section_full_up.png
 - app/assets/images/breeze/section_preview/section_half_image.png
+- app/assets/images/breeze/section_preview/section_half_slider.jpg
 - app/assets/images/breeze/section_preview/section_large_image.png
 - app/assets/images/breeze/section_preview/section_news.png
 - app/assets/images/breeze/section_preview/section_slider.png
@@ -296,10 +298,12 @@ files:
 - app/views/breeze/view/_blog_header.haml
 - app/views/breeze/view/_form_section.haml
 - app/views/breeze/view/_section_cards.haml
+- app/views/breeze/view/_section_faq.haml
 - app/views/breeze/view/_section_feature.haml
 - app/views/breeze/view/_section_full_image.haml
 - app/views/breeze/view/_section_full_up.haml
 - app/views/breeze/view/_section_half_image.haml
+- app/views/breeze/view/_section_half_slider.haml
 - app/views/breeze/view/_section_large_image.haml
 - app/views/breeze/view/_section_news.haml
 - app/views/breeze/view/_section_slider.haml
@@ -314,6 +318,7 @@ files:
 - app/views/breeze/view/cards/_card_normal_round.haml
 - app/views/breeze/view/cards/_card_normal_square.haml
 - app/views/breeze/view/cards/_card_wide_square.haml
+- app/views/breeze/view/cards/_faq_item.haml
 - app/views/breeze/view/cards/_form_field.haml
 - app/views/breeze/view/elements/_button.haml
 - app/views/breeze/view/page.haml
@@ -352,7 +357,6 @@ metadata:
   homepage_uri: https://breeze.codeberg.page
   source_code_uri: https://codeberg.org/breeze/breeze
   changelog_uri: https://codeberg.org/breeze/breeze/src/branch/main/CHANGELOG.md
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -360,15 +364,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.7.0
+      version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.23
-signing_key:
+rubygems_version: 3.6.2
 specification_version: 4
 summary: The tailwind based, developers CMS
 test_files: []