From 23a9bbf8cad9890b25a424add36848d3a5eafa33 Mon Sep 17 00:00:00 2001 From: f Date: Mon, 27 May 2024 16:38:56 -0300 Subject: [PATCH] fix: alinear los botones --- app/views/posts/attributes/_new_array.haml | 30 +++++++++---------- .../posts/attributes/_new_belongs_to.haml | 29 +++++++++--------- app/views/posts/attributes/_new_has_many.haml | 30 +++++++++---------- .../attributes/_new_predefined_array.haml | 29 +++++++++--------- 4 files changed, 60 insertions(+), 58 deletions(-) diff --git a/app/views/posts/attributes/_new_array.haml b/app/views/posts/attributes/_new_array.haml index b4407c0d..8369f335 100644 --- a/app/views/posts/attributes/_new_array.haml +++ b/app/views/posts/attributes/_new_array.haml @@ -8,23 +8,23 @@ %div{ data: { controller: 'modal array enter', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_array_value_path(site) } } .form-group = hidden_field_tag name, '' - = label_tag id, post_label_t(attribute, post: post) - -# Mostramos la lista de valores actuales. + .d-flex.align-items-center.justify-content-between + = label_tag id, post_label_t(attribute, post: post) + = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } } + -# Mostramos la lista de valores actuales. - Al aceptar el modal, se vacía el listado y se completa en base a - renderizaciones con HTMX. Para poder hacer eso, tenemos que poder - acceder a todos los items dentro del modal (como array.item) y - enviar el valor al endpoint que devuelve uno por uno. Esto lo - tenemos disponible en Stimulus, pero queremos usar HTMX o técnica - similar para poder renderizar del lado del servidor. + Al aceptar el modal, se vacía el listado y se completa en base a + renderizaciones con HTMX. Para poder hacer eso, tenemos que poder + acceder a todos los items dentro del modal (como array.item) y + enviar el valor al endpoint que devuelve uno por uno. Esto lo + tenemos disponible en Stimulus, pero queremos usar HTMX o técnica + similar para poder renderizar del lado del servidor. - Para poder cancelar, mantenemos el estado original y desactivamos - o activamos los ítemes según estén incluidos en esa lista o no. - .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } } - - metadata.value.sort_by(&:remove_diacritics).each do |value| - = render 'posts/new_array_value', value: value - - = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + Para poder cancelar, mantenemos el estado original y desactivamos + o activamos los ítemes según estén incluidos en esa lista o no. + - metadata.value.sort_by(&:remove_diacritics).each do |value| + = render 'posts/new_array_value', value: value = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do - content_for :"#{id}_header" do diff --git a/app/views/posts/attributes/_new_belongs_to.haml b/app/views/posts/attributes/_new_belongs_to.haml index d30d22dd..381b0e7b 100644 --- a/app/views/posts/attributes/_new_belongs_to.haml +++ b/app/views/posts/attributes/_new_belongs_to.haml @@ -21,23 +21,24 @@ %div{ id: modal_id, data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_related_post_path(site) } } .form-group = hidden_field_tag name, '' - = label_tag id, post_label_t(attribute, post: post) - -# Mostramos la lista de valores actuales. + .d-flex.align-items-center.justify-content-between + = label_tag id, post_label_t(attribute, post: post) + = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' - Al aceptar el modal, se vacía el listado y se completa en base a - renderizaciones con HTMX. Para poder hacer eso, tenemos que poder - acceder a todos los items dentro del modal (como array.item) y - enviar el valor al endpoint que devuelve uno por uno. Esto lo - tenemos disponible en Stimulus, pero queremos usar HTMX o técnica - similar para poder renderizar del lado del servidor. + -# Mostramos la lista de valores actuales. - Para poder cancelar, mantenemos el estado original y desactivamos - o activamos los ítemes según estén incluidos en esa lista o no. - .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } } - - metadata.values.slice(*metadata.value).each do |value| - = render 'posts/new_array_value', value: value + Al aceptar el modal, se vacía el listado y se completa en base a + renderizaciones con HTMX. Para poder hacer eso, tenemos que poder + acceder a todos los items dentro del modal (como array.item) y + enviar el valor al endpoint que devuelve uno por uno. Esto lo + tenemos disponible en Stimulus, pero queremos usar HTMX o técnica + similar para poder renderizar del lado del servidor. - = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + Para poder cancelar, mantenemos el estado original y desactivamos + o activamos los ítemes según estén incluidos en esa lista o no. + .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } } + - metadata.values.slice(*metadata.value).each do |value| + = render 'posts/new_array_value', value: value = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do - content_for :"#{id}_header" do diff --git a/app/views/posts/attributes/_new_has_many.haml b/app/views/posts/attributes/_new_has_many.haml index e35ef453..3aef2b86 100644 --- a/app/views/posts/attributes/_new_has_many.haml +++ b/app/views/posts/attributes/_new_has_many.haml @@ -21,23 +21,23 @@ %div{ id: modal_id, data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_related_post_path(site) } } .form-group = hidden_field_tag name, '' - = label_tag id, post_label_t(attribute, post: post) - -# Mostramos la lista de valores actuales. + .d-flex.align-items-center.justify-content-between + = label_tag id, post_label_t(attribute, post: post) + = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + -# Mostramos la lista de valores actuales. - Al aceptar el modal, se vacía el listado y se completa en base a - renderizaciones con HTMX. Para poder hacer eso, tenemos que poder - acceder a todos los items dentro del modal (como array.item) y - enviar el valor al endpoint que devuelve uno por uno. Esto lo - tenemos disponible en Stimulus, pero queremos usar HTMX o técnica - similar para poder renderizar del lado del servidor. + Al aceptar el modal, se vacía el listado y se completa en base a + renderizaciones con HTMX. Para poder hacer eso, tenemos que poder + acceder a todos los items dentro del modal (como array.item) y + enviar el valor al endpoint que devuelve uno por uno. Esto lo + tenemos disponible en Stimulus, pero queremos usar HTMX o técnica + similar para poder renderizar del lado del servidor. - Para poder cancelar, mantenemos el estado original y desactivamos - o activamos los ítemes según estén incluidos en esa lista o no. - .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } } - - metadata.values.slice(*metadata.value).each do |value| - = render 'posts/new_array_value', value: value - - = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + Para poder cancelar, mantenemos el estado original y desactivamos + o activamos los ítemes según estén incluidos en esa lista o no. + .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } } + - metadata.values.slice(*metadata.value).each do |value| + = render 'posts/new_array_value', value: value = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do - content_for :"#{id}_header" do diff --git a/app/views/posts/attributes/_new_predefined_array.haml b/app/views/posts/attributes/_new_predefined_array.haml index 36f1ae2f..09d8f7ce 100644 --- a/app/views/posts/attributes/_new_predefined_array.haml +++ b/app/views/posts/attributes/_new_predefined_array.haml @@ -10,23 +10,24 @@ %div{ data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_array_value_path(site) } } .form-group = hidden_field_tag name, '' - = label_tag id, post_label_t(attribute, post: post) - -# Mostramos la lista de valores actuales. + .d-flex.align-items-center.justify-content-between + = label_tag id, post_label_t(attribute, post: post) + = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' - Al aceptar el modal, se vacía el listado y se completa en base a - renderizaciones con HTMX. Para poder hacer eso, tenemos que poder - acceder a todos los items dentro del modal (como array.item) y - enviar el valor al endpoint que devuelve uno por uno. Esto lo - tenemos disponible en Stimulus, pero queremos usar HTMX o técnica - similar para poder renderizar del lado del servidor. + -# Mostramos la lista de valores actuales. - Para poder cancelar, mantenemos el estado original y desactivamos - o activamos los ítemes según estén incluidos en esa lista o no. - .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } } - - metadata.values.slice(*metadata.value).each_key do |value| - = render 'posts/new_array_value', value: value + Al aceptar el modal, se vacía el listado y se completa en base a + renderizaciones con HTMX. Para poder hacer eso, tenemos que poder + acceder a todos los items dentro del modal (como array.item) y + enviar el valor al endpoint que devuelve uno por uno. Esto lo + tenemos disponible en Stimulus, pero queremos usar HTMX o técnica + similar para poder renderizar del lado del servidor. - = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show' + Para poder cancelar, mantenemos el estado original y desactivamos + o activamos los ítemes según estén incluidos en esa lista o no. + .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } } + - metadata.values.slice(*metadata.value).each_key do |value| + = render 'posts/new_array_value', value: value = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do - content_for :"#{id}_header" do