breeze_cms 1.0.3 → 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/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,6 +16,12 @@ 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]
@@ -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/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/view_helper.rb

@@ -23,8 +23,8 @@ module Breeze
       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}' />"
+      "\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
@@ -42,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
@@ -89,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
 

data/app/models/breeze/page.rb

@@ -24,6 +24,12 @@ module Breeze
       sum
     end
 
+    def translate(editor)
+      Breeze.language_strings.each do |lang|
+        sections.each{ |s | s.translate(lang, editor) }
+      end
+    end
+
     def sections
       Section.find_all(:page_id, id).sort_by{|obj| obj.index }
     end

data/app/models/breeze/section.rb

@@ -32,6 +32,11 @@ module Breeze
       sum
     end
 
+    def translate(lang , editor)
+      super
+      cards.each{ |s | s.translate(lang, editor) }
+    end
+
     def cards
       Card.find_all(:section_id, id).sort_by{|obj| obj.index }
     end

data/app/models/breeze/translation.rb

@@ -37,6 +37,11 @@ module Breeze
       return object.header
     end
 
+    def is_manual?
+      return false unless data = object.data[language]
+      data[:manual] || false
+    end
+
     def get_text
       return "" unless data = object.data[language]
       data[:text] || ""
@@ -70,17 +75,26 @@ module Breeze
       object.data[language][:updated_at]
     end
 
-    def update(hash , editor)
+    def update(hash , editor , manual )
       return unless hash
       set_text(hash[:text]) if hash.has_key?(:text)
       set_header(hash[:header]) if hash.has_key?(:header)
+      object.data[language] = {} unless object.data[language]
       object.data[language][:updated_by] = editor
       object.data[language][:updated_at] = Time.now
+      object.data[language][:manual] = manual
 
       ChangeSet.current.add(self.class.name , "#{language}:#{object.change_name}", editor)
       object.class.save_all
     end
 
+    def auto_translate(editor)
+      translated = { text: DeepL.translate(self.object.text, 'EN', self.language).text,
+                    header: DeepL.translate(self.object.header, 'EN', self.language).text
+      }
+      self.update(translated, editor , false)
+    end
+
     # find according to id, ie class_num
     def self.find(id)
       clazz , lang , num = id.split("-")

data/app/models/breeze/view_base.rb

@@ -23,7 +23,7 @@ module Breeze
     end
 
     def last_update_for(elements)
-      last = Time.now
+      last = Time.now - 5.years
       last_section = nil
       elements.each do |section|
         if( section.updated_at > last )
@@ -115,6 +115,11 @@ module Breeze
       Image.find_by_name(self.image_name)
     end
 
+    def translate(lang , editor)
+      trans = get_translation(lang)
+      trans.auto_translate(editor) if trans.is_old?
+    end
+
     def get_translation(lang)
       Translation.new( self , lang)
     end

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

@@ -5,7 +5,9 @@
     Image: #{@image.name}
     = @global_scale
   = form_tag( breeze.image_copy_path(@image.id)  , method: :post) do
-    %button.mx-40.button.change Copy
+    %button.mx-10.button.change Copy
+  %button.mx-10.button.change
+    = link_to "Download" , asset_path( @image.asset_name ) , download: :file
 
   .grid.grid-cols-3.gap-10
     %p
@@ -25,7 +27,7 @@
     %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
+  .py-2.px-4.bg-orange-100.rounded-md
     - if(@global_scale > 1)
       Downscaled by
       = @global_scale