CHE-2059 Add ssh view for workspace in UD

- allow to view default ssh key for workspace
- allow to remove this default key
- allow to generate default key if not present

Change-Id: Ifca18aed416f91846cf1adeb2a6e32389df196d3
Signed-off-by: Florent BENOIT <fbenoit@codenvy.com>

dashboard/src/app/index.module.ts

@@ -115,6 +115,7 @@ initModule.run(['$rootScope', '$location', '$routeParams', 'routingRedirect', '$
     $rootScope.showIDE = false;
 
     workspaceDetailsService.addSection('Projects', '<workspace-details-projects></workspace-details-projects>', 'icon-ic_inbox_24px');
+    workspaceDetailsService.addSection('SSH', '<workspace-details-ssh></workspace-details-ssh>', 'icon-ic_vpn_key_24px');
 
     // here only to create instances of these components
     cheIdeFetcher;

dashboard/src/app/workspaces/workspace-details/workspace-ssh/workspace-details-ssh.controller.ts

@@ -0,0 +1,118 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+import {CheWorkspace} from "../../../../components/api/che-workspace.factory";
+import {CheNotification} from "../../../../components/notification/che-notification.factory";
+import {CheSsh} from "../../../../components/api/che-ssh.factory";
+'use strict';
+
+/**
+ * @ngdoc controller
+ * @name workspace.details.controller:WorkspaceDetailsSSHCtrl
+ * @description This class is handling the controller for details of workspace : section ssh
+ * @author Florent Benoit
+ */
+export class WorkspaceDetailsSshCtrl {
+
+  /**
+   * Workspace.
+   */
+  private cheWorkspace: CheWorkspace;
+
+  /**
+   * SSH.
+   */
+  private cheSsh: CheSsh;
+
+  /**
+   * Notification.
+   */
+  private cheNotification: CheNotification;
+
+  /**
+   * Material Design Dialog Service
+   */
+  private $mdDialog: ng.material.IDialogService;
+
+  /**
+   * Angular Log service.
+   */
+  private $log: ng.ILogService;
+
+  /**
+   * Angular Q service.
+   */
+  private $q: ng.IQService;
+
+  private $timeout : ng.ITimeoutService;
+
+  private privateKey : string;
+  private publicKey : string;
+
+  private namespace : string;
+  private workspaceName : string;
+  private workspaceKey : string;
+  private workspace : any;
+  private workspaceId: string;
+
+  private sshKeyPair : any;
+
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor($route : ng.route.IRouteService, cheSsh: CheSsh, cheWorkspace: CheWorkspace, cheNotification, $mdDialog : ng.material.IDialogService, $log : ng.ILogService, $q : ng.IQService, $timeout : ng.ITimeoutService) {
+    this.cheWorkspace = cheWorkspace;
+    this.cheSsh = cheSsh;
+    this.cheNotification = cheNotification;
+    this.$mdDialog = $mdDialog;
+    this.$log = $log;
+    this.$q = $q;
+
+    this.namespace = $route.current.params.namespace;
+    this.workspaceName = $route.current.params.workspaceName;
+    this.workspaceKey = this.namespace + ":" + this.workspaceName;
+
+    this.updateData();
+
+  }
+
+
+  updateData() {
+    this.workspace = this.cheWorkspace.getWorkspaceByName(this.namespace, this.workspaceName);
+    this.workspaceId = this.workspace.id;
+
+    // get ssh key
+    this.cheSsh.fetchKey("workspace", this.workspaceId).finally(() => {
+      this.sshKeyPair = this.cheSsh.getKey("workspace", this.workspaceId);
+
+    });
+  }
+
+  /**
+   * Remove the default workspace keypair
+   */
+  removeDefaultKey() {
+    this.cheSsh.removeKey("workspace", this.workspaceId).then(
+      () => {this.$timeout( this.updateData(), 3000)}
+    );
+  }
+
+  /**
+   * Generate a new default workspace keypair
+   */
+  generateDefaultKey() {
+    this.cheSsh.generateKey("workspace", this.workspaceId).then(() => {this.$timeout( this.updateData(), 3000)});
+  }
+
+
+
+}

dashboard/src/app/workspaces/workspace-details/workspace-ssh/workspace-details-ssh.directive.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * @ngdoc directive
+ * @name workspaces.details.directive:workspaceDetailsSSH
+ * @restrict E
+ * @element
+ *
+ * @description
+ * <workspace-details-ssh></workspace-ssh-ssh>` for displaying workspace ssh entry.
+ *
+ * @usage
+ *   <workspace-details-ssh></workspace-details-ssh>
+ *
+ * @author Florent Benoit
+ */
+export class WorkspaceDetailsSsh {
+
+
+  restrict: string = 'E';
+  templateUrl: string = 'app/workspaces/workspace-details/workspace-ssh/workspace-details-ssh.html';
+
+  controller: string = 'WorkspaceDetailsSshCtrl';
+  controllerAs: string = 'workspaceDetailsSshCtrl';
+  bindToController: boolean = true;
+
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor () {
+
+  }
+
+}

dashboard/src/app/workspaces/workspace-details/workspace-ssh/workspace-details-ssh.html

@@ -0,0 +1,40 @@
+<!--
+
+    Copyright (c) 2015 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+<md-content flex class="workspace-ssh-content">
+
+  <che-label-container che-label-name="Default key" che-label-description="Default SSH key is generated when workspace is created. It is possible to connect to any machine of the workspace by using this key.">
+
+    <div layout="column" ng-if="workspaceDetailsSshCtrl.sshKeyPair">
+      <che-text-info che-label-name="Private key" che-text="workspaceDetailsSshCtrl.sshKeyPair.privateKey"
+                     che-copy-clipboard="true"
+                     class="workspace-ssh-content-private"></che-text-info>
+
+      <che-text-info che-label-name="Public key" che-text="workspaceDetailsSshCtrl.sshKeyPair.publicKey"
+                     che-copy-clipboard="true"
+                     class=""></che-text-info>
+
+      <che-button-danger che-button-title="Remove default SSH key"
+                         ng-click="workspaceDetailsSshCtrl.removeDefaultKey()"></che-button-danger>
+    </div>
+
+
+    <div layout="column" ng-if="!workspaceDetailsSshCtrl.sshKeyPair">
+      <che-button-primary che-button-title="Generate"
+                          ng-click="workspaceDetailsSshCtrl.generateDefaultKey()"></che-button-primary>
+      <span class="workspace-ssh-content-notice">There is no default SSH key associated to this current workspace. A new key can be generated.</span>
+      <span ng-if="workspaceDetailsSshCtrl.workspace.status === 'RUNNING'">Note: Workspace is currently in RUNNING state. It will require a restart of the workspace in order to be taken into account.</span>
+    </div>
+  </che-label-container>
+
+</md-content>
+

dashboard/src/app/workspaces/workspace-details/workspace-ssh/workspace-details-ssh.styl

@@ -0,0 +1,26 @@
+.workspace-ssh-content
+  margin 0
+  button
+    margin 0
+
+
+.workspace-ssh-content
+  .che-text-info-mobile span, .che-text-info-desktop span
+    border-width 0
+    padding-bottom 20px
+
+  .che-text-info-mobile span label, .che-text-info-desktop span label
+    max-width 500px
+    word-wrap break-word
+    font-family Fixed, monospace
+    color $disabled-color
+
+  .che-text-info .copy-clipboard
+    margin-top 50px
+    margin-left 20px
+
+  .workspace-ssh-content-notice
+    padding-top 20px
+
+.workspace-ssh-content .workspace-ssh-content-private .che-text-info-desktop span label
+    white-space pre

dashboard/src/app/workspaces/workspaces-config.ts

@@ -21,6 +21,8 @@ import {UsageChart} from './list-workspaces/workspace-item/usage-chart.directive
 import {WorkspaceItemCtrl} from './list-workspaces/workspace-item/workspace-item.controller';
 import {WorkspaceEditModeOverlay} from './workspace-edit-mode/workspace-edit-mode-overlay.directive';
 import {WorkspaceEditModeToolbarButton} from './workspace-edit-mode/workspace-edit-mode-toolbar-button.directive';
+import {WorkspaceDetailsSsh} from './workspace-details/workspace-ssh/workspace-details-ssh.directive';
+import {WorkspaceDetailsSshCtrl} from './workspace-details/workspace-ssh/workspace-details-ssh.controller';
 import {WorkspaceDetailsProjectsCtrl} from './workspace-details/workspace-projects/workspace-details-projects.controller';
 import {WorkspaceDetailsService} from './workspace-details/workspace-details.service';
 import {ExportWorkspaceController} from './workspace-details/export-workspace/export-workspace.controller';
@@ -83,6 +85,9 @@ export class WorkspacesConfig {
 
     new CreateProjectStackLibrarySelectedStackFilter(register);
 
+    register.controller('WorkspaceDetailsSshCtrl', WorkspaceDetailsSshCtrl);
+    register.directive('workspaceDetailsSsh', WorkspaceDetailsSsh);
+
     register.controller('ListWorkspacesCtrl', ListWorkspacesCtrl);
     register.controller('WorkspaceDetailsController', WorkspaceDetailsController);
     register.controller('WorkspaceStacksController', WorkspaceStacksController);

dashboard/src/components/api/che-api-config.ts

@@ -30,6 +30,7 @@ import {CheRemote} from './remote/che-remote.factory';
 import {CheOAuthProvider} from './che-o-auth-provider.factory';
 import {CheEnvironmentRegistry} from './environment/che-environment-registry.factory';
 import {CheAgent} from './che-agent.factory';
+import {CheSsh} from './che-ssh.factory';
 import {CheNamespaceRegistry} from './namespace/che-namespace-registry.factory';
 
 export class ApiConfig {
@@ -54,6 +55,7 @@ export class ApiConfig {
     register.factory('cheOAuthProvider', CheOAuthProvider);
     register.factory('cheEnvironmentRegistry', CheEnvironmentRegistry);
     register.factory('cheAgent', CheAgent);
+    register.factory('cheSsh', CheSsh);
     register.factory('cheNamespaceRegistry', CheNamespaceRegistry);
   }
 }

dashboard/src/components/api/che-api.factory.ts

@@ -8,6 +8,8 @@
  * Contributors:
  *   Codenvy, S.A. - initial API and implementation
  */
+
+import {CheSsh} from "./che-ssh.factory";
 'use strict';
 
 
@@ -18,12 +20,15 @@
  */
 export class CheAPI {
 
+
+  private cheSsh : CheSsh;
+
   /**
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
   constructor(cheWorkspace, cheProfile, chePreferences, cheProjectTemplate, cheWebsocket, cheService,
-              cheAdminPlugins, cheAdminService, cheRecipe, cheRecipeTemplate, cheStack, cheOAuthProvider, cheAgent) {
+              cheAdminPlugins, cheAdminService, cheRecipe, cheRecipeTemplate, cheStack, cheOAuthProvider, cheAgent, cheSsh : CheSsh) {
     this.cheWorkspace = cheWorkspace;
     this.cheProfile = cheProfile;
     this.chePreferences = chePreferences;
@@ -37,6 +42,7 @@ export class CheAPI {
     this.cheStack = cheStack;
     this.cheOAuthProvider = cheOAuthProvider;
     this.cheAgent = cheAgent;
+    this.cheSsh = cheSsh;
   }
 
 
@@ -145,4 +151,12 @@ export class CheAPI {
     return this.cheAgent;
   }
 
+  /**
+   * Gets Che ssh API
+   * @returns {CheSsh}
+     */
+  getSsh() {
+    return this.cheSsh;
+  }
+
 }