| + | Robot Account Name | Teams | Repository Permissions | @@ -48,7 +45,7 @@
| + |
-
+
{{ getPrefix(robotInfo.name) }}+{{ getShortenedName(robotInfo.name) }}
@@ -81,7 +78,12 @@
Permissions on
- {{ robotInfo.repositories.length }}
+
+ {{ robotInfo.repositories.length }}
repository
repositories
diff --git a/static/js/core-ui.js b/static/js/core-ui.js
index a1fc083d2..c21d7a541 100644
--- a/static/js/core-ui.js
+++ b/static/js/core-ui.js
@@ -715,4 +715,85 @@ angular.module("core-ui", [])
}
};
return directiveDefinitionObject;
- });
\ No newline at end of file
+ })
+
+ .directive('corTable', function() {
+ var directiveDefinitionObject = {
+ priority: 1,
+ replace: false,
+ transclude: false,
+ restrict: 'C',
+ scope: {},
+ compile: function(tElement, tAttrs, transclude) {
+ if (!window.matchMedia('(max-width: 767px)').matches) {
+ return;
+ }
+
+ var cloneWithAttr = function(e, kind, opt_fullclone) {
+ var clone = $(document.createElement(kind));
+ var attributes = $(e).prop("attributes");
+ $.each(attributes, function() {
+ clone.attr(this.name, this.value);
+ });
+
+ if (opt_fullclone) {
+ for (var i = 0; i < e.childNodes.length; ++i) {
+ clone.append($(e.childNodes[i]).clone(true));
+ }
+ }
+
+ return clone;
+ };
+
+ var appendRepeater = function(div, tr, headers) {
+ // Find all the tds directly under the tr and convert into a header + value span.
+ tr.children('td').each(function(idx, td) {
+ var displayer = cloneWithAttr(tr, 'div');
+ displayer.append(headers[idx].clone(true).addClass('mobile-col-header'));
+ displayer.append(cloneWithAttr(td, 'div', true).addClass('mobile-col-value'));
+ div.append(displayer);
+ });
+ };
+
+ // Find the thead's tds and turn them into header elements.
+ var headers = [];
+ tElement.find('thead td').each(function(idx, td) {
+ headers.push(cloneWithAttr(td, 'div', true));
+ });
+
+ // Find the element with the 'ng-repeat'.
+ var repeater = tElement.find('[ng-repeat]')[0];
+
+ // Convert the repeater into a repeater.
+ var divRepeater = cloneWithAttr(repeater, 'div').addClass('mobile-row');
+
+ // If the repeater is a tbody, then we append each child tr. Otherwise, the repeater
+ // itself should be a tr.
+ if (repeater.nodeName.toLowerCase() == 'tbody') {
+ $(repeater).children().each(function(idx, tr) {
+ appendRepeater(divRepeater, $(tr), headers);
+ });
+ } else {
+ appendRepeater(divRepeater, $(repeater), headers);
+ }
+
+ var repeaterBody = $(document.createElement('tbody'));
+ var repeaterTr = $(document.createElement('tr'))
+ var repeaterTd = $(document.createElement('td'))
+
+ repeaterTd.append(divRepeater);
+ repeaterTr.append(repeaterTd);
+ repeaterBody.append(repeaterTr);
+
+ // Remove the tbody and thead.
+ tElement.find('thead').remove();
+ tElement.find('tbody').remove();
+ tElement.append(repeaterBody);
+ },
+
+ controller: function($rootScope, $scope, $element) {
+ $element.addClass('co-table');
+ }
+ };
+ return directiveDefinitionObject;
+});
diff --git a/static/js/directives/ui/manager-header.js b/static/js/directives/ui/manager-header.js
new file mode 100644
index 000000000..59509e684
--- /dev/null
+++ b/static/js/directives/ui/manager-header.js
@@ -0,0 +1,18 @@
+/**
+ * An element which displays the header bar for a manager UI component.
+ */
+angular.module('quay').directive('managerHeader', function () {
+ var directiveDefinitionObject = {
+ priority: 0,
+ templateUrl: '/static/directives/manager-header.html',
+ replace: false,
+ transclude: true,
+ restrict: 'C',
+ scope: {
+ 'headerTitle': '@headerTitle'
+ },
+ controller: function($scope, $element) {
+ }
+ };
+ return directiveDefinitionObject;
+});
\ No newline at end of file
|