Let administrators disable "Copy Login Command"

* Add a DISABLE_GLOBAL_EVENT_WATCH constant that prevents users from
  copying a login command with their token.
* Let users permanently dismiss the toast notification warning telling
  users not to share their token.
* Update "Log Out" to use headline case like other menu items.

app/scripts/constants.js

@@ -93,6 +93,9 @@ angular.extend(window.OPENSHIFT_CONSTANTS, {
   // Currently disables watch on events used by the drawer.
   DISABLE_GLOBAL_EVENT_WATCH: false,
 
+  // Disables the copy login command option from the user menu and CLI page.
+  DISABLE_COPY_LOGIN_COMMAND: false,
+
   ENABLE_TECH_PREVIEW_FEATURE: {
     // Set to true when the template service broker is enabled for the cluster in master-config.yaml.
     template_service_broker: false,

app/scripts/controllers/commandLine.js

@@ -13,10 +13,7 @@ angular.module('openshiftConsole')
     $scope.cliDownloadURL = Constants.CLI;
     $scope.cliDownloadURLPresent = $scope.cliDownloadURL && !_.isEmpty($scope.cliDownloadURL);
     $scope.loginBaseURL = DataService.openshiftAPIBaseUrl();
-    $scope.sessionToken = AuthService.UserStore().getToken();
-    $scope.showSessionToken = false;
-
-    $scope.toggleShowSessionToken = function() {
-      $scope.showSessionToken = !$scope.showSessionToken;
-    };
+    if (!Constants.DISABLE_COPY_LOGIN_COMMAND) {
+      $scope.sessionToken = AuthService.UserStore().getToken();
+    }
   });

app/scripts/directives/util.js

@@ -103,7 +103,7 @@ angular.module('openshiftConsole')
       }
     };
   })
-  .directive('copyLoginToClipboard', function(NotificationsService) {
+  .directive('copyLoginToClipboard', function(AlertMessageService, NotificationsService) {
     return {
       restrict: 'E',
       replace: true,
@@ -114,17 +114,32 @@ angular.module('openshiftConsole')
       link: function($scope, element) {
         var clipboard = new Clipboard( element.get(0) );
         clipboard.on('success', function () {
+          var alertID = 'openshift/token-warning';
+          if (AlertMessageService.isAlertPermanentlyHidden(alertID)) {
+            return;
+          }
+
           NotificationsService.addNotification({
-            id: 'copied_to_clipboard_toast_success',
+            id: alertID,
             type: 'warning',
-            message: 'Do not share the API token in your clipboard. A token is a form of a password.'
+            message: 'A token is a form of a password.',
+            details: 'Do not share the API token copied to your clipboard.',
+            links: [{
+              href: "",
+              label: "Don't Show Me Again",
+              onClick: function() {
+                AlertMessageService.permanentlyHideAlert(alertID);
+                // Return true close the existing alert.
+                return true;
+              }
+            }]
           });
         });
         clipboard.on('error', function () {
           NotificationsService.addNotification({
-            id: 'copied_to_clipboard_toast_error',
+            id: 'copy-login-command-error',
             type: 'error',
-            message: 'Unable to copy.'
+            message: 'Unable to copy the login command.'
           });
         });
         element.on('$destroy', function() {

app/scripts/extensions/nav/userDropdown.js

@@ -4,16 +4,23 @@ angular.module('openshiftConsole')
   .run(function(extensionRegistry, $rootScope, DataService, AuthService) {
     extensionRegistry
       .add('nav-user-dropdown', function() {
-        var msg = 'Log out';
+        var items = [];
+        if (!_.get(window, 'OPENSHIFT_CONSTANTS.DISABLE_COPY_LOGIN_COMMAND')) {
+          items.push({
+            type: 'dom',
+            node: '<li><copy-login-to-clipboard clipboard-text="\'oc login ' + DataService.openshiftAPIBaseUrl() + ' --token=' + AuthService.UserStore().getToken() + '\'"></copy-login-to-clipboard></li>'
+          });
+        }
+
+        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>'
-        },{
+        items.push({
           type: 'dom',
           node: '<li><a href="logout">' + _.escape(msg) + '</a></li>'
-        }];
+        });
+
+        return items;
       });
   });

app/views/command-line.html

@@ -29,13 +29,11 @@ <h1 id="cli">Command Line Tools</h1>
             </p>
             <p>
               After downloading and installing it, you can start by logging in. You are currently logged into this console as <strong>{{user.metadata.name}}</strong>. If you want to log into the CLI using the same session token:
-              <copy-to-clipboard display-wide="true" clipboard-text="'oc login ' + loginBaseURL + ' --token=' + sessionToken" input-text="'oc login ' + loginBaseURL + ' --token=<hidden>'"></copy-to-clipboard>
-              <pre class="code prettyprint ng-binding" ng-if="!sessionToken">
-                oc login {{loginBaseURL}}
-              </pre>
+              <copy-to-clipboard ng-if="sessionToken" display-wide="true" clipboard-text="'oc login ' + loginBaseURL + ' --token=' + sessionToken" input-text="'oc login ' + loginBaseURL + ' --token=<hidden>'"></copy-to-clipboard>
+              <copy-to-clipboard ng-if="!sessionToken" display-wide="true" clipboard-text="'oc login ' + loginBaseURL"></copy-to-clipboard>
             </p>
 
-            <div class="alert alert-warning">
+            <div ng-if="sessionToken" class="alert alert-warning">
               <span class="pficon pficon-warning-triangle-o" aria-hidden="true"></span>
               <strong>A token is a form of a password.</strong>
               Do not share your API token. To reveal your token, press the copy to clipboard button and then paste the clipboard contents.