Add an AppSpecificAuthToken data model for app-specific auth tokens. These will be used for the Docker CLI in place of username+password

static/js/directives/ui/app-specific-token-manager/app-specific-token-manager.component.ts

@@ -0,0 +1,71 @@
+import { Input, Component, Inject } from 'ng-metadata/core';
+import * as bootbox from "bootbox";
+
+/**
+ * A component that displays and manage all app specific tokens for a user.
+ */
+@Component({
+  selector: 'app-specific-token-manager',
+  templateUrl: '/static/js/directives/ui/app-specific-token-manager/app-specific-token-manager.component.html',
+})
+export class AppSpecificTokenManagerComponent {
+  private appTokensResource: any;
+  private appTokens: Array<any>;
+  private tokenCredentials: any;
+  private revokeTokenInfo: any;
+
+  constructor(@Inject('ApiService') private ApiService: any, @Inject('UserService') private UserService: any) {
+    this.loadTokens();
+  }
+
+  private loadTokens() {
+    this.appTokensResource = this.ApiService.listAppTokensAsResource().get((resp) => {
+      this.appTokens = resp['tokens'];
+    });
+  }
+
+  private askCreateToken() {
+    bootbox.prompt('Please enter a descriptive title for the new application token', (title) => {
+      if (!title) { return; }
+
+      const errorHandler = this.ApiService.errorDisplay('Could not create the application token');
+      this.ApiService.createAppToken({title}).then((resp) => {
+        this.loadTokens();        
+      }, errorHandler);
+    });
+  }
+
+  private showRevokeToken(token) {
+    this.revokeTokenInfo = {
+      'token': token,
+    };
+  };
+
+  private revokeToken(token, callback) {
+    const errorHandler = this.ApiService.errorDisplay('Could not revoke application token', callback);
+    const params = {
+      'token_uuid': token['uuid'],
+    };
+
+    this.ApiService.revokeAppToken(null, params).then((resp) => {
+      this.loadTokens();
+      callback(true);
+    }, errorHandler);
+  }
+
+  private showToken(token) {
+    const errorHandler = this.ApiService.errorDisplay('Could not find application token');
+    const params = {
+      'token_uuid': token['uuid'],
+    };
+
+    this.ApiService.getAppToken(null, params).then((resp) => {
+      this.tokenCredentials = {
+        'title': resp['token']['title'],
+        'namespace': this.UserService.currentUser().username,
+        'username': '$app',
+        'password': resp['token']['token_code'],
+      };
+    }, errorHandler);
+  }
+}