New Credentials dialog

Fixes #279

static/js/directives/ui/credentials-dialog.js

@@ -0,0 +1,193 @@
+/**
+ * An element which displays a credentials dialog.
+ */
+angular.module('quay').directive('credentialsDialog', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/credentials-dialog.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'credentials': '=credentials',
+      'secretTitle': '@secretTitle',
+      'entityTitle': '@entityTitle',
+      'entityIcon': '@entityIcon'
+    },
+
+    controller: function($scope, $element, $rootScope, Config) {
+      $scope.Config = Config;
+
+      $scope.k8s = {};
+      $scope.rkt = {};
+      $scope.docker = {};
+
+      // Generate a unique ID for the dialog.
+      if (!$rootScope.credentialsDialogCounter) {
+        $rootScope.credentialsDialogCounter = 0;
+      }
+
+      $rootScope.credentialsDialogCounter++;
+      $scope.dialogID = $rootScope.credentialsDialogCounter;
+
+      $scope.hide = function() {
+        $element.find('.modal').modal('hide');
+      };
+
+      $scope.show = function() {
+        $element.find('.modal').modal({});
+      };
+
+      $scope.$watch('credentials', function(credentials) {
+        if (!credentials) {
+          $scope.hide();
+          return;
+        }
+
+        $scope.show();
+      });
+
+      $scope.downloadFile = function(info) {
+        var blob = new Blob([info.contents]);
+        saveAs(blob, info.filename);
+      };
+
+      $scope.viewFile = function(context) {
+        context.viewingFile = true;
+      };
+
+      $scope.isDownloadSupported = function() {
+        var isSafari = /^((?!chrome).)*safari/i.test(navigator.userAgent);
+        if (isSafari) {
+          // Doesn't work properly in Safari, sadly.
+          return false;
+        }
+
+        try { return !!new Blob(); } catch(e) {}
+        return false;
+      };
+
+      $scope.getNamespace = function(credentials) {
+        if (!credentials || !credentials.username) {
+          return '';
+        }
+
+        return credentials.username.split('+')[0];
+      };
+
+      $scope.getMesosFilename = function(credentials) {
+        return $scope.getSuffixedFilename(credentials, 'auth.tar.gz');
+      };
+
+      $scope.getMesosFile = function(credentials) {
+        var tarFile = new Tar();
+        tarFile.append('.docker/config.json', $scope.getDockerConfig(credentials), {});
+        contents = (new Zlib.Gzip(tarFile.getData())).compress();
+        return {
+          'filename': $scope.getMesosFilename(credentials),
+          'contents': contents
+        }
+      };
+
+      $scope.getDockerConfig = function(credentials) {
+        var auths = {};
+        auths[Config['SERVER_HOSTNAME']] = {
+          'auth': $.base64.encode(credentials.username + ":" + credentials.token),
+          'email': ''
+        };
+
+        var config = {
+          'auths': auths
+        };
+
+        return JSON.stringify(config, null, '  ');
+      };
+
+      $scope.getDockerFile = function(credentials) {
+        return {
+          'filename': $scope.getRktFilename(credentials),
+          'contents': $scope.getDockerConfig(credentials)
+        }
+      };
+
+      $scope.getDockerLogin = function(credentials) {
+        if (!credentials || !credentials.username) {
+          return '';
+        }
+
+        var escape = function(v) {
+          if (!v) { return v; }
+          return v.replace('$', '\\$');
+        };
+
+        return 'docker login -e="." -u="' + escape(credentials.username) + '" -p="' + credentials.password + '" ' + Config['SERVER_HOSTNAME'];
+      };
+
+      $scope.getDockerFilename = function(credentials) {
+        return $scope.getSuffixedFilename(credentials, 'auth.json')
+      };
+
+      $scope.getRktFile = function(credentials) {
+        var config = {
+          'rktKind': 'auth',
+          'rktVersion': 'v1',
+          'domains': [Config['SERVER_HOSTNAME']],
+          'type': 'basic',
+          'credentials': {
+            'user': credentials['username'],
+            'password': credentials['password']
+          }
+        };
+
+        var contents = JSON.stringify(config, null, '  ');
+        return {
+          'filename': $scope.getRktFilename(credentials),
+          'contents': contents
+        }
+      };
+
+      $scope.getRktFilename = function(credentials) {
+        return $scope.getSuffixedFilename(credentials, 'auth.json')
+      };
+
+      $scope.getKubernetesSecretName = function(credentials) {
+        if (!credentials || !credentials.username) {
+          return '';
+        }
+
+        var username = credentials.username.replace('+', '-');
+        return username + '-pull-secret';
+      };
+
+      $scope.getKubernetesFile = function(credentials) {
+        var dockerConfigJson = $scope.getDockerConfig(credentials);
+        var contents = 'apiVersion: v1\n' +
+'kind: Secret\n' +
+'metadata:\n' +
+'  name: ' + $scope.getKubernetesSecretName(credentials) + '\n' +
+'data:\n' +
+'  .dockerconfigjson: ' + $.base64.encode(dockerConfigJson) + '\n' +
+'type: kubernetes.io/dockerconfigjson'
+
+        return {
+          'filename': $scope.getKubernetesFilename(credentials),
+          'contents': contents
+        }
+      };
+
+      $scope.getKubernetesFilename = function(credentials) {
+        return $scope.getSuffixedFilename(credentials, 'secret.yml')
+      };
+
+      $scope.getSuffixedFilename = function(credentials, suffix) {
+        if (!credentials || !credentials.username) {
+          return '';
+        }
+
+        var username = credentials.username.replace('+', '-');
+        return username + '-' + suffix;
+      };
+    }
+  };
+  return directiveDefinitionObject;
+});