Scaffold module browser

Author: ahmed-mgd

apps/dashboard/app/controllers/module_browser_controller.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class ModuleBrowserController < ApplicationController
+  def index
+    # FIXME: select clusters from Configuration.job_clusters
+    @clusters = OodAppkit.clusters.select(&:job_allow?).reject { |c| c.metadata.hidden }
+    @selected_clusters = params[:cluster]
+    @modules = @clusters.flat_map do |cluster|
+      HpcModule.all(cluster.id).each { |mod| mod.cluster = cluster.id }
+    end
+    @modules = @modules.group_by(&:name)
+  end
+end

apps/dashboard/app/models/hpc_module.rb

@@ -32,6 +32,7 @@ def all_versions(module_name)
   end
 
   attr_reader :name, :version, :hidden
+  attr_accessor :cluster
   alias hidden? hidden
 
   def initialize(name, version: nil, hidden: false)

apps/dashboard/app/views/module_browser/_cluster_tabs.html.erb

@@ -0,0 +1,23 @@
+<ul class="nav nav-tabs mt-3" id="tabs-<%= name_id %>" role="tablist">
+  <% clusters.each_with_index do |cluster, cidx| %>
+    <% cluster_id = cluster.to_s.parameterize %>
+    <li class="nav-item" role="presentation">
+      <button class="nav-link <%= 'active' if cidx == 0 %>" id="tab-<%= name_id %>-<%= cluster_id %>" data-bs-toggle="tab" data-bs-target="#tab-pane-<%= name_id %>-<%= cluster_id %>" type="button" role="tab">
+        <%= cluster.to_s.titleize %>
+      </button>
+    </li>
+  <% end %>
+</ul>
+
+<div class="tab-content p-3 border border-top-0">
+  <% clusters.each_with_index do |cluster, cidx| %>
+    <% cluster_id = cluster.to_s.parameterize %>
+    <div class="tab-pane fade <%= 'show active' if cidx == 0 %>" id="tab-pane-<%= name_id %>-<%= cluster_id %>" role="tabpanel">
+      <div class="d-flex flex-wrap gap-2">
+        <% sorted_versions.select { |v| v.cluster == cluster }.each do |mod| %>
+          <span class="badge bg-secondary p-2"><%= mod.version || "default" %></span>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+</div>

apps/dashboard/app/views/module_browser/_filters.html.erb

@@ -0,0 +1,2 @@
+<%# TODO: Search, filter by cluster/architecture, sort %>
+

apps/dashboard/app/views/module_browser/_module_row.html.erb

@@ -0,0 +1,41 @@
+<% sorted_versions = versions.sort_by(&:version).reverse %>
+<% latest_version = sorted_versions.first %>
+<% clusters = versions.map(&:cluster).uniq %>
+
+<% if selected_clusters.blank? || clusters.include?(selected_clusters) %>
+  <% name_id = name.to_s %>
+  <tr>
+    <td class="text-center">
+      <button class="btn btn-sm border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-<%= name_id %>">
+        >
+      </button>
+    </td>
+    <td><%= name %></td>
+    <td>
+      <%= latest_version.version || "default" %>
+      <% if sorted_versions.size > 1 %>
+        <span class="text-muted small">(<%= sorted_versions.size - 1 %> others)</span>
+      <% end %>
+    </td>
+    <%# TODO: Add desc after extending HpcModule %>
+    <td><%= "No description available" %></td>
+    <td><%= clusters.map { |c| c.to_s.titleize }.join(", ") %></td>
+  </tr>
+
+  <tr class="collapse bg-light" id="collapse-<%= name_id %>">
+    <td colspan="5">
+      <div class="p-3">
+        <strong>Available Modules:</strong>
+
+        <%= render 'cluster_tabs', name_id: name_id, clusters: clusters, sorted_versions: sorted_versions %>
+
+        <hr>
+
+        <%# TODO: Change module load command to use selected version %>
+        <strong>Load module:</strong>
+        <div><code>module load <%= latest_version.to_s %></code></div>
+
+      </div>
+    </td>
+  </tr>
+<% end %>

apps/dashboard/app/views/module_browser/_module_table.html.erb

@@ -0,0 +1,18 @@
+<div class="table-responsive">
+  <table class="table">
+    <thead class="table-light">
+      <tr>
+        <th></th>
+        <th>Name</th>
+        <th>Version(s)</th>
+        <th>Description</th>
+        <th>Clusters</th>
+      </tr>
+    </thead>
+    <tbody id="moduleTable">
+      <% modules.sort.each_with_index do |(name, versions), index| %>
+        <%= render 'module_row', name: name, versions: versions, selected_clusters: selected_clusters %>
+      <% end %>
+    </tbody>
+  </table>
+</div>

apps/dashboard/app/views/module_browser/index.html.erb

@@ -0,0 +1,4 @@
+<h1 class="mb-4">Module Browser</h1>
+
+<%= render 'filters' %>
+<%= render 'module_table', modules: @modules, selected_clusters: @selected_clusters %>

apps/dashboard/config/routes.rb

@@ -128,6 +128,8 @@
   match '/404', :to => 'errors#not_found', :via => :all
   match '/500', :to => 'errors#internal_server_error', :via => :all
 
+  get 'module_browser' => 'module_browser#index', :as => 'module_browser'
+
   # The priority is based upon order of creation: first created -> highest priority.
   # See how all your routes lay out with "rake routes".