Add quick command to help dropdown

Signed-off-by: Will Gordon <wgordon@redhat.com>

app/scripts/directives/util.js

@@ -103,6 +103,36 @@ angular.module('openshiftConsole')
       }
     };
   })
+  .directive('copyLoginToClipboard', function(NotificationsService) {
+    return {
+      restrict: 'E',
+      replace: true,
+      scope: {
+        clipboardText: "="
+      },
+      template: '<a href="" data-clipboard-text="">Copy Login Command</a>',
+      link: function($scope, element) {
+        var clipboard = new Clipboard( element.get(0) );
+        clipboard.on('success', function () {
+          NotificationsService.addNotification({
+            id: 'copied_to_clipboard_toast_success',
+            type: 'warning',
+            message: 'Do not share the API token in your clipboard. A token is a form of a password.'
+          });
+        });
+        clipboard.on('error', function () {
+          NotificationsService.addNotification({
+            id: 'copied_to_clipboard_toast_error',
+            type: 'error',
+            message: 'Unable to copy.'
+          });
+        });
+        element.on('$destroy', function() {
+          clipboard.destroy();
+        });
+      }
+    };
+  })
   .directive('shortId', function() {
     return {
       restrict:'E',

app/scripts/extensions/nav/userDropdown.js

@@ -1,14 +1,17 @@
 'use strict';
 
 angular.module('openshiftConsole')
-  .run(function(extensionRegistry, $rootScope) {
+  .run(function(extensionRegistry, $rootScope, DataService, AuthService) {
     extensionRegistry
       .add('nav-user-dropdown', function() {
         var msg = 'Log out';
         if ($rootScope.user.fullName && $rootScope.user.fullName !== $rootScope.user.metadata.name) {
           msg += ' (' + $rootScope.user.metadata.name + ')';
         }
         return [{
+          type: 'dom',
+          node: '<li><copy-login-to-clipboard clipboard-text="\'oc login ' + DataService.openshiftAPIBaseUrl() + ' --token=' + AuthService.UserStore().getToken() + '\'"></copy-login-to-clipboard></li>'
+        },{
           type: 'dom',
           node: '<li><a href="logout">' + _.escape(msg) + '</a></li>'
         }];

app/styles/_navbar-alt.less

@@ -75,6 +75,9 @@
         margin-top: -10px;
         right: 0;
       }
+      .copy-to-clipboard {
+        padding: 1px 8px;
+      }
       &:after {
         border: 6px solid transparent;
         border-bottom-color: #fff;

dist/scripts/scripts.js

@@ -10370,7 +10370,34 @@ e.destroy();
 });
 }
 };
-}).directive("shortId", function() {
+}).directive("copyLoginToClipboard", [ "NotificationsService", function(a) {
+return {
+restrict:"E",
+replace:!0,
+scope:{
+clipboardText:"="
+},
+template:'<a href="" data-clipboard-text="">Copy Login Command</a>',
+link:function(b, c) {
+var d = new Clipboard(c.get(0));
+d.on("success", function() {
+a.addNotification({
+id:"copied_to_clipboard_toast_success",
+type:"warning",
+message:"Do not share the API token in your clipboard. A token is a form of a password."
+});
+}), d.on("error", function() {
+a.addNotification({
+id:"copied_to_clipboard_toast_error",
+type:"error",
+message:"Unable to copy."
+});
+}), c.on("$destroy", function() {
+d.destroy();
+});
+}
+};
+} ]).directive("shortId", function() {
 return {
 restrict:"E",
 scope:{
@@ -14999,11 +15026,14 @@ type:"dom",
 node:'<li><a href="about">About</a></li>'
 }), a;
 });
-} ]), angular.module("openshiftConsole").run([ "extensionRegistry", "$rootScope", function(a, b) {
+} ]), angular.module("openshiftConsole").run([ "extensionRegistry", "$rootScope", "DataService", "AuthService", function(a, b, c, d) {
 a.add("nav-user-dropdown", function() {
 var a = "Log out";
 return b.user.fullName && b.user.fullName !== b.user.metadata.name && (a += " (" + b.user.metadata.name + ")"), [ {
 type:"dom",
+node:"<li><copy-login-to-clipboard clipboard-text=\"'oc login " + c.openshiftAPIBaseUrl() + " --token=" + d.UserStore().getToken() + "'\"></copy-login-to-clipboard></li>"
+}, {
+type:"dom",
 node:'<li><a href="logout">' + _.escape(a) + "</a></li>"
 } ];
 });