<% javascript 'backend/sortable' %> <% javascript 'backend/flexible_content' %>
<% rows = model.content_rows.where(locale: locale) %> <% if rows.empty? %>
<%= t 'b.flexible_content' %>

<%= t 'b.msg.flexible_content.explanation' %>

<% import_locales = importable_locales(model, params[:translation_locale])%> <% if import_locales.any? %>

<%= t('b.msg.flexible_content.duplicate_from_other_locales').html_safe %> <%= import_locales.map do |lo| link_to lo.upcase, backend_content_duplicate_path(model.class.name.underscore.gsub('_decorator', ''), model.id, lo, params[:translation_locale]), data: { confirm: t('b.msg.confirm') } end.join(', ').html_safe %> <% end %>

<% end %> <% rows.decorate.each do |row| %>
<% klass = 'btn btn-secondary' %> <% klass << ' active' if row.horizontal_alignment == 'left' || row.horizontal_alignment.blank? %> <%= link_to icon(:align_left), horizontal_alignment_backend_content_row_path(row, align: 'left'), class: klass, title: t('b.msg.flexible_content.align_left'), data: { toggle: 'tooltip', placement: 'bottom' } %> <% klass = 'btn btn-secondary' %> <% klass << ' active' if row.horizontal_alignment == 'center' %> <%= link_to icon(:align_center), horizontal_alignment_backend_content_row_path(row, align: 'center'), class: klass, title: t('b.msg.flexible_content.align_center'), data: { toggle: 'tooltip', placement: 'bottom' } %> <% klass = 'btn btn-secondary' %> <% klass << ' active' if row.horizontal_alignment == 'right' %> <%= link_to icon(:align_right), horizontal_alignment_backend_content_row_path(row, align: 'right'), class: klass, title: t('b.msg.flexible_content.align_right'), data: { toggle: 'tooltip', placement: 'bottom' } %>
<% klass = 'btn btn-secondary' %> <% klass << ' active' if row.vertical_alignment == 'top' || row.vertical_alignment.blank? %> <%= link_to icon(:long_arrow_up), vertical_alignment_backend_content_row_path(row, align: 'top') , class: klass, title: t('b.msg.flexible_content.align_vertical_top'), data: { toggle: 'tooltip', placement: 'bottom' } %> <% klass = 'btn btn-secondary' %> <% klass << ' active' if row.vertical_alignment == 'center' %> <%= link_to icon(:arrows_v), vertical_alignment_backend_content_row_path(row, align: 'center'), class: klass, title: t('b.msg.flexible_content.align_vertical_center'), data: { toggle: 'tooltip', placement: 'bottom' } %> <% klass = 'btn btn-secondary' %> <% klass << ' active' if row.vertical_alignment == 'bottom' %> <%= link_to icon(:long_arrow_down), vertical_alignment_backend_content_row_path(row, align: 'bottom'), class: klass, title: t('b.msg.flexible_content.align_vertical_bottom'), data: { toggle: 'tooltip', placement: 'bottom' } %>
<% klass = 'btn btn-secondary' %> <% klass << ' active' if row.full_width? %> <%= link_to icon(:arrows_h), toggle_full_width_backend_content_row_path(row), class: klass, title: t('b.msg.flexible_content.full_width'), data: { toggle: 'tooltip', placement: 'bottom' } %>
<%= link_to icon(:trash), backend_content_row_path(row), class: 'btn btn-secondary', title: t('b.delete'), method: :delete, data: { toggle: 'tooltip', placement: 'bottom', confirm: t('b.msg.confirm') } %>
<%= link_to icon(:cog), edit_backend_content_row_path(row), class: 'btn btn-secondary', title: t('b.settings'), data: { toggle: 'tooltip', placement: 'bottom', lity: '' } %>
<% row.columns.each do |column| %> <% content = column.content.decorate %>
<% Udongo.config.flexible_content.types.each do |content_type| %> <%= render("backend/content/#{content_type}", object: content) if content.content_type_is?(content_type) %> <% end %>
<% end %> <% unless row.column_limit_reached? %> <% if row.columns.blank? %> <%= link_to icon(:plus, t('b.msg.flexible_content.add_column')), new_backend_content_row_column_path(row), class: 'btn btn-secondary btn-block', data: { lity: '' } %> <% else %> <%= link_to icon(:plus, t('b.msg.flexible_content.add_column')), new_backend_content_row_column_path(row), class: 'btn btn-secondary hidden-xl-up full-width', data: { lity: '' } %> <%= link_to icon(:plus), new_backend_content_row_column_path(row), class: 'btn btn-secondary hidden-lg-down block', title: t('b.msg.flexible_content.add_column'), data: { toggle: 'tooltip', placement: 'bottom', lity: '' } %> <% end %> <% end %>
<% end %>
<%= link_to icon(:plus, t('b.msg.flexible_content.add_row')), new_backend_content_row_path(klass: @model.class, id: @model.id, locale: locale), class: 'btn btn-secondary btn-block' %>