breeze_cms 1.0.2 → 1.1.0

data/app/assets/stylesheets/breeze/breeze.email.css

@@ -106,12 +106,46 @@
   --tw-contain-style:  ;
 }
 
+.container{
+  width: 100%;
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width: 1536px;
+  }
+}
+
 .button{
   display: inline-block;
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-border-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-border-opacity));
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;
@@ -123,12 +157,12 @@
 
 .button:hover{
   --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
 }
 
 .change{
   --tw-bg-opacity: 1;
-  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
 }
 
 .absolute{
@@ -359,6 +393,10 @@
   height: 14rem;
 }
 
+.h-6{
+  height: 1.5rem;
+}
+
 .h-60{
   height: 15rem;
 }
@@ -391,6 +429,10 @@
   width: 10rem;
 }
 
+.w-6{
+  width: 1.5rem;
+}
+
 .w-8{
   width: 2rem;
 }
@@ -403,8 +445,8 @@
   max-width: 56rem;
 }
 
-.max-w-\[50\%\]{
-  max-width: 50%;
+.max-w-\[90\%\]{
+  max-width: 90%;
 }
 
 .max-w-full{
@@ -476,6 +518,10 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.cursor-pointer{
+  cursor: pointer;
+}
+
 .appearance-none{
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -535,6 +581,12 @@
   gap: 2rem;
 }
 
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
 .overflow-hidden{
   overflow: hidden;
 }
@@ -581,27 +633,32 @@
 
 .border-gray-100{
   --tw-border-opacity: 1;
-  border-color: rgb(243 244 246 / var(--tw-border-opacity));
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+}
+
+.border-gray-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-400{
   --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-500{
   --tw-border-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-border-opacity));
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
 }
 
 .border-gray-600{
   --tw-border-opacity: 1;
-  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
 }
 
 .bg-amber-600{
   --tw-bg-opacity: 1;
-  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
 }
 
 .bg-black\/25{
@@ -610,7 +667,7 @@
 
 .bg-cyan-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
+  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
 }
 
 .bg-cyan-100\/25{
@@ -619,7 +676,7 @@
 
 .bg-cyan-700{
   --tw-bg-opacity: 1;
-  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
+  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
 }
 
 .bg-cyan-700\/25{
@@ -628,17 +685,17 @@
 
 .bg-cyan-900{
   --tw-bg-opacity: 1;
-  background-color: rgb(22 78 99 / var(--tw-bg-opacity));
+  background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1));
 }
 
 .bg-gray-100{
   --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
 
 .bg-green-700{
   --tw-bg-opacity: 1;
-  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
 }
 
 .bg-orange-300\/25{
@@ -647,7 +704,7 @@
 
 .bg-orange-50{
   --tw-bg-opacity: 1;
-  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
+  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
 }
 
 .bg-orange-800\/25{
@@ -656,12 +713,12 @@
 
 .bg-slate-900{
   --tw-bg-opacity: 1;
-  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
 }
 
 .bg-teal-700{
   --tw-bg-opacity: 1;
-  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
+  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
 }
 
 .bg-transparent{
@@ -670,7 +727,7 @@
 
 .bg-white{
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
 .bg-white\/25{
@@ -730,6 +787,11 @@
   padding-right: 1.5rem;
 }
 
+.px-8{
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .py-2{
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -755,6 +817,15 @@
   padding-bottom: 1rem;
 }
 
+.py-5{
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.pb-5{
+  padding-bottom: 1.25rem;
+}
+
 .pr-16{
   padding-right: 4rem;
 }
@@ -848,67 +919,78 @@
 
 .text-black{
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
 .text-cyan-100{
   --tw-text-opacity: 1;
-  color: rgb(207 250 254 / var(--tw-text-opacity));
+  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
 }
 
 .text-cyan-700{
   --tw-text-opacity: 1;
-  color: rgb(14 116 144 / var(--tw-text-opacity));
+  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-100{
   --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
+  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
+}
+
+.text-gray-400{
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-500{
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-800{
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
 
 .text-gray-900{
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
 
 .text-green-700{
   --tw-text-opacity: 1;
-  color: rgb(21 128 61 / var(--tw-text-opacity));
+  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
 }
 
 .text-indigo-800{
   --tw-text-opacity: 1;
-  color: rgb(55 48 163 / var(--tw-text-opacity));
+  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
 }
 
 .text-orange-800{
   --tw-text-opacity: 1;
-  color: rgb(154 52 18 / var(--tw-text-opacity));
+  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
 }
 
 .text-slate-800{
   --tw-text-opacity: 1;
-  color: rgb(30 41 59 / var(--tw-text-opacity));
+  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
 }
 
 .text-teal-700{
   --tw-text-opacity: 1;
-  color: rgb(15 118 110 / var(--tw-text-opacity));
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
 }
 
 .text-white{
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.shadow-lg{
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-sm{
@@ -925,12 +1007,22 @@
   transition-duration: 150ms;
 }
 
+.transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .transition-colors{
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
+.duration-200{
+  transition-duration: 200ms;
+}
+
 .duration-300{
   transition-duration: 300ms;
 }
@@ -968,12 +1060,17 @@
 
 .hover\:bg-blue-800:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:bg-gray-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
 .hover\:text-gray-500:hover{
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 .hover\:text-gray-500\/75:hover{
@@ -988,7 +1085,7 @@
 
 .focus\:border-blue-600:focus{
   --tw-border-opacity: 1;
-  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
 }
 
 .focus\:outline-none:focus{
@@ -1019,12 +1116,12 @@
 
 .group:hover .group-hover\:bg-black{
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 
 .group:hover .group-hover\:text-white{
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-0{
@@ -1066,7 +1163,7 @@
 
 .peer:focus ~ .peer-focus\:text-blue-600{
   --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
 @media (min-width: 640px){
@@ -1092,11 +1189,19 @@
     width: 50%;
   }
 
+  .sm\:p-6{
+    padding: 1.5rem;
+  }
+
   .sm\:px-6{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
+  .sm\:pb-6{
+    padding-bottom: 1.5rem;
+  }
+
   .sm\:text-center{
     text-align: center;
   }
@@ -1134,6 +1239,10 @@
     margin-bottom: 2.5rem;
   }
 
+  .md\:mt-16{
+    margin-top: 4rem;
+  }
+
   .md\:grid{
     display: grid;
   }
@@ -1175,6 +1284,11 @@
     padding: 3rem;
   }
 
+  .md\:px-12{
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:py-10{
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
@@ -1298,6 +1412,11 @@
     padding-top: 6rem;
     padding-bottom: 6rem;
   }
+
+  .lg\:py-8{
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
 }
 
 @media (min-width: 1280px){
@@ -1322,6 +1441,6 @@
 @media (prefers-color-scheme: dark){
   .peer:focus ~ .peer-focus\:dark\:text-blue-500{
     --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity));
+    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
   }
 }

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

@@ -1,7 +1,7 @@
 module Breeze
   class PagesController < BreezeController
 
-    before_action :set_page, only: %i[ update destroy show ]
+    before_action :set_page, only: %i[ update destroy show translate ]
 
     def index
       if(! params[:type].blank?)
@@ -16,11 +16,17 @@ module Breeze
 
     end
 
+    # automagically translate all sections and cards
+    def translate
+      @page.translate(current_member_email)
+      redirect_to pages_url , notice: "#{@page.name} translated"
+    end
+
     def update
       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
@@ -52,7 +58,7 @@ module Breeze
 
     private
     def set_page
-      @page = Page.find(params[:id])
+      @page = Page.find(params[:id] || params[:page_id])
     end
 
   end

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/controllers/breeze/translations_controller.rb

@@ -1,6 +1,6 @@
 module Breeze
   class TranslationsController < BreezeController
-    before_action :set_translation, only: %i[ edit update destroy ]
+    before_action :set_translation, only: %i[ edit update destroy auto ]
 
     # show all translation for a page
     def show
@@ -16,6 +16,12 @@ module Breeze
     def edit
     end
 
+    def auto
+      @translation.auto_translate(current_member_email)
+      redirect_to(translation_path(@translation.object.page.id),
+                   :notice => 'Automatically translated.')
+    end
+
     # POST /translations
     def create
       @translation = Translation.new(translation_params)
@@ -30,7 +36,7 @@ module Breeze
     # PATCH/PUT /translations/1
     def update
       respond_to do |format|
-         @translation.update(translation_params , current_member_email )
+         @translation.update(translation_params , current_member_email , true)
          format.html {
            redirect_to(translation_path(@translation.object.page.id),
                         :notice => 'Translation was successfully updated.')
@@ -55,5 +61,6 @@ module Breeze
       def translation_params
         params.fetch(:translation, {})
       end
+
   end
 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://#{Rails.application.credentials.domain_name}/#{image_path}' />" +
+      "\n<meta property='og:image:secure_url' content='#{Rails.application.credentials.domain_name}/#{image_path}' />"
+    end
+
     def current_lang
       params[:lang]
     end
@@ -17,7 +42,7 @@ module Breeze
       img = asset_url( section.image.asset_name )
       style = "background-image: url('#{img}');"
       if(section.option("fixed") == "on")
-        clazz += " bg-fixed"
+        clazz += " bg-scroll"
       end
       if(align = section.option("image_align"))
         # for tailwind: bg-left-top bg-left bg-left-bottom
@@ -64,6 +89,12 @@ module Breeze
       blog.sections.last
     end
 
+    def slider_speed(section)
+      chars = section.cards.collect{|c| c.text.length}.max
+      return 500 unless chars
+      1000.0 * chars / 80.0
+    end
+
     def last_blog
       ViewHelper.last_blog
     end

data/app/models/breeze/active_yaml.rb

@@ -147,6 +147,7 @@ module Breeze
       end
 
       def save_all
+        return unless ENV['WARNING'].blank? #hacky backdoor disables saves, thus change
         File.write( full_path , yaml_file.to_yaml)
       end