From 41ae47c9952e98af56d194498583f88474ca9eb6 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <josephschorr@users.noreply.github.com>
Date: Mon, 20 Jun 2016 14:33:40 -0400
Subject: [PATCH] Toggle for add permissions dialog
Fixes #1553
---
static/css/core-ui.css | 13 +++++++++++++
static/directives/create-entity-dialog.html | 16 ++++++++++++++--
static/js/core-ui.js | 4 ++++
static/js/directives/ui/create-entity-dialog.js | 12 ++++++++++++
4 files changed, 43 insertions(+), 2 deletions(-)
diff --git a/static/css/core-ui.css b/static/css/core-ui.css
index 0f51c29f9..667fcc781 100644
--- a/static/css/core-ui.css
+++ b/static/css/core-ui.css
@@ -1107,6 +1107,19 @@ a:focus {
text-align: center;
}
+.co-table .checkbox-col .co-checkable-menu a {
+ color: black;
+ text-transform: none;
+}
+
+.co-table thead td.checkbox-menu-col:after {
+ display: none;
+}
+
+.co-table .offset-check-col {
+ padding-left: 22px;
+}
+
.co-table td.options-col {
width: 36px;
text-align: center;
diff --git a/static/directives/create-entity-dialog.html b/static/directives/create-entity-dialog.html
index eff7fa581..90d59f959 100644
--- a/static/directives/create-entity-dialog.html
+++ b/static/directives/create-entity-dialog.html
@@ -31,7 +31,19 @@
<table class="co-table" style="margin-bottom: 210px;">
<thead>
- <td class="checkbox-col"></td>
+ <td class="checkbox-col checkbox-menu-col">
+ <span class="cor-checkable-menu" controller="checkedRepos">
+ <div class="cor-checkable-menu-item" item-filter="allRepositoriesFilter(item)">
+ <i class="fa fa-check-square-o"></i>All Repositories
+ </div>
+ <div class="cor-checkable-menu-item" item-filter="noRepositoriesFilter(item)">
+ <i class="fa fa-square-o"></i>No Repositories
+ </div>
+ <div class="cor-checkable-menu-item" item-filter="missingPermsRepositoriesFilter(item)">
+ <i class="fa fa-circle-o"></i>Missing Permissions
+ </div>
+ </span>
+ </td>
<td ng-class="TableService.tablePredicateClass('name', options.predicate, options.reverse)">
<a ng-click="TableService.orderBy('name', options)">Repository Name</a>
</td>
@@ -45,7 +57,7 @@
ng-repeat="repo in orderedRepositories.visibleEntries"
ng-class="checkedRepos.isChecked(repo, checkedRepos.checked) ? 'checked' : ''"
bindonce>
- <td>
+ <td class="offset-check-col">
<span class="cor-checkable-item" controller="checkedRepos" item="repo"></span>
</td>
<td>
diff --git a/static/js/core-ui.js b/static/js/core-ui.js
index 0d9e9388c..f7457ce0a 100644
--- a/static/js/core-ui.js
+++ b/static/js/core-ui.js
@@ -659,6 +659,10 @@ angular.module("core-ui", [])
},
controller: function($rootScope, $scope, $element) {
$scope.getClass = function(items, checked) {
+ if (!checked) {
+ return 'none';
+ }
+
if (checked.length == 0) {
return 'none';
}
diff --git a/static/js/directives/ui/create-entity-dialog.js b/static/js/directives/ui/create-entity-dialog.js
index 781e07747..c70a2128c 100644
--- a/static/js/directives/ui/create-entity-dialog.js
+++ b/static/js/directives/ui/create-entity-dialog.js
@@ -175,6 +175,18 @@ angular.module('quay').directive('createEntityDialog', function () {
});
};
+ $scope.allRepositoriesFilter = function(item) {
+ return true;
+ };
+
+ $scope.noRepositoriesFilter = function(item) {
+ return false;
+ };
+
+ $scope.missingPermsRepositoriesFilter = function(item) {
+ return !item.perm;
+ };
+
$scope.$watch('options.predicate', setRepoState);
$scope.$watch('options.reverse', setRepoState);
$scope.$watch('options.filter', setRepoState);