forked from rubyforgood/human-essentials
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[rubyforgood#4504] Introduce accordion for expand and collapsible sec…
…tions
- Loading branch information
1 parent
96e22df
commit cbca1d3
Showing
1 changed file
with
60 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,60 @@ | ||
| <h2>Placeholder for Partner Step Form</h2> | ||
| <section class="content-header"> | ||
| <div class="container-fluid"> | ||
| <div class="row mb-2"> | ||
| <div class="col-sm-6"> | ||
| <% content_for :title, "Step Editing - #{current_partner.name}" %> | ||
| <h1><i class="fa fa-edit"></i> Edit My Organization | ||
| <%= partner_status_badge(current_partner) %> | ||
| <small>for <%= current_partner.name %></small> | ||
| </h1> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <ol class="breadcrumb float-sm-right"> | ||
| <li class="breadcrumb-item"><a href="<%= partner_user_root_path %>"><i class="fa fa-home fa-lg"></i></a></li> | ||
| <li class="breadcrumb-item"> | ||
| <a href="<%= edit_partners_profile_path %>"><%= "#{current_partner.name}" %></a></li> | ||
| <li class="breadcrumb-item"><a href="#">Edit</a></li> | ||
| </ol> | ||
| </div> | ||
| </div> | ||
| </div><!-- /.container-fluid --> | ||
| </section> | ||
|
|
||
| <div class="accordion" id="accordionExample"> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header"> | ||
| <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | ||
| Agency Information | ||
| </button> | ||
| </h2> | ||
| <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| <strong>TODO: Form with only agency details</strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header"> | ||
| <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | ||
| Social Media | ||
| </button> | ||
| </h2> | ||
| <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| <strong>TODO: Form with only social media details</strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header"> | ||
| <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> | ||
| Next section | ||
| </button> | ||
| </h2> | ||
| <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| <strong>TODO: Whatever the next form is...</strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |