Admin dashboard route and page (#187)

* add route, controller, and view * render footer optionally on org pages and add start of dashboard UI * lint fix * move navbar to a partial * move navbar into a partial and set up a dashboard layout template to render navbar and the appropriate template
rubyforgood · Sep 26, 2023 · a50fb26 · a50fb26
1 parent 6cd087b
commit a50fb26
Show file tree

Hide file tree

Showing 6 changed files with 120 additions and 8 deletions.
diff --git a/app/controllers/organizations/dashboard_controller.rb b/app/controllers/organizations/dashboard_controller.rb
@@ -0,0 +1,7 @@
+class Organizations::DashboardController < Organizations::BaseController
+  before_action :verified_staff
+
+  def index
+    @hide_footer = true
+  end
+end
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -30,7 +30,7 @@
     </main>
 
     <% if Current.tenant.present? %>
-      <%= render partial: "layouts/shared/footer" %>
+      <%= render partial: "layouts/shared/footer" unless @hide_footer %>
     <% else %>
       <%= render partial: "layouts/shared/no_tenant_footer" %>
     <% end %>

diff --git a/app/views/layouts/shared/_navbar.html.erb b/app/views/layouts/shared/_navbar.html.erb
@@ -49,13 +49,8 @@
               <% end %>
               <% if current_user.staff_account && current_user.staff_account.verified %>
                 <li>
-                  <%= link_to pets_path, class: 'dropdown-item' do %>
-                    <i class="fe fe-star me-2"></i> Our Pets
-                  <% end %>
-                </li>
-                <li>
-                  <%= link_to adopter_applications_path, class: 'dropdown-item' do %>
-                    <i class="fe fe-star me-2"></i> Applications
+                  <%= link_to dashboard_index_path, class: 'dropdown-item' do %>
+                    <i class="fe fe-star me-2"></i> Dashboard
                   <% end %>
                 </li>
               <% end %>

diff --git a/app/views/organizations/dashboard/_navbar.html.erb b/app/views/organizations/dashboard/_navbar.html.erb
@@ -0,0 +1,105 @@
+ <!-- Sidebar -->
+ <nav class="navbar-vertical navbar">
+     <div class="vh-100" data-simplebar>
+         <!-- Brand logo -->
+         <a class="navbar-brand" href="@@webRoot/index.html">
+             <img src="@@webRoot/assets/images/brand/logo/logo-inverse.svg" alt="" >
+         </a>
+         <!-- Navbar nav -->
+         <ul class="navbar-nav flex-column" id="sideNavbar">
+          <% if current_user.staff_account && current_user.staff_account.has_role?(:admin, current_user.staff_account.organization) %>
+            <li class="nav-item">
+                    <a class="nav-link @@if (context.page_group !== 'courses') { collapsed }" href="#"
+                        data-bs-toggle="collapse" data-bs-target="#navCourses" aria-expanded="false"
+                        aria-controls="navCourses">
+                        <i class="nav-icon fe fe-book me-2"></i> Organization
+                    </a>
+                    <div id="navCourses" class="collapse @@if (context.page_group === 'courses') { show }"
+                        data-bs-parent="#sideNavbar">
+                        <ul class="nav flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link @@if (context.page === 'allcourses') { active }"
+                                    href="@@webRoot/pages/dashboard/admin-course-overview.html">
+                                    Settings
+                                </a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link @@if (context.page === 'coursescategory') { active }"
+                                    href="@@webRoot/pages/dashboard/admin-course-category.html">
+                                    Staff
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </li>
+            <% end %>
+             <li class="nav-item">
+                 <a class="nav-link @@if (context.page_group !== 'courses') { collapsed }" href="#"
+                     data-bs-toggle="collapse" data-bs-target="#navCourses" aria-expanded="false"
+                     aria-controls="navCourses">
+                     <i class="nav-icon fe fe-book me-2"></i> Pets
+                 </a>
+                 <div id="navCourses" class="collapse @@if (context.page_group === 'courses') { show }"
+                     data-bs-parent="#sideNavbar">
+                     <ul class="nav flex-column">
+                         <li class="nav-item">
+                             <a class="nav-link @@if (context.page === 'allcourses') { active }"
+                                 href="@@webRoot/pages/dashboard/admin-course-overview.html">
+                                 Manage
+                             </a>
+                         </li>
+                         <li class="nav-item">
+                             <a class="nav-link @@if (context.page === 'allcourses') { active }"
+                                 href="@@webRoot/pages/dashboard/admin-course-overview.html">
+                                 Checklists
+                             </a>
+                         </li>
+                     </ul>
+                 </div>
+             </li>
+             <li class="nav-item">
+                 <a class="nav-link @@if (context.page_group !== 'courses') { collapsed }" href="#"
+                     data-bs-toggle="collapse" data-bs-target="#navCourses" aria-expanded="false"
+                     aria-controls="navCourses">
+                     <i class="nav-icon fe fe-book me-2"></i> Applications
+                 </a>
+                 <div id="navCourses" class="collapse @@if (context.page_group === 'courses') { show }"
+                     data-bs-parent="#sideNavbar">
+                     <ul class="nav flex-column">
+                         <li class="nav-item">
+                             <a class="nav-link @@if (context.page === 'allcourses') { active }"
+                                 href="@@webRoot/pages/dashboard/admin-course-overview.html">
+                                 Adoption
+                             </a>
+                         </li>
+                         <li class="nav-item">
+                             <a class="nav-link @@if (context.page === 'coursescategory') { active }"
+                                 href="@@webRoot/pages/dashboard/admin-course-category.html">
+                                 Foster
+                             </a>
+                         </li>
+                     </ul>
+                 </div>
+             </li>
+             <!-- Nav item -->
+             <li class="nav-item">
+                 <a class="nav-link  @@if (context.page_group !== 'user') { collapsed }" href="#"
+                     data-bs-toggle="collapse" data-bs-target="#navProfile" aria-expanded="false"
+                     aria-controls="navProfile">
+                     <i class="nav-icon fe fe-user me-2"></i> Donations
+                 </a>
+                 <div id="navProfile" class="collapse @@if (context.page_group === 'user') { show }"
+                     data-bs-parent="#sideNavbar">
+                     <ul class="nav flex-column">
+                         <li class="nav-item">
+                             <a class="nav-link @@if (context.page === 'instructor') { active }"
+                                 href="@@webRoot/pages/dashboard/admin-instructor.html">
+                                 Sources
+                             </a>
+                         </li>
+                     </ul>
+                 </div>
+             </li>
+        </div>
+   </nav>
+
diff --git a/app/views/organizations/dashboard/index.html.erb b/app/views/organizations/dashboard/index.html.erb
@@ -0,0 +1,4 @@
+<div class="d-flex">
+  <%= render 'organizations/dashboard/navbar' %>
+  <%= yield :dashboard_content %>
+</div>
diff --git a/config/routes.rb b/config/routes.rb
@@ -17,6 +17,7 @@
   scope module: :organizations do
     resources :home, only: [:index]
     resources :pets
+    resources :dashboard
   end
 
   resources :profile_reviews, only: [:show]