katello 4.2.1 → 4.3.0.rc1

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/product-repositories.controller.js

@@ -18,8 +18,8 @@
  *   Provides the functionality for manipulating repositories attached to a product.
  */
 angular.module('Bastion.products').controller('ProductRepositoriesController',
-    ['$scope', '$state', '$location', 'Notification', 'translate', 'ApiErrorHandler', 'Product', 'Repository', 'RepositoryBulkAction', 'CurrentOrganization', 'Nutupane',
-    function ($scope, $state, $location, Notification, translate, ApiErrorHandler, Product, Repository, RepositoryBulkAction, CurrentOrganization, Nutupane) {
+    ['$scope', '$state', '$location', 'Notification', 'translate', 'ApiErrorHandler', 'Product', 'Repository', 'RepositoryBulkAction', 'CurrentOrganization', 'Nutupane', 'RepositoryTypesService',
+    function ($scope, $state, $location, Notification, translate, ApiErrorHandler, Product, Repository, RepositoryBulkAction, CurrentOrganization, Nutupane, RepositoryTypesService) {
         var repositoriesNutupane = new Nutupane(Repository, {
             'product_id': $scope.$stateParams.productId,
             'search': $location.search().search || "",
@@ -82,6 +82,10 @@ angular.module('Bastion.products').controller('ProductRepositoriesController',
             });
         };
 
+        $scope.genericContentTypesFor = function(contentTypeLabel) {
+            return RepositoryTypesService.genericContentTypes(contentTypeLabel);
+        };
+
         $scope.removeRepository = function (repository) {
             repository.$delete(function () {
                 $scope.transitionTo('product.repositories', {productId: $scope.$stateParams.productId});

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/repository-details-info.controller.js

@@ -14,13 +14,14 @@
  * @requires Architecture
  * @requires HttpProxyPolicy
  * @requires OSVersions
+ * @requires RepositoryTypesService
  *
  * @description
  *   Provides the functionality for the repository details info page.
  */
 angular.module('Bastion.repositories').controller('RepositoryDetailsInfoController',
-    ['$scope', '$q', 'translate', 'Notification', 'ContentCredential', 'CurrentOrganization', 'Checksum', 'DownloadPolicy', 'OstreeUpstreamSyncPolicy', 'Architecture', 'HttpProxy', 'HttpProxyPolicy', 'OSVersions',
-        function ($scope, $q, translate, Notification, ContentCredential, CurrentOrganization, Checksum, DownloadPolicy, OstreeUpstreamSyncPolicy, Architecture, HttpProxy, HttpProxyPolicy, OSVersions) {
+    ['$scope', '$q', 'translate', 'Notification', 'ContentCredential', 'CurrentOrganization', 'Checksum', 'DownloadPolicy', 'OstreeUpstreamSyncPolicy', 'Architecture', 'HttpProxy', 'HttpProxyPolicy', 'OSVersions', 'RepositoryTypesService',
+        function ($scope, $q, translate, Notification, ContentCredential, CurrentOrganization, Checksum, DownloadPolicy, OstreeUpstreamSyncPolicy, Architecture, HttpProxy, HttpProxyPolicy, OSVersions, RepositoryTypesService) {
             $scope.organization = CurrentOrganization;
 
             $scope.progress = {uploading: false};
@@ -29,6 +30,7 @@ angular.module('Bastion.repositories').controller('RepositoryDetailsInfoControll
                 $scope.uploadURL = 'katello/api/v2/repositories/' + $scope.repository.id + '/upload_content';
                 $scope.repository['ignore_srpms'] = $scope.repository['ignorable_content'] && $scope.repository['ignorable_content'].includes("srpm");
                 $scope.repository['ansible_collection_auth_exists'] = $scope.repository['ansible_collection_auth_url'] && $scope.repository['ansible_collection_auth_token'];
+                $scope.genericContentTypes = RepositoryTypesService.genericContentTypes($scope.repository['content_type']);
             });
 
             $scope.gpgKeys = function () {
@@ -105,6 +107,16 @@ angular.module('Bastion.repositories').controller('RepositoryDetailsInfoControll
                     repository['upstream_authentication_token'] = null;
                 }
 
+                if ($scope.genericRemoteOptions && $scope.genericRemoteOptions !== []) {
+                    $scope.genericRemoteOptions.forEach(function(option) {
+                       if (option.type === "Array" && option.value) {
+                           repository[option.name] = option.value.split(option.delimiter);
+                       } else {
+                           repository[option.name] = option.value;
+                       }
+                   });
+                }
+
                 if (!_.isEmpty(repository.commaTagsWhitelist)) {
                     repository["docker_tags_whitelist"] = repository.commaTagsWhitelist.split(",").map(function(tag) {
                         return tag.trim();
@@ -212,6 +224,22 @@ angular.module('Bastion.repositories').controller('RepositoryDetailsInfoControll
                 $scope.save($scope.repository);
             };
 
+            $scope.$watch('repository.content_type', function () {
+                var remOptions, optionIndex;
+                $scope.genericRemoteOptions = RepositoryTypesService.getAttribute($scope.repository, "generic_remote_options");
+                if ($scope.genericRemoteOptions && $scope.genericRemoteOptions !== []) {
+                    remOptions = angular.fromJson($scope.repository.generic_remote_options);
+                    Object.keys(remOptions).forEach(function(key) {
+                        if (remOptions[key]) {
+                            optionIndex = $scope.genericRemoteOptions.map(function(option) {
+                                return option.name;
+                            }).indexOf(key);
+                            $scope.genericRemoteOptions[optionIndex].value = remOptions[key].join($scope.genericRemoteOptions[optionIndex].delimiter);
+                        }
+                    });
+                }
+            });
+
             $scope.policies = HttpProxyPolicy.policies;
             $scope.proxies = [];
 

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/repository-details-info.filter.js

@@ -6,19 +6,7 @@
  * @requires OstreeUpstreamSyncPolicy
  * @requires YumContentUnits
  * @requires HttpProxyPolicy
- *
- * @description
- *   Provides the Ostree Upstream Sync policy filter functionality for the repository details info page.
- */
-angular.module('Bastion.components.formatters').filter('ostreeUpstreamSyncPolicyFilter', ['translate', 'OstreeUpstreamSyncPolicy', function (translate, OstreeUpstreamSyncPolicy) {
-    return function (displayValue, repository) {
-        var policy = repository["ostree_upstream_sync_policy"];
-        if ( policy === "custom") {
-            return OstreeUpstreamSyncPolicy.syncPolicyName(policy, repository["ostree_upstream_sync_depth"]);
-        }
-        return OstreeUpstreamSyncPolicy.syncPolicyName(policy);
-    };
-}]);
+**/
 
 angular.module('Bastion.components.formatters').filter('upstreamPasswordFilter', [function () {
     return function (displayValue, repository) {

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/repository-details-manage-content.controller.js

@@ -18,14 +18,16 @@
  * @requires Deb
  * @requires ModuleStream
  * @requires AnsibleCollection
+ * @requires GenericContent
+ * @requires RepositoryTypesService
  *
  * @description
  *   Provides the functionality for the repository details pane.
  */
 angular.module('Bastion.repositories').controller('RepositoryManageContentController',
-    ['$scope', '$state', 'translate', 'Notification', 'Nutupane', 'Repository', 'Package', 'PackageGroup', 'DockerManifest', 'DockerManifestList', 'DockerTag', 'OstreeBranch', 'File', 'Deb', 'ModuleStream', 'AnsibleCollection',
-    function ($scope, $state, translate, Notification, Nutupane, Repository, Package, PackageGroup, DockerManifest, DockerManifestList, DockerTag, OstreeBranch, File, Deb, ModuleStream, AnsibleCollection) {
-        var contentTypes;
+    ['$scope', '$state', 'translate', 'Notification', 'Nutupane', 'Repository', 'Package', 'PackageGroup', 'DockerManifest', 'DockerManifestList', 'DockerTag', 'OstreeBranch', 'File', 'Deb', 'ModuleStream', 'AnsibleCollection', 'GenericContent', 'RepositoryTypesService',
+    function ($scope, $state, translate, Notification, Nutupane, Repository, Package, PackageGroup, DockerManifest, DockerManifestList, DockerTag, OstreeBranch, File, Deb, ModuleStream, AnsibleCollection, GenericContent, RepositoryTypesService) {
+        var contentTypes, nutupaneParams;
 
         function success(response, selected) {
             var message;
@@ -51,7 +53,15 @@ angular.module('Bastion.repositories').controller('RepositoryManageContentContro
             $scope.product = repository.product;
         });
 
-        $scope.currentState = $state.current.name.split('.').pop();
+        $scope.updateContentType = function () {
+            if ($state.params.contentTypeLabel) {
+                $scope.contentType = contentTypes[$state.params.contentTypeLabel];
+                nutupaneParams['content_type_name'] = $state.params.contentTypeLabel;
+            } else {
+                $scope.currentState = $state.current.name.split('.').pop();
+                $scope.contentType = contentTypes[$scope.currentState];
+            }
+        };
 
         contentTypes = {
             'packages': { type: Package, controllerName: 'katello_rpms' },
@@ -59,20 +69,33 @@ angular.module('Bastion.repositories').controller('RepositoryManageContentContro
             'docker-manifests': { type: DockerManifest, controllerName: 'katello_docker_manifests' },
             'docker-manifest-lists': { type: DockerManifestList, controllerName: 'katello_docker_manifest_lists' },
             'docker-tags': {type: DockerTag, controllerName: 'katello_docker_tags'},
-            'ostree-branches': { type: OstreeBranch, controllerName: 'katello_ostree_branches' },
             'files': { type: File, controllerName: 'katello_files' },
             'debs': { type: Deb, controllerName: 'katello_debs' },
             'module-streams': { type: ModuleStream, controllerName: 'katello_module_streams' },
             'ansible-collections': { type: AnsibleCollection, controllerName: 'katello_ansible_collections'}
         };
 
-        $scope.contentNutupane = new Nutupane(contentTypes[$scope.currentState].type, {
-            'repository_id': $scope.$stateParams.repositoryId
+        //Add in generic content types
+        _.each(RepositoryTypesService.genericContentTypes(), function (contentType) {
+            contentTypes[contentType['pluralized_label']] = {
+                type: GenericContent,
+                controllerName: 'katello_generic_content_units',
+                'pluralized_name': contentType['pluralized_name'],
+                removable: contentType.removable,
+                detailsColumns: contentType['details_columns']
+            };
         });
+
+        nutupaneParams = {
+            'repository_id': $scope.$stateParams.repositoryId
+        };
+
+
+        $scope.updateContentType();
+        $scope.contentNutupane = new Nutupane($scope.contentType.type, nutupaneParams);
         $scope.table = $scope.contentNutupane.table;
         $scope.contentNutupane.primaryOnly = true;
-
-        $scope.controllerName = contentTypes[$scope.currentState].controllerName;
+        $scope.controllerName = $scope.contentType.controllerName;
 
         $scope.removeContent = function () {
             var selected = $scope.table.getSelected();

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/repository-details.controller.js

@@ -30,6 +30,17 @@
             $scope.page.loading = false;
         }
 
+        $scope.repositoryVersions = function () {
+            return _.groupBy($scope.repository.content_view_versions, function(version) {
+                return version.content_view_id;
+            });
+        };
+
+        $scope.repositoryWrapper = {
+            repository: $scope.repository,
+            repositoryVersions: {}
+        };
+
         $scope.product = Product.get({id: $scope.$stateParams.productId}, function () {
             $scope.page.loading = false;
         }, function (response) {
@@ -47,6 +58,8 @@
                 $scope.repository.commaTagsWhitelist = "";
             }
             $scope.page.loading = false;
+            $scope.repositoryWrapper.repository = $scope.repository;
+            $scope.repositoryWrapper.repositoryVersions = $scope.repositoryVersions();
         }, function (response) {
             $scope.page.loading = false;
             ApiErrorHandler.handleGETRequestErrors(response, $scope);
@@ -98,7 +111,7 @@
                 Notification.setSuccessMessage(translate('Repository "%s" successfully deleted').replace('%s', repositoryName));
             };
 
-            repository.$delete(success, errorHandler);
+            Repository.remove({id: repository.id}, success, errorHandler);
         };
 
         $scope.canRemove = function (repo, product) {
@@ -109,9 +122,7 @@
             var readOnlyReason = null;
 
             if (repo.$resolved && product.$resolved) {
-                if (repo.promoted) {
-                    readOnlyReason = 'published';
-                } else if ($scope.denied('deletable', repo)) {
+                if ($scope.denied('deletable', repo)) {
                     readOnlyReason = 'permissions';
                 }
             }

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/views/repository-details.html

@@ -39,10 +39,6 @@
         </li>
 
         <li role="menuitem" ng-hide="syncInProgress(repository.last_sync) || denied('edit_products', product)">
-          <a ng-click="republishRepository(repository)" translate>
-            Republish Repository Metadata
-          </a>
-
           <span class="disabled" ng-show="syncInProgress(repository.last_sync)" translate>
             Cannot republish Repository, a sync is already in progress.
           </span>
@@ -69,26 +65,43 @@
                  tooltip-placement="left"
                  tooltip-append-to-body="true">
               </i>
-              <i class="fa fa-question-circle" ng-switch-when="published"
-                 uib-tooltip="{{ 'You cannot remove this repository because it was published to a content view.' | translate }}"
-                 tooltip-animation="false"
-                 tooltip-placement="left"
-                 tooltip-append-to-body="true">
-              </i>
-              <i class="fa fa-question-circle" ng-switch-when="redhat"
-                 uib-tooltip="{{ 'You cannot remove this repository because it is a Red Hat repository.' | translate }}"
-                 tooltip-animation="false"
-                 tooltip-placement="left"
-                 tooltip-append-to-body="true">
-              </i>
             </span>
           </span>
         </li>
       </ul>
 
-      <div bst-modal="removeRepository(repository)" model="repository">
-        <div data-block="modal-header" translate>Remove Repository "{{ repository.name }}"?</div>
-        <div data-block="modal-body" translate>Are you sure you want to remove repository "{{ repository.name }}"?</div>
+      <div bst-modal="removeRepository(repository)" model="repositoryWrapper">
+        <div data-block="modal-header" translate>Remove Repository {{ repositoryWrapper.repository.name }}?</div>
+        <div data-block="modal-body">
+            <div ng-show="repositoryWrapper.repository.promoted" style="margin-bottom: 1em">
+                <span translate>Repository will also be removed from the following published content view versions!</span>
+                <table class="table table-striped table-bordered" style="margin-top: 1em">
+                    <thead>
+                        <tr>
+                            <th translate>Content View</th>
+                            <th translate>Versions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                      <tr ng-repeat="cvs in repositoryWrapper.repositoryVersions">
+                        <td class="align-center">
+                            <a href="/content_views/{{cvs[0]['content_view_id']}}" target="_blank">
+                                {{cvs[0]['content_view_name']}}
+                            </a>
+                        </td>
+                        <td>
+                            <div ng-repeat="cvVersions in cvs">
+                                <a href="/content_views/{{cvs[0]['content_view_id']}}#/versions/{{cvVersions['id']}}" target="_blank">
+                                    <span translate>Version {{ cvVersions['version'] }} </span>
+                                </a>
+                            </div>
+                        </td>
+                      </tr>
+                    </tbody>
+                </table>
+            </div>
+            <span translate>Are you sure you want to remove repository {{ repositoryWrapper.repository.name }}?</span>
+        </div>
       </div>
     </span>
   </div>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/views/repository-info.html

@@ -57,9 +57,24 @@
       <dt ng-show="repository.content_type !== 'docker'" translate>Upstream URL</dt>
       <dt ng-show="repository.content_type === 'docker'" translate>Registry URL</dt>
       <dd bst-edit-text="repository.url"
-          on-save="save(repository)"
+          on-save="save(repository, true)"
           readonly="product.redhat || denied('edit_products', product)">
       </dd>
+
+      <span ng-show="repository.generic_remote_options !== []">
+        <span ng-repeat="option in genericRemoteOptions"> 
+          <dt>{{option.title}}</dt>
+            <dd bst-edit-text="genericRemoteOptions[$index].value"
+                on-save="save(repository)"
+                ng-if='option.input_type=="text"'>
+            </dd>
+            <dd bst-edit-textarea="genericRemoteOptions[$index].value"
+                on-save="save(repository)"
+                ng-if='option.input_type=="textarea"'>
+            </dd>
+        </span>
+      </span>
+
       <span ng-if="repository.content_type == 'deb'">
         <dt translate>Releases</dt>
         <dd bst-edit-text="repository.deb_releases"
@@ -246,7 +261,7 @@
       <dt translate>Publish via HTTPS</dt>
       <dd translate>Yes</dd>
 
-      <span ng-hide="repository.content_type === 'ostree' || repository.content_type === 'docker' || repository.content_type === 'ansible_collection'">
+      <span ng-hide="repository.content_type === 'docker' || repository.content_type === 'ansible_collection'">
         <dt translate>Publish via HTTP</dt>
         <dd bst-edit-checkbox="repository.unprotected"
             formatter="booleanToYesNo"
@@ -266,23 +281,6 @@
           </span>
         </p>
       </dd>
-      <span ng-if="repository.content_type == 'ostree'">
-        <dt translate>Upstream Sync Policy</dt>
-        <dd bst-edit-custom="repository.ostree_upstream_sync_policy"
-            readonly="denied('edit_products', product)"
-            on-save="save(repository)"
-            formatter="ostreeUpstreamSyncPolicyFilter"
-            formatter-options="repository"
-            >
-            <select ng-options="id as name for (id, name) in ostreeUpstreamSyncPolicies" ng-model="repository.ostree_upstream_sync_policy">
-            </select>
-            <input id="ostree_upstream_sync_depth"
-              name="ostree_upstream_sync_depth"
-              ng-model="repository.ostree_upstream_sync_depth"
-              type="number"
-              ng-disabled="repository.ostree_upstream_sync_policy !== 'custom'"/>
-        </dd>
-      </span>
 
       <span ng-if="(repository.content_type === 'yum' && !product.redhat) || repository.content_type === 'deb'">
         <dt translate>GPG Key</dt>
@@ -314,7 +312,7 @@
           options="certs()"
           on-save="save(repository)">
       </dd>
-      <span ng-if="repository.content_type == 'yum'">
+      <span ng-if="repository.content_type == 'yum' || repository.content_type == 'deb'">
         <dt translate>Download Policy</dt>
         <dd bst-edit-select="downloadPolicyDisplay(repository.download_policy)"
             readonly="denied('edit_products', product)"
@@ -380,6 +378,16 @@
         </thead>
 
         <tbody>
+
+        <tr ng-repeat="content_type in genericContentTypes">
+          <td>{{ content_type['pluralized_name'] }}</td>
+          <td class="align-center">
+            <a ui-sref="product.repository.manage-content.generic-content({contentTypeLabel: '{{content_type['pluralized_label']}}', productId: product.id, repositoryId: repository.id})">
+              {{ repository.content_counts[content_type.label] || 0 }}
+            </a>
+          </td>
+        </tr>
+
         <tr ng-show="repository.content_type === 'yum'">
           <td translate>Packages</td>
           <td class="align-center">
@@ -445,14 +453,6 @@
             </a>
           </td>
         </tr>
-        <tr ng-show="repository.content_type === 'ostree'">
-          <td translate>OSTree Branches</td>
-          <td class="align-center">
-            <a ui-sref="product.repository.manage-content.ostree-branches({productId: product.id, repositoryId: repository.id})">
-               {{ repository.content_counts.ostree_branch || 0 }}
-            </a>
-          </td>
-        </tr>
         <tr ng-show="repository.content_type === 'file'">
           <td translate>Files</td>
           <td class="align-center">

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/details/views/repository-manage-generic-content.html

@@ -0,0 +1,57 @@
+<span page-title ng-model="repository">{{ 'Manage Content for Repository:' | translate }} {{ repository.name }}</span>
+
+<div data-extend-template="layouts/partials/table.html">
+  <div data-block="list-actions">
+    <div bst-modal="removeContent()" model="table" ng-show="contentType.removable">
+      <div data-block="modal-header"
+           translate
+           translate-n="table.numSelected"
+           translate-plural="Remove {{ table.numSelected }} content units?">
+        Remove Content?
+      </div>
+      <div data-block="modal-body"
+           translate
+           translate-n="table.numSelected"
+           translate-plural="Are you sure you want to remove the {{ table.numSelected }} content units selected?">
+        Are you sure you want to remove the {{ table.getSelected()[0].name }} content unit?
+      </div>
+    </div>
+
+    <button type="button" class="btn btn-default"
+            ng-hide="denied('edit_products')"
+            ng-click="openModal()"
+            ng-disabled="table.working || table.numSelected === 0">
+      <i class="fa fa-trash-o" ng-hide="table.working"></i>
+      <span translate>Remove Content</span>
+    </button>
+  </div>
+
+  <div data-block="table">
+    <table class="table table-striped table-bordered" >
+
+      <thead>
+        <tr bst-table-head row-select>
+            <th bst-table-column ng-repeat="header in contentType.detailsColumns">
+              <span translate>{{header}}</span>
+            </th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr bst-table-row ng-repeat="package in table.rows" row-select="package">
+          <td bst-table-cell ng-if="package.name">
+            {{ package.name }}
+          </td>
+          <td bst-table-cell ng-if="package.version">
+            {{ package.version }}
+          </td>
+          <td bst-table-cell ng-if="package.filename">
+            {{ package.filename }}
+          </td>
+        </tr>
+      </tbody>
+
+    </table>
+  </div>
+
+</div>

data/engines/bastion_katello/app/assets/javascripts/bastion_katello/products/details/repositories/new/new-repository.controller.js

@@ -87,6 +87,16 @@ angular.module('Bastion.repositories').controller('NewRepositoryController',
                 }
             });
 
+            $scope.$watch('repository.content_type', function () {
+                $scope.genericRemoteOptions = RepositoryTypesService.getAttribute($scope.repository, "generic_remote_options");
+                $scope.urlDescription = RepositoryTypesService.getAttribute($scope.repository, "url_description");
+                if ($scope.genericRemoteOptions && $scope.genericRemoteOptions !== []) {
+                    $scope.genericRemoteOptions.forEach(function(option) {
+                        option.value = "";
+                    });
+                }
+            });
+
             $scope.handleFiles = function (element) {
                 var reader = new FileReader();
                 reader.addEventListener("loadend", function() {
@@ -119,9 +129,6 @@ angular.module('Bastion.repositories').controller('NewRepositoryController',
 
             $scope.save = function (repository) {
                 var fields = ['upstream_password', 'upstream_username', 'ansible_collection_auth_token', 'ansible_collection_auth_url', 'ansible_collection_requirements'];
-                if (repository.content_type === 'ostree') {
-                    repository.unprotected = false;
-                }
                 if (repository.content_type === 'yum') {
                     repository.os_versions = $scope.osVersionsParam();
                     if ($scope.repositoryForm.ignore_srpms.$modelValue) {
@@ -130,17 +137,28 @@ angular.module('Bastion.repositories').controller('NewRepositoryController',
                         repository.ignorable_content = [];
                     }
                 }
-                if (repository.content_type !== 'yum') {
+                if (repository.content_type !== 'yum' && repository.content_type !== 'deb' ) {
                     repository['download_policy'] = '';
                 }
                 if (repository.arch === 'No restriction') {
                     repository.arch = null;
                 }
+
                 angular.forEach(fields, function(field) {
                     if (repository[field] === '') {
                         repository[field] = null;
                     }
                 });
+
+                if ($scope.genericRemoteOptions && $scope.genericRemoteOptions !== []) {
+                    $scope.genericRemoteOptions.forEach(function(option) {
+                        if (option.type === "Array" && option.value !== "") {
+                            repository[option.name] = option.value.split(option.delimiter);
+                        } else {
+                            repository[option.name] = option.value;
+                        }
+                    });
+                }
                 repository.$save(success, error);
             };
 
@@ -156,6 +174,30 @@ angular.module('Bastion.repositories').controller('NewRepositoryController',
 
             $scope.requirementPopover = $sce.trustAsHtml("To learn more about requirement.yml specification, visit <a href='https://docs.ansible.com/ansible/latest/galaxy/user_guide.html#install-multiple-collections-with-a-requirements-file' target=\"_blank\">documentation </a>");
 
+            $scope.debURLPopover = $sce.trustAsHtml("For standard Debian repos, this is the folder that contains the \"dists/\" and the \"pool/\" subfolders.");
+
+            $scope.distPopover = $sce.trustAsHtml("A \"distribution\" provides the path from the repository root to the \"Release\" file <br/>" +
+             "you want to access. Each distribution in the list should use /etc/apt/sources.list<br/>" +
+             "syntax. For most official Debian and Ubuntu repositories, the distribution is equal<br/>" +
+             "to either the codename or the suite. When syncing a repo using flat repository format<br/>" +
+             "specify exactly one distribution, which must end with a \"/\".");
+
+            $scope.componentPopover = $sce.trustAsHtml("Requesting a component that does not exist in the upstream repo, will result in <br/>" +
+             "a Pulp warning, but no error. A typo can therefore result in missing content.");
+
+            $scope.archPopover = $sce.trustAsHtml("A list of valid Debian machine architecture strings can be obtained by running <br/>" +
+             "\"dpkg-architecture -L\". If present in the upstream repo, the \"all\"<br/>" +
+             " architecture is always synced, and does not need to be provided here.<br/>" +
+             " Requesting an architecture that does not exist in the upstream repo, <br/>" +
+             "will result in a Pulp warning, but no error. A typo can therefore result <br/>" +
+             "in missing content.");
+
+            $scope.validateDebAttrList = function(deb_attribute) {
+                var value = document.getElementById(deb_attribute).value;
+                var pattern = new RegExp(/^((?!,).)*$/);
+                return pattern.test(value);
+            };
+
             $scope.displayHttpProxyPolicyName = function (policy) {
                 return HttpProxyPolicy.displayHttpProxyPolicyName(policy);
             };