Merge pull request #1436 from coreos-inc/removeexpr
Remove old security scanner UI code
This commit is contained in:
commit
73e323c4d6
6 changed files with 2 additions and 230 deletions
|
@ -1,116 +0,0 @@
|
||||||
<div class="old-image-security-view-element">
|
|
||||||
<!-- Vulnerabilities -->
|
|
||||||
<div ng-show="view == 'vulnerabilities'">
|
|
||||||
<div class="resource-view" resource="securityResource" error-message="'Could not load security information for image'">
|
|
||||||
<div class="col-md-9">
|
|
||||||
<div class="filter-box floating" collection="securityVulnerabilities" filter-model="options.vulnFilter" filter-name="Vulnerabilities" ng-if="securityStatus == 'scanned' && securityVulnerabilities.length"></div>
|
|
||||||
|
|
||||||
<h3>Image Security</h3>
|
|
||||||
<div class="empty" ng-if="securityStatus == 'queued'">
|
|
||||||
<div class="empty-primary-msg">This image has not been indexed yet</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Please try again in a few minutes.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="empty" ng-if="securityStatus == 'failed'">
|
|
||||||
<div class="empty-primary-msg">This image could not be indexed</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Our security scanner was unable to index this image.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="empty" ng-if="securityStatus == 'scanned' && !securityVulnerabilities.length">
|
|
||||||
<div class="empty-primary-msg">This image contains no recognized security vulnerabilities</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Quay currently indexes Debian, Red Hat and Ubuntu based images.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div ng-if="securityStatus == 'scanned' && securityVulnerabilities.length">
|
|
||||||
<table class="co-table">
|
|
||||||
<thead>
|
|
||||||
<td>Vulnerability</td>
|
|
||||||
<td>Priority</td>
|
|
||||||
<td>Introduced by</td>
|
|
||||||
<td>Description</td>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tr ng-repeat="vulnerability in securityVulnerabilities | filter:options.vulnFilter | orderBy:'index'">
|
|
||||||
<td><a href="{{ vulnerability.link }}" ng-safenewtab>{{ vulnerability.name }}</a></td>
|
|
||||||
<td style="white-space: nowrap;">
|
|
||||||
<span class="vulnerability-priority-view" priority="vulnerability.severity"></span>
|
|
||||||
</td>
|
|
||||||
<td style="white-space: nowrap;">{{ vulnerability.feature.name }} {{ vulnerability.feature.version }}</td>
|
|
||||||
<td>{{ vulnerability.description }}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<div class="empty" ng-if="(securityVulnerabilities | filter:options.vulnFilter).length == 0"
|
|
||||||
style="margin-top: 20px;">
|
|
||||||
<div class="empty-primary-msg">No matching vulnerabilities found</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Please adjust your filter above.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="level-col col-md-3 hidden-sm hidden-xs">
|
|
||||||
<h4>Priority Guide</h4>
|
|
||||||
<ul class="levels">
|
|
||||||
<li ng-repeat="level in VulnerabilityLevels | orderBy: 'index'">
|
|
||||||
<div class="vulnerability-priority-view" priority="level.title"></div>
|
|
||||||
<div class="description">
|
|
||||||
{{ level.description }}
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Packages -->
|
|
||||||
<div ng-show="view == 'packages'">
|
|
||||||
<div class="resource-view" resource="securityResource" error-message="'Could not load image packages'">
|
|
||||||
<div class="filter-box floating" collection="securityFeatures" filter-model="options.packageFilter" filter-name="Features" ng-if="securityStatus == 'scanned' && securityFeatures.length"></div>
|
|
||||||
|
|
||||||
<h3>Image Packages</h3>
|
|
||||||
<div class="empty" ng-if="securityStatus == 'queued'">
|
|
||||||
<div class="empty-primary-msg">This image has not been indexed yet</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Please try again in a few minutes.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="empty" ng-if="securityStatus == 'failed'">
|
|
||||||
<div class="empty-primary-msg">This image could not be indexed</div>
|
|
||||||
<div class="empty-secondary-msg">
|
|
||||||
Our security scanner was unable to index this image.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<table class="co-table" ng-if="securityStatus == 'scanned'">
|
|
||||||
<thead>
|
|
||||||
<td>Package Name</td>
|
|
||||||
<td>Package Version</td>
|
|
||||||
<td>Package OS</td>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tr ng-repeat="feature in securityFeatures | filter:options.packageFilter | orderBy:'name'">
|
|
||||||
<td>{{ feature.name }}</td>
|
|
||||||
<td>{{ feature.version }}</td>
|
|
||||||
<td>{{ feature.namespace }}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<div class="empty" ng-if="(securityFeatures | filter:options.packageFilter).length == 0"
|
|
||||||
style="margin-top: 20px;">
|
|
||||||
<div class="empty-primary-msg">No matching packages found</div>
|
|
||||||
<div class="empty-secondary-msg" ng-if="options.packageFilter">
|
|
||||||
Please adjust your filter above.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
|
@ -178,9 +178,6 @@ quayApp.config(['$routeProvider', '$locationProvider', 'pages', function($routeP
|
||||||
// Enterprise marketing page
|
// Enterprise marketing page
|
||||||
.route('/enterprise', 'enterprise')
|
.route('/enterprise', 'enterprise')
|
||||||
|
|
||||||
// Experiments
|
|
||||||
.route('/__exp/newseclayout', 'exp-new-sec-layout')
|
|
||||||
|
|
||||||
// Default: Redirect to the landing page
|
// Default: Redirect to the landing page
|
||||||
.otherwise({redirectTo: '/'});
|
.otherwise({redirectTo: '/'});
|
||||||
}]);
|
}]);
|
||||||
|
|
|
@ -1,84 +0,0 @@
|
||||||
/**
|
|
||||||
* Old image security view until formally released.
|
|
||||||
*/
|
|
||||||
angular.module('quay').directive('oldImageSecurityView', function () {
|
|
||||||
var directiveDefinitionObject = {
|
|
||||||
priority: 0,
|
|
||||||
templateUrl: '/static/directives/old-image-security-view.html',
|
|
||||||
replace: false,
|
|
||||||
transclude: true,
|
|
||||||
restrict: 'C',
|
|
||||||
scope: {
|
|
||||||
'repository': '=repository',
|
|
||||||
'image': '=image',
|
|
||||||
'isEnabled': '=isEnabled',
|
|
||||||
'view': '@view'
|
|
||||||
},
|
|
||||||
controller: function($scope, $element, Config, ApiService, Features, VulnerabilityService, ImageMetadataService) {
|
|
||||||
var loadImageSecurity = function() {
|
|
||||||
if (!Features.SECURITY_SCANNER || $scope.securityResource) { return; }
|
|
||||||
|
|
||||||
$scope.VulnerabilityLevels = VulnerabilityService.getLevels();
|
|
||||||
$scope.options = {
|
|
||||||
'vulnFilter': '',
|
|
||||||
'packageFilter': ''
|
|
||||||
};
|
|
||||||
|
|
||||||
var params = {
|
|
||||||
'repository': $scope.repository.namespace + '/' + $scope.repository.name,
|
|
||||||
'imageid': $scope.image.id,
|
|
||||||
'vulnerabilities': true,
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.securityResource = ApiService.getRepoImageSecurityAsResource(params).get(function(resp) {
|
|
||||||
$scope.securityStatus = resp.status;
|
|
||||||
$scope.securityFeatures = [];
|
|
||||||
$scope.securityVulnerabilities = [];
|
|
||||||
|
|
||||||
if (resp.data && resp.data.Layer && resp.data.Layer.Features) {
|
|
||||||
resp.data.Layer.Features.forEach(function(feature) {
|
|
||||||
feature_obj = {
|
|
||||||
'name': feature.Name,
|
|
||||||
'namespace': feature.Namespace,
|
|
||||||
'version': feature.Version,
|
|
||||||
'addedBy': feature.AddedBy,
|
|
||||||
}
|
|
||||||
feature_vulnerabilities = []
|
|
||||||
|
|
||||||
if (feature.Vulnerabilities) {
|
|
||||||
feature.Vulnerabilities.forEach(function(vuln) {
|
|
||||||
vuln_obj = {
|
|
||||||
'name': vuln.Name,
|
|
||||||
'namespace': vuln.Namespace,
|
|
||||||
'description': vuln.Description,
|
|
||||||
'link': vuln.Link,
|
|
||||||
'severity': vuln.Severity,
|
|
||||||
'metadata': vuln.Metadata,
|
|
||||||
'feature': jQuery.extend({}, feature_obj),
|
|
||||||
'fixedBy': vuln.FixedBy,
|
|
||||||
'index': VulnerabilityService.LEVELS[vuln['Severity']]['index'],
|
|
||||||
}
|
|
||||||
|
|
||||||
feature_vulnerabilities.push(vuln_obj)
|
|
||||||
$scope.securityVulnerabilities.push(vuln_obj);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
feature_obj['vulnerabilities'] = feature_vulnerabilities
|
|
||||||
$scope.securityFeatures.push(feature_obj);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return resp;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.$watch('isEnabled', function(isEnabled) {
|
|
||||||
if ($scope.isEnabled && $scope.repository && $scope.image) {
|
|
||||||
loadImageSecurity();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return directiveDefinitionObject;
|
|
||||||
});
|
|
|
@ -1,19 +0,0 @@
|
||||||
(function() {
|
|
||||||
/**
|
|
||||||
* Experiment enable page: New layout
|
|
||||||
*/
|
|
||||||
angular.module('quayPages').config(['pages', function(pages) {
|
|
||||||
pages.create('exp-new-sec-layout', 'exp-new-sec-layout.html', ExpCtrl, {
|
|
||||||
'newLayout': true
|
|
||||||
});
|
|
||||||
}]);
|
|
||||||
|
|
||||||
function ExpCtrl($scope, CookieService) {
|
|
||||||
$scope.isEnabled = CookieService.get('quay.exp-new-sec-layout') == 'true';
|
|
||||||
|
|
||||||
$scope.setEnabled = function(value) {
|
|
||||||
$scope.isEnabled = value;
|
|
||||||
CookieService.putPermanent('quay.exp-new-sec-layout', value.toString());
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}());
|
|
|
@ -17,7 +17,6 @@
|
||||||
|
|
||||||
$scope.imageSecurityCounter = 0;
|
$scope.imageSecurityCounter = 0;
|
||||||
$scope.imagePackageCounter = 0;
|
$scope.imagePackageCounter = 0;
|
||||||
$scope.newUIExperiment = true; //CookieService.get('quay.exp-new-sec-layout') == 'true';
|
|
||||||
|
|
||||||
$scope.options = {
|
$scope.options = {
|
||||||
'vulnFilter': ''
|
'vulnFilter': ''
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="cor-tab-panel">
|
<div class="cor-tab-panel">
|
||||||
<div class="cor-tabs">
|
<div class="cor-tabs">
|
||||||
<span class="cor-tab" tab-active="true" tab-title="Layers" tab-target="#layers">
|
<span class="cor-tab" tab-active="true" tab-title="Layers" tab-target="#layers">
|
||||||
|
@ -44,16 +43,12 @@
|
||||||
|
|
||||||
<!-- Vulnerabilities -->
|
<!-- Vulnerabilities -->
|
||||||
<div id="vulnerabilities" class="tab-pane" quay-require="['SECURITY_SCANNER']">
|
<div id="vulnerabilities" class="tab-pane" quay-require="['SECURITY_SCANNER']">
|
||||||
<div class="image-vulnerability-view" repository="repository" image="image" is-enabled="imageSecurityCounter" ng-if="newUIExperiment"></div>
|
<div class="image-vulnerability-view" repository="repository" image="image" is-enabled="imageSecurityCounter"></div>
|
||||||
|
|
||||||
<div class="old-image-security-view" repository="repository" image="image" is-enabled="imageSecurityCounter" ng-if="!newUIExperiment" view="vulnerabilities"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Features -->
|
<!-- Features -->
|
||||||
<div id="packages" class="tab-pane" quay-require="['SECURITY_SCANNER']">
|
<div id="packages" class="tab-pane" quay-require="['SECURITY_SCANNER']">
|
||||||
<div class="image-feature-view" repository="repository" image="image" is-enabled="imagePackageCounter" ng-if="newUIExperiment"></div>
|
<div class="image-feature-view" repository="repository" image="image" is-enabled="imagePackageCounter"></div>
|
||||||
|
|
||||||
<div class="old-image-security-view" repository="repository" image="image" is-enabled="imagePackageCounter" ng-if="!newUIExperiment" view="packages"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue