AMBARI-5771. Multiple repositories support in UI Admin > Cluster. (akovalenko)

ambari-web/app/controllers/main/admin/cluster.js

@@ -90,13 +90,27 @@ App.MainAdminClusterController = Em.Controller.extend({
 
   loadRepositoriesSuccessCallback: function (data) {
     var allRepos = [];
-    data.items.forEach(function(os) {
+    data.items.forEach(function (os) {
       if (!App.supports.ubuntu && os.OperatingSystems.os_type == 'debian12') return; // @todo: remove after Ubuntu support confirmation
-      var repo = Em.Object.create({
-        baseUrl: os.repositories[0].Repositories.base_url,
-        osType: os.repositories[0].Repositories.os_type
+      os.repositories.forEach(function (repository) {
+        var osType = repository.Repositories.os_type;
+        var repo = Em.Object.create({
+          baseUrl: repository.Repositories.base_url,
+          osType: osType,
+          repoId: repository.Repositories.repo_id,
+          isFirst: false
+        });
+        var group = allRepos.findProperty('name', osType);
+        if (!group) {
+          group = {
+            name: osType,
+            repositories: []
+          };
+          repo.set('isFirst', true);
+          allRepos.push(group);
+        }
+        group.repositories.push(repo);
       });
-      allRepos.push(repo);
     }, this);
     allRepos.stackVersion = App.get('currentStackVersionNumber');
     this.set('repositories', allRepos);

ambari-web/app/templates/main/admin/cluster.hbs

@@ -60,19 +60,25 @@
       </li>
     </ul>
 
-    <table class="table table-bordered table-striped">
+    <table class="table table-bordered">
       <thead>
       <tr>
         <th>{{t admin.cluster.repositories.os}}</th>
+        <th>{{t common.name}}</th>
         <th>{{t admin.cluster.repositories.baseUrl}}</th>
       </tr>
       </thead>
       <tbody>
-        {{#each repo in repositories}}
-          <tr>
-            <td>{{repo.osType}}</td>
-            <td>{{repo.baseUrl}}</td>
-          </tr>
+        {{#each repoGroup in repositories}}
+          {{#each repo in repoGroup.repositories}}
+            <tr>
+              {{#if repo.isFirst}}
+                <td {{bindAttr rowspan="repoGroup.repositories.length"}}>{{repo.osType}}</td>
+              {{/if}}
+              <td>{{repo.repoId}}</td>
+              <td>{{repo.baseUrl}}</td>
+            </tr>
+          {{/each}}
         {{/each}}
       </tbody>
     </table>