docbrown/app/views/admin/profile_fields/_grouped_profile_fields.html.erb
Rajat Talesra 26c72096ba
Remove bootstrap classes : collapse hide show (#18917)
* Removed bootstrap from listing_categories, listings, navigation_links

* Removed not-used bootstrap classes from admin/tags

* Removed bootstrap from admin/settings

* Fix collapse glitch in profile-fields

* Feedback partial progress

* Feedback partial progress

* Removed form-control

* Replaced card with crayons-card

* Fixed profile field UI

* Removed collapse hide and show classes

* Removed collapse hide and show classes

* Removed collapse hide and show classes

* Nit height fix

* Nit width fix

* Updated tests
2023-01-06 21:25:49 +05:30

46 lines
2.5 KiB
Text

<% @grouped_profile_fields.each do |group| %>
<article id="profile-field-group-<%= group.id %>" class="flex flex-wrap -mx-4 my-3">
<details class="crayons-card w-100">
<summary id="profile-field-group-summary-<%= group.id %>" class="card-header">
<div class="flex items-center justify-between w-100">
<div class="card-header__information">
<div class="fw-bold fs-l"><%= group.name %></div>
<div class="fw-bold fs-s">&nbsp;(<%= group.profile_fields.length %>)</div>
<% if group.description %>
<div class="fs-s group__description"><%= group.description %></div>
<% end %>
</div>
<div class="card-header__actions">
<%= render partial: "add_profile_field_modal", locals: { group: group, dom_safe_name: dom_safe_name(group.name) } %>
<%= render partial: "edit_group_modal", locals: { group: group, dom_safe_name: dom_safe_name(group.name) } %>
<%= button_to "Delete Group", admin_profile_field_group_path(group), data: { confirm: "Are you sure?" }, method: :delete, class: "crayons-btn crayons-btn--danger mx-1" %>
</div>
</div>
</summary>
<div id="<%= dom_safe_name(group.name) %>BodyContainer" aria-labelledby="<%= dom_safe_name(group.name) %>Header">
<% if group.profile_fields.empty? %>
<div class="m-3"> There are no profile fields configured for this group. </div>
<% else %>
<div class="m-3">
<% group.profile_fields.each do |field| %>
<details class="crayons-card mb-4" id="profile-field-<%= field.id %>">
<summary id="profile-field-summary-<%= field.id %>" class="crayons-subtitle-2 p-5"><%= field.label %></summary>
<div id="<%= field.attribute_name %>_container" class="p-5 pt-0">
<div class="flex flex-col p-6 mb-6 gap-1">
<%= form_for [:admin, field] do |form| %>
<%= render "profile_field_form", form: form, group: group %>
<%= form.submit class: "c-btn c-btn--primary mt-4" %>
<% end %>
<%= button_to "Delete Profile Field", admin_profile_field_path(field), data: { confirm: "Are you sure?" }, method: :delete, class: "crayons-btn crayons-btn--danger mt-4 mx-auto" %>
</div>
</div>
</details>
<% end %>
</div>
<% end %>
</div>
</details>
</article>
<% end %>