Refactor block timeline

app/models/communication/block/template/timeline/timeline.rb

-class Communication::Block::Template::Testimonial::Testimonial < Communication::Block::Template::Base
+class Communication::Block::Template::Timeline::Timeline < Communication::Block::Template::Base
 
-  has_string :author
+  has_string :title
   has_text :text
 
 end

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

-<a  class="<%= button_classes('mb-4') %>"
-    v-on:click="data.elements.push({title: '', text: ''})">
-    <%= t '.add_event' %>
-</a>
+<% element = @block.template.default_element %>
+
+<%= block_component_add_element t('.add_event') %>
 
 <draggable :list="data.elements" handle=".dragHandle" class="row">
-  <div v-for="(event, index) in data.elements" class="col-md-4">
+  <div v-for="(element, index) in data.elements" class="col-md-4">
     <div class="card">
       <div class="card-body">
         <div class="d-flex">
@@ -14,21 +13,8 @@
             </a>
           </div>
           <div class="flex-fill">
-            <label    class="form-label"
-                      :for="'event-' + index + '-title'"><%= t '.title_label' %></label>
-            <input class="form-control mb-3"
-                      v-model="event.title"
-                      placeholder="<%= t '.title_placeholder' %>"
-                      type="text"
-                      :id="'event-' + index + '-title'" />
-
-            <label    class="form-label"
-                      :for="'event-' + index + '-text'"><%= t '.text_label' %></label>
-            <textarea class="form-control mb-3"
-                      rows="3"
-                      v-model="event.text"
-                      placeholder="<%= t '.text_placeholder' %>"
-                      :id="'event-' + index + '-text'"></textarea>
+            <%= block_component_edit :title, template: element %>
+            <%= block_component_edit :text, template: element %>
           </div>
           <div>
             <a  class="btn btn-sm btn-danger ms-3"

app/views/admin/communication/blocks/templates/timeline/_preview.html.erb

-<% @block.template.events.each do |event| %>
+<% @block.template.elements.each do |element| %>
   <article class="card">
     <div class="card-body">
-      <p class="lead"><%= event.title %></p>
-      <p><%= event.text %></p>
+      <p class="lead"><%= block_component_preview :title, template: element %></p>
+      <p><%= block_component_preview :text, template: element %></p>
     </div>
   </article>
 <% end %>

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

-      events:
-<% block.template.events.each do |event| %>
-        - title: >-
-            <%= prepare_text_for_static event.title, 6 %>
-          text: >-
-            <%= prepare_text_for_static event.text, 6 %>
+<% block.template.elements.each do |element| %>
+<%= block_component_static :title, template: element, depth: 4 %>
+<%= block_component_static :text, template: element, depth: 4 %>
 <% end %>