katello 4.8.4 → 4.9.0.rc1

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/bulk/views/content-hosts-bulk-traces-modal.html

@@ -1,5 +1,5 @@
 <div data-extend-template="components/views/bst-modal.html">
-  <h4 data-block="modal-header">Content Host Traces Management</h4>
+  <h4 translate data-block="modal-header">Content Host Traces Management</h4>
 
   <div data-block="modal-body">
 

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/content/views/content-host-errata.html

@@ -5,6 +5,8 @@
   <h3 translate ng-show="selectedErrataOption === 'current'">Installable Errata</h3>
 </div>
 
+<div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
+
 <div ng-hide="host.hasContent()">
   <div data-extend-template="common/views/registration.html"></div>
 </div>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/content/views/content-host-packages-actions.html

@@ -2,6 +2,7 @@
 
 <section ng-hide="denied('edit_hosts', host)" bst-feature-flag="remote_actions">
   <h4 translate>Package Actions</h4>
+  <div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
   <p bst-alert="warning" ng-hide="hostToolingEnabled">
     <span translate>
       Performing host package actions is disabled because Katello is not configured for Remote Execution or Katello Agent.

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/content/views/content-host-packages-applicable.html

@@ -1,6 +1,7 @@
 <span page-title ng-model="host">{{ 'Packages for: ' | translate }} {{ host.name }}</span>
 
 <h3 translate>Applicable Packages</h3>
+<div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
 
 <section ng-hide="denied('edit_hosts', host)" bst-feature-flag="remote_actions">
   <p bst-alert="warning" ng-hide="hostToolingEnabled">

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/content/views/content-host-packages-installed.html

@@ -2,6 +2,8 @@
 
 <h3 translate>Installed Packages</h3>
 
+<div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
+
 <section ng-hide="denied('edit_hosts', host)" bst-feature-flag="remote_actions">
   <p bst-alert="warning" ng-hide="hostToolingEnabled">
     <span translate>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/content-hosts.controller.js

@@ -15,7 +15,6 @@
  * @requires ContentHostsHelper
  * @requires simpleContentAccessEnabled
  * @requires newHostDetailsUI
- * @requires BastionConfig
  *
  * @description
  *   Provides the functionality specific to Content Hosts for use with the Nutupane UI pattern.
@@ -23,8 +22,8 @@
  *   within the table.
  */
 angular.module('Bastion.content-hosts').controller('ContentHostsController',
-    ['$scope', '$q', '$state', '$location', '$uibModal', 'translate', 'Nutupane', 'Host', 'HostBulkAction', 'Notification', 'CurrentOrganization', 'ContentHostsHelper', 'ContentHostsModalHelper', '$httpParamSerializer', 'simpleContentAccessEnabled', 'newHostDetailsUI', 'BastionConfig',
-    function ($scope, $q, $state, $location, $uibModal, translate, Nutupane, Host, HostBulkAction, Notification, CurrentOrganization, ContentHostsHelper, ContentHostsModalHelper, $httpParamSerializer, simpleContentAccessEnabled, newHostDetailsUI, BastionConfig) {
+    ['$scope', '$q', '$state', '$location', '$uibModal', 'translate', 'Nutupane', 'Host', 'HostBulkAction', 'Notification', 'CurrentOrganization', 'ContentHostsHelper', 'ContentHostsModalHelper', '$httpParamSerializer', 'simpleContentAccessEnabled', 'newHostDetailsUI',
+    function ($scope, $q, $state, $location, $uibModal, translate, Nutupane, Host, HostBulkAction, Notification, CurrentOrganization, ContentHostsHelper, ContentHostsModalHelper, $httpParamSerializer, simpleContentAccessEnabled, newHostDetailsUI) {
         var nutupane, params, query;
 
         if ($location.search().search) {
@@ -52,7 +51,6 @@ angular.module('Bastion.content-hosts').controller('ContentHostsController',
         $scope.nutupane = nutupane;
         $scope.simpleContentAccessEnabled = simpleContentAccessEnabled;
         $scope.newHostDetailsUI = newHostDetailsUI;
-        $scope.katelloAgentPresent = BastionConfig.katelloAgentPresent;
 
         // @TODO begin hack necessary because of foreman API bug http://projects.theforeman.org/issues/13877
         $scope.table.sortBy = function (column) {

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/details/content-host-details.controller.js

@@ -14,14 +14,13 @@
  * @requires deleteHostOnUnregister
  * @requires ContentHostsHelper
  * @requires simpleContentAccessEnabled
- * @requires BastionConfig
  *
  * @description
  *   Provides the functionality for the content host details action pane.
  */
 angular.module('Bastion.content-hosts').controller('ContentHostDetailsController',
-    ['$scope', '$state', '$q', '$location', 'translate', 'Host', 'HostSubscription', 'Organization', 'CurrentOrganization', 'Notification', 'MenuExpander', 'ApiErrorHandler', 'deleteHostOnUnregister', 'ContentHostsHelper', 'simpleContentAccessEnabled', 'BastionConfig',
-    function ($scope, $state, $q, $location, translate, Host, HostSubscription, Organization, CurrentOrganization, Notification, MenuExpander, ApiErrorHandler, deleteHostOnUnregister, ContentHostsHelper, simpleContentAccessEnabled, BastionConfig) {
+    ['$scope', '$state', '$q', '$location', 'translate', 'Host', 'HostSubscription', 'Organization', 'CurrentOrganization', 'Notification', 'MenuExpander', 'ApiErrorHandler', 'deleteHostOnUnregister', 'ContentHostsHelper', 'simpleContentAccessEnabled',
+    function ($scope, $state, $q, $location, translate, Host, HostSubscription, Organization, CurrentOrganization, Notification, MenuExpander, ApiErrorHandler, deleteHostOnUnregister, ContentHostsHelper, simpleContentAccessEnabled) {
         $scope.menuExpander = MenuExpander;
 
         $scope.getHostStatusIcon = ContentHostsHelper.getHostStatusIcon;
@@ -37,7 +36,6 @@ angular.module('Bastion.content-hosts').controller('ContentHostDetailsController
 
         $scope.purposeAddonsCount = 0;
         $scope.simpleContentAccessEnabled = simpleContentAccessEnabled;
-        $scope.katelloAgentPresent = BastionConfig.katelloAgentPresent;
 
         $scope.panel = {
             error: false,

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/details/views/content-host-details.html

@@ -54,7 +54,6 @@
 
   <nav data-block="navigation">
     <div content-access-mode-banner></div>
-    <div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
     <ul class="nav nav-tabs">
       <li ng-class="{active: isState('content-host.info')}">
         <a translate

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/content-hosts/views/content-hosts.html

@@ -66,10 +66,6 @@
     </span>
   </div>
 
-  <span data-block="messages">
-    <div ng-show="katelloAgentPresent" data-extend-template="common/views/katello-agent-notice.html"></div>
-  </span>
-
   <span data-block="no-rows-message" translate>
     You currently don't have any Content Hosts, you can register one by clicking the button on the right and following the instructions.
   </span>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/debs/details/deb.controller.js

@@ -6,11 +6,12 @@
      *
      * @requires Host
      * @requires CurrentOrganization
+     * @requires newHostDetailsUI
      *
      * @description
      *   Provides the functionality for the debs details action pane.
      */
-    function DebController($scope, Deb, Host, CurrentOrganization, ApiErrorHandler) {
+    function DebController($scope, Deb, Host, CurrentOrganization, ApiErrorHandler, newHostDetailsUI) {
         $scope.panel = {
             error: false,
             loading: true
@@ -21,6 +22,7 @@
         }
 
         $scope.installedPackageCount = undefined;
+        $scope.newHostDetailsUI = (newHostDetailsUI === 'true');
 
         $scope.fetchHostCount = function() {
             Host.get({'per_page': 0, 'search': $scope.createRawSearchString('installed_deb'), 'organization_id': CurrentOrganization}, function (data) {
@@ -49,6 +51,6 @@
         .module('Bastion.debs')
         .controller('DebController', DebController);
 
-    DebController.$inject = ['$scope', 'Deb', 'Host', 'CurrentOrganization', 'ApiErrorHandler'];
+    DebController.$inject = ['$scope', 'Deb', 'Host', 'CurrentOrganization', 'ApiErrorHandler', 'newHostDetailsUI'];
 
 })();

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/debs/details/views/deb-info.html

@@ -9,7 +9,10 @@
       <dd>
         <i class="fa fa-spinner fa-spin" ng-show="installedDebCount === undefined"></i>
         <span ng-show="installedDebCount !== undefined">
-          <a href="{{ '/content_hosts?search=' + createSearchString('installed_deb') }}" translate>
+          <a ng-if="newHostDetailsUI" href="{{ '/hosts?search=' + createSearchString('installed_deb') }}" translate>
+            {{ installedDebCount }} Host(s)
+          </a>
+          <a ng-if="!newHostDetailsUI" href="{{ '/content_hosts?search=' + createSearchString('installed_deb') }}" translate>
             {{ installedDebCount }} Host(s)
           </a>
         </span>
@@ -17,14 +20,20 @@
 
       <dt translate>Applicable To</dt>
       <dd>
-        <a href="{{ '/content_hosts?search=' + createSearchString('applicable_debs') }}" translate>
+        <a ng-if="newHostDetailsUI" href="{{ '/hosts?search=' + createSearchString('applicable_debs') }}" translate>
+          {{ deb.hosts_applicable_count }} Host(s)
+        </a>
+        <a ng-if="!newHostDetailsUI" href="{{ '/content_hosts?search=' + createSearchString('applicable_debs') }}" translate>
           {{ deb.hosts_applicable_count }} Host(s)
         </a>
       </dd>
 
       <dt translate>Upgradable For</dt>
       <dd>
-        <a href="{{ '/content_hosts?search=' + createSearchString('upgradable_debs') }}" translate>
+        <a ng-if="newHostDetailsUI" href="{{ '/hosts?search=' + createSearchString('upgradable_debs') }}" translate>
+          {{ deb.hosts_available_count }} Host(s)
+        </a>
+        <a ng-if="!newHostDetailsUI" href="{{ '/content_hosts?search=' + createSearchString('upgradable_debs') }}" translate>
           {{ deb.hosts_available_count }} Host(s)
         </a>
       </dd>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/details/docker-tag-repositories.controller.js

@@ -0,0 +1,43 @@
+/**
+ * @ngdoc object
+ * @name  Bastion.docker-tags.controller:DockerTagDetailsController
+ *
+ * @requires $scope
+ * @requires $location
+ * @requires DockerTag
+ * @requires CurrentOrganization
+ *
+ * @description
+ *   Provides the functionality for the docker tags details repositories list.
+ */
+angular.module('Bastion.docker-tags').controller('DockerTagRepositoriesController',
+    ['$scope', '$location', 'Nutupane', 'DockerTag', 'CurrentOrganization',
+    function ($scope, $location, Nutupane, DockerTag, CurrentOrganization) {
+        var params = {
+            'organization_id': CurrentOrganization,
+            'search': $location.search().search || "",
+            'sort_by': 'name',
+            'sort_order': 'ASC',
+            'paged': false
+        };
+
+        var nutupane = new Nutupane(DockerTag, params, null, {disableAutoLoad: true});
+
+        var renderTable = function () {
+            params.action = 'repositories';
+            params.id = $scope.tag.id;
+
+            nutupane.setParams(params);
+            nutupane.refresh();
+        };
+
+        $scope.table = nutupane.table;
+
+        $scope.controllerName = 'katello_docker_tags';
+
+        $scope.tag.$promise.then(function() {
+            $scope.panel.loading = false;
+            renderTable();
+        });
+    }
+]);

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/details/views/docker-tag-details.html

@@ -21,6 +21,13 @@
           </span>
         </a>
       </li>
+      <li ng-class="{active: stateIncludes('docker-tag.repositories')}">
+        <a ui-sref="docker-tag.repositories">
+          <span translate>
+            Repositories
+          </span>
+        </a>
+        </li>
     </ul>
   </nav>
 

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/details/views/docker-tag-environments.html

@@ -1,4 +1,3 @@
-
 <div data-extend-template="layouts/partials/table.html">
   <div data-block="search">
     <input type="text"

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/details/views/docker-tag-info.html

@@ -9,13 +9,6 @@
           {{ tag.product.name }}
         </a>
       </dd>
-
-      <dt translate>Repository</dt>
-      <dd>
-        <a ui-sref="product.repository.manage-content.docker-manifests({productId: tag.product.id, repositoryId: tag.repository.id})">
-          {{ tag.repository.name }}
-        </a>
-      </dd>
     </dl>
   </div>
 

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/details/views/docker-tag-repositories.html

@@ -0,0 +1,60 @@
+<div data-extend-template="layouts/partials/table.html">
+    <div data-block="search">
+      <input type="text"
+             class="form-control"
+             placeholder="{{ 'Filter' | translate }}"
+             ng-model="dockerTagFilter"/>
+    </div>
+  
+    <span data-block="no-rows-message" translate>
+      This Container Image Tag is not present in any Repositories.
+    </span>
+  
+    <span data-block="no-search-results-message" translate>
+      Your search returned zero Repositories.
+    </span>
+  
+    <div data-block="table">
+      <table bst-table="table" class="table table-striped table-bordered" ng-class="{'table-mask': table.working}">
+        <thead>
+          <tr bst-table-head>
+            <th bst-table-column="name" translate>Name</th>
+            <th bst-table-column="product" translate>Product</th>
+            <th bst-table-column="contentView" translate>Content View</th>
+            <th bst-table-column="lastSync"><span translate>Last Sync</span></th>
+          </tr>
+        </thead>
+  
+        <tbody>
+          <tr bst-table-row
+              ng-repeat="repo in table.rows | filter:dockerTagFilter">
+            <td bst-table-cell>
+              <a ng-href="/products/{{ repo.product.id }}/repositories/{{ repo.library_instance_id || repo.id }}">
+                {{ repo.name }}
+              </a>
+            </td>
+            <td bst-table-cell>
+              <a ui-sref="product.info({productId: repo.product.id})">
+                {{ repo.product.name }}
+              </a>
+            </td>
+            <td bst-table-cell>
+              {{ repo.content_view.name }}
+            </td>
+            <td bst-table-cell>
+              <span ng-show="repo.url">
+              <span ng-show="repo.last_sync == null" translate>
+                Not Synced
+              </span>
+              <span ng-hide="repo.last_sync == null">
+                <a href="/foreman_tasks/tasks/{{repo.last_sync.id}}">{{ repo.last_sync.result | capitalize}}</a>
+                <span translate>{{ repo.last_sync_words }} ago</span>
+              </span>
+            </span>
+            <span ng-hide="repo.url" translate>N/A</span>
+          </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/docker-tags.controller.js

@@ -44,13 +44,5 @@ angular.module('Bastion.docker-tags').controller('DockerTagsController',
             }
             return versions.join(", ");
         };
-
-        $scope.getRepositoryNames = function (tag) {
-            return tag.repositories.map(function(repo) {
-                return repo.name;
-            }).filter(function(item, index, names) {
-                return names.indexOf(item) >= index;
-            }).sort().join(', ');
-        };
     }]
 );

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/docker-tags.routes.js

@@ -50,5 +50,15 @@ angular.module('Bastion.docker-tags').config(['$stateProvider', function ($state
             label: "{{ 'Lifecycle Environments' | translate }}",
             parent: 'docker-tag.info'
         }
+    })
+    .state('docker-tag.repositories', {
+        url: '/repositories',
+        permission: 'view_products',
+        templateUrl: 'docker-tags/details/views/docker-tag-repositories.html',
+        controller: 'DockerTagRepositoriesController',
+        ncyBreadcrumb: {
+            label: "{{ 'Repositories' | translate }}",
+            parent: 'docker-tag.info'
+        }
     });
 }]);

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/docker-tags/views/docker-tags.html

@@ -21,7 +21,6 @@
           <th bst-table-column="name">{{ "Name" | translate }}</th>
           <th bst-table-column="schema_version">{{ "Available Schema Versions" | translate }}</th>
           <th bst-table-column="product">{{ "Product Name" | translate }}</th>
-          <th bst-table-column="repository">{{ "Repository Name" | translate }}</th>
         </tr>
       </thead>
 
@@ -38,9 +37,6 @@
           <td bst-table-cell>
             {{ tag.product.name }}
           </td>
-          <td bst-table-cell>
-            {{ getRepositoryNames(tag) }}
-          </td>
         </tr>
       </tbody>
     </table>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/apply-errata.controller.js

@@ -77,7 +77,7 @@ angular.module('Bastion.errata').controller('ApplyErrataController',
                 };
 
                 params['content_view_version_environments'] = [];
-                params['resolve_dependencies'] = true;
+                params['resolve_dependencies'] = !$scope.noDepSolve;
 
                 //get a list of unique content view version ids with their environments
                 angular.forEach($scope.updates, function (update) {

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/details/erratum-content-hosts.controller.js

@@ -8,13 +8,14 @@
  * @requires IncrementalUpdate
  * @requires Environment
  * @requires CurrentOrganization
+ * @requires newHostDetailsUI
  *
  * @description
  *   Provides the functionality for the available host collection details action pane.
  */
 angular.module('Bastion.errata').controller('ErratumContentHostsController',
-    ['$scope', 'Nutupane', 'Host', 'IncrementalUpdate', 'Environment', 'CurrentOrganization',
-    function ($scope, Nutupane, Host, IncrementalUpdate, Environment, CurrentOrganization) {
+    ['$scope', 'Nutupane', 'Host', 'IncrementalUpdate', 'Environment', 'CurrentOrganization', 'newHostDetailsUI',
+    function ($scope, Nutupane, Host, IncrementalUpdate, Environment, CurrentOrganization, newHostDetailsUI) {
         var nutupane, params, searchString, nutupaneParams = {
             'overrideAutoLoad': true
         };
@@ -32,6 +33,7 @@ angular.module('Bastion.errata').controller('ErratumContentHostsController',
 
         $scope.nutupane = nutupane;
         $scope.table = nutupane.table;
+        $scope.newHostDetailsUI = newHostDetailsUI;
         $scope.nutupane.searchTransform = function(term) {
             var addition, errataSearchStringAddition = $scope.errataSearchString($scope.restrictInstallable);
             if (errataSearchStringAddition) {

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/details/views/erratum-content-hosts.html

@@ -17,7 +17,7 @@
             ng-model="environmentFilter"
             ng-options="environment.id as environment.name for environment in environments"
             ng-change="selectEnvironment(environmentFilter)">
-      <option value="" disabled selected >Filter by Environment</option>
+      <option translate value="" disabled selected >Filter by Environment</option>
     </select>
 
 
@@ -62,9 +62,10 @@
         <tr bst-table-row ng-repeat="contentHost in table.rows" row-select="contentHost"
             ng-controller="ContentHostStatusController">
           <td bst-table-cell>
-            <a ui-sref="content-host.info({hostId: contentHost.id})">
-              {{ contentHost.name }}
-            </a>
+            <span ng-switch="newHostDetailsUI">
+              <a ng-switch-when="true" ng-href="/new/hosts/{{contentHost.name}}/content">{{ contentHost.name }}</a>
+              <a ng-switch-when="false" ui-sref="content-host.info({hostId: contentHost.id})">{{ contentHost.name }}</a>
+            </span>
           </td>
           <td bst-table-cell>{{ contentHost.operatingsystem_name }}</td>
           <td bst-table-cell>{{ contentHost.content_facet_attributes.lifecycle_environment_name }}</td>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/details/views/erratum-info.html

@@ -24,10 +24,10 @@
       <dd>{{ errata.severity | errataSeverity }}</dd>
 
       <dt translate>Issued</dt>
-      <dd><short-date-time date="errata.issued" /></dd>
+      <dd><long-date-time date="errata.issued" /></dd>
 
       <dt translate>Last Updated On</dt>
-      <dd><short-date-time date="errata.updated" /></dd>
+      <dd><long-date-time date="errata.updated" /></dd>
 
       <dt translate>Reboot Suggested?</dt>
       <dd>{{ errata.reboot_suggested | booleanToYesNo }}</dd>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/details/views/erratum-packages.html

@@ -4,7 +4,7 @@
   <div data-block="left-column">
     <h3 translate>Independent Packages</h3>
     <ul>
-      <p ng-show="!errata.packages.length" >No Packages to show</p>
+      <p translate ng-show="!errata.packages.length" >No Packages to show</p>
       <li ng-show="errata.packages.length" ng-repeat="package in errata.packages">
         <a href="/packages?search={{package}}">
           {{ package }}
@@ -16,7 +16,7 @@
   <div data-block="right-column">
     <h3 translate>Module Stream Packages</h3>
     <ul class="list-unstyled">
-      <p ng-show="!errata.module_streams.length" >No Packages to show</p>
+      <p translate ng-show="!errata.module_streams.length" >No Packages to show</p>
       <li ng-show="errata.module_streams.length" ng-repeat="moduleStream in errata.module_streams">
         <i class="fa fa-chevron-{{ moduleStreamChevron(moduleStream.id) }} cursor-pointer selected-icon" 
            ng-click="toggleModuleStreamList(moduleStream.id)"></i>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/views/apply-errata-confirm.html

@@ -116,6 +116,13 @@
       </span>
     </div>
 
+    <div class="checkbox" ng-show="updates.length > 0">
+      <label>
+        <input name="noDepSolve" ng-model="noDepSolve" type="checkbox"/>
+        <span translate>Skip dependency solving for a significant speed increase. If the update cannot be applied to the host, delete the incremental content view version and retry the application with dependency solving turned on.</span>
+      </label>
+    </div>
+
     <div class="checkbox" ng-show="updates.length > 0">
       <label>
         <input name="applyErrata" ng-model="applyErrata" type="checkbox"/>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/errata/views/errata.html

@@ -101,7 +101,7 @@
             <span translate>{{ errata.hosts_applicable_count || 0 }} Applicable, </span>
             <span translate>{{ errata.hosts_available_count || 0 }} Installable</span>
           </td>
-          <td bst-table-cell><short-date-time date="errata.updated" /></td>
+          <td bst-table-cell><long-date-time date="errata.updated" /></td>
         </tr>
       </tbody>
     </table>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/host-collections/details/host-collection-add-hosts.controller.js

@@ -10,13 +10,14 @@
  * @requires Host
  * @requires HostCollection
  * @requires Notification
+ * @requires newHostDetailsUI
  *
  * @description
  *   Provides the functionality for the host collection add content hosts pane.
  */
 angular.module('Bastion.host-collections').controller('HostCollectionAddHostsController',
-    ['$scope', '$state', '$location', 'translate', 'Nutupane', 'CurrentOrganization', 'Host', 'HostCollection', 'Notification',
-    function ($scope, $state, $location, translate, Nutupane, CurrentOrganization, Host, HostCollection, Notification) {
+    ['$scope', '$state', '$location', 'translate', 'Nutupane', 'CurrentOrganization', 'Host', 'HostCollection', 'Notification', 'newHostDetailsUI',
+    function ($scope, $state, $location, translate, Nutupane, CurrentOrganization, Host, HostCollection, Notification, newHostDetailsUI) {
         var contentNutupane, params, nutupaneParams;
 
         params = {
@@ -46,6 +47,7 @@ angular.module('Bastion.host-collections').controller('HostCollectionAddHostsCon
         $scope.table = contentNutupane.table;
         $scope.isAdding = false;
         $scope.table.closeItem = function () {};
+        $scope.newHostDetailsUI = newHostDetailsUI;
 
         $scope.disableAddButton = function () {
             return $scope.table.numSelected === 0 || $scope.isAdding;

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/host-collections/details/host-collection-hosts.controller.js

@@ -10,13 +10,14 @@
  * @requires CurrentOrganization
  * @requires Host
  * @requires HostCollection
+ * @requires newHostDetailsUI
  *
  * @description
  *   Provides the functionality for the host collection details action pane.
  */
 angular.module('Bastion.host-collections').controller('HostCollectionHostsController',
-    ['$scope', '$location', 'Notification', 'translate', 'Nutupane', 'CurrentOrganization', 'Host', 'HostCollection',
-    function ($scope, $location, Notification, translate, Nutupane, CurrentOrganization, Host, HostCollection) {
+    ['$scope', '$location', 'Notification', 'translate', 'Nutupane', 'CurrentOrganization', 'Host', 'HostCollection', 'newHostDetailsUI',
+    function ($scope, $location, Notification, translate, Nutupane, CurrentOrganization, Host, HostCollection, newHostDetailsUI) {
         var params, nutupaneParams;
 
         params = {
@@ -46,6 +47,7 @@ angular.module('Bastion.host-collections').controller('HostCollectionHostsContro
         $scope.table = $scope.contentNutupane.table;
         $scope.table.closeItem = function () {};
         $scope.isRemoving = false;
+        $scope.newHostDetailsUI = newHostDetailsUI;
         $scope.contentNutupane.setSearchKey('contentHostSearch');
         $scope.contentNutupane.refresh();
 

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/host-collections/details/views/host-collection-add-hosts.html

@@ -39,9 +39,10 @@
                  ng-change="itemSelected(host)"/>
         </td>
         <td bst-table-cell >
-          <a ui-sref="content-host.info({hostId: host.id})">
-            {{ host.name}}
-          </a>
+          <span ng-switch="newHostDetailsUI">
+            <a ng-switch-when="true" ng-href="/new/hosts/{{host.name}}">{{ host.name }}</a>
+            <a ng-switch-when="false" ui-sref="content-host.info({hostId: host.id})">{{ host.name }}</a>
+          </span>
         </td>
         <td bst-table-cell >{{ host.content_facet_attributes.lifecycle_environment.name}}</td>
         <td bst-table-cell >{{ host.content_facet_attributes.content_view.name}}</td>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/host-collections/details/views/host-collection-hosts-list.html

@@ -39,9 +39,10 @@
                    ng-change="itemSelected(host)"/>
           </td>
           <td bst-table-cell >
-            <a ui-sref="content-host.info({hostId: host.id})">
-              {{ host.name}}
-            </a>
+            <span ng-switch="newHostDetailsUI">
+              <a ng-switch-when="true" ng-href="/new/hosts/{{host.name}}">{{ host.name }}</a>
+              <a ng-switch-when="false" ui-sref="content-host.info({hostId: host.id})">{{ host.name }}</a>
+            </span>
           </td>
           <td bst-table-cell >{{ host.content_facet_attributes.lifecycle_environment.name}}</td>
           <td bst-table-cell >{{ host.content_facet_attributes.content_view.name}}</td>