Merge pull request #373 from noesya/feature/image-credits

Add credits to blocks CTA and gallery

app/views/admin/communication/blocks/templates/call_to_action/_edit.html.erb

@@ -43,9 +43,18 @@
     </label>
     <input id="image_alt"
             type="text"
-            class="form-control"
+            class="form-control mb-2"
             v-model="data.image_alt"
             placeholder="<%= t '.image_alt_placeholder' %>" />
+    <label  class="form-label"
+            for="image_credit">
+      <%= t '.image_credit_label' %>
+    </label>
+    <input id="image_credit"
+            type="text"
+            class="form-control"
+            v-model="data.image_credit"
+            placeholder="<%= t '.image_credit_placeholder' %>" />
   </div>
 </div>
 <h2><%= t '.buttons' %></h2>

app/views/admin/communication/blocks/templates/call_to_action/_static.html.erb

@@ -4,6 +4,7 @@
       image:
         file: "<%= block.template.image.blob.id %>"
         alt: <%= prepare_text_for_static block.template.image.alt %>
+        credit: <%= prepare_text_for_static block.template.image.credit %>
     <% end %>
       button:
         text: >-

app/views/admin/communication/blocks/templates/gallery/_edit.html.erb

 <a  class="<%= button_classes('mb-4') %>"
-    v-on:click="data.elements.push({alt: '', file: {}})">
+    v-on:click="data.elements.push({alt: '', credit: '', file: {}})">
     <%= t '.add_image' %>
 </a>
 
@@ -20,6 +20,7 @@
       </div>
       <img :src="getImageUrl(image.file)" class="img-fluid d-block" v-if="image.file.id" />
       <div class="card-body">
+
         <label  class="form-label"
                 :for="'image-file-' + imageIndex">
           <%= t '.image_label' %>
@@ -29,24 +30,38 @@
                 accept="image/*"
                 @change="onFileImageChange( $event, image, 'file' )"
                 :id="'image-file-' + imageIndex">
+
         <div class="mb-3">
-          <label  aria-label="<%= t '.alt_label' %>"
+          <label  class="form-label"
+                  aria-label="<%= t '.alt_label' %>"
                   :for="'image-alt-' + imageIndex">
                   <%= t '.alt_label' %>
           </label>
-          <input  class="form-control"
+          <input  class="form-control mb-2"
                   type="text"
                   v-model="image.alt"
                   placeholder="<%= t '.alt_placeholder' %>"
                   :id="'image-alt-' + imageIndex">
-          <label  aria-label="<%= t '.text_label' %>"
+
+          <label  class="form-label"
+                  aria-label="<%= t '.text_label' %>"
                   :for="'image-text-' + imageIndex">
                   <%= t '.text_label' %>
           </label>
-          <textarea class="form-control"
+          <textarea class="form-control mb-2"
                   v-model="image.text"
                   placeholder="<%= t '.text_placeholder' %>"
                   :id="'image-text-' + imageIndex"></textarea>
+
+          <label  class="form-label"
+                  :for="'image-credit-' + imageIndex">
+            <%= t '.credit_label' %>
+          </label>
+          <input  type="text"
+                  class="form-control"
+                  v-model="image.credit"
+                  :id="'image-credit-' + imageIndex"
+                  placeholder="<%= t '.credit_placeholder' %>" />
         </div>
       </div>
     </div>

app/views/admin/communication/blocks/templates/gallery/_static.html.erb

       images:
 <% block.template.images_with_alt.each do |image| %>
-        - alt: >
+        - file: "<%= image.blob.id %>"
+          alt: >
             <%= prepare_text_for_static image.alt %>
+          credit: >
+            <%= prepare_text_for_static image.credit %>
           text: >
             <%= prepare_text_for_static image.text %>
-          file: "<%= image.blob.id %>"
+          
 <% end %>

config/locales/communication/en.yml

@@ -146,26 +146,30 @@ en:
               text_placeholder: Enter text
           call_to_action:
             edit:
-              text_label: Text
-              text_placeholder: Enter text here
-              url_label: Link
-              url_placeholder: Enter the URL with "https://..."
-              buttons: Action buttons
               button_1: Primary button
               button_2: Secondary button
               button_label: Text
               button_placeholder: Enter the button text here
-              image_title: Image
-              image_label: File
-              remove_image: Remove image
+              buttons: Action buttons
               image_alt_label: Alternative text
-              image_alt_placeholder: Enter text description
+              image_alt_placeholder: Enter image's alternative text here
+              image_credit_label: Credit
+              image_credit_placeholder: Enter image's credit here
+              image_label: File
+              image_title: Image
+              remove_image: Delete image
+              text_label: Text
+              text_placeholder: Enter text here
+              url_label: Link
+              url_placeholder: Enter the URL with "https://..."
           gallery:
             edit:
               add_image: Add image
               image_label: Image (.png, .jpg)
               alt_label: Alternative text
               alt_placeholder: Enter text description
+              credit_label: Credit
+              credit_placeholder: Enter image's credit here
               text_label: Text
               text_placeholder: Enter text
               remove_image: Remove image

config/locales/communication/fr.yml

@@ -150,6 +150,8 @@ fr:
               image_label: Image (.png, .jpg)
               alt_label: Texte alternatif
               alt_placeholder: Entrer la description textuelle
+              credit_label: Crédit
+              credit_placeholder: Entrer le crédit de l'image ici
               text_label: Texte
               text_placeholder: Entrer le texte
               remove_image: Enlever l'image
@@ -207,20 +209,22 @@ fr:
               text_placeholder: Entrer la description de la définition
           call_to_action:
             edit:
-              text_label: Texte
-              text_placeholder: Entrer le texte ici
-              url_label: Lien
-              url_placeholder: Entrer le lien ici avec "https://..."
-              buttons: Boutons d'action
               button_1: Bouton principal
               button_2: Bouton secondaire
               button_label: Texte
               button_placeholder: Entrer le texte du bouton ici
-              image_title: Image
+              buttons: Boutons d'action
+              image_alt_label: Texte alternatif
+              image_alt_placeholder: Entrer la description textuelle
+              image_credit_label: Crédit
+              image_credit_placeholder: Entrer le crédit de l'image ici
               image_label: Fichier
+              image_title: Image
               remove_image: Supprimer l'image
-              image_alt_label: Texte alternatif
-              image_alt_placeholder: Entrer le texte alternatif de l'image ici
+              text_label: Texte
+              text_placeholder: Entrer le texte ici
+              url_label: Lien
+              url_placeholder: Entrer le lien ici avec "https://..."
       website:
         pages:
           delete_special_page_notice: Impossible de supprimer cette page