Add indication of camera use on SAML webcam logins

chrome/browser/resources/chromeos/login/screen_gaia_signin.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Oobe signin screen implementation.
  */
 
 login.createScreen('GaiaSigninScreen', 'gaia-signin', function() {
   // GAIA animation guard timer. Started when GAIA page is loaded
@@ skipping 197 matching lines @@
       this.gaiaAuthHost_.insecureContentBlockedCallback =
           this.onInsecureContentBlocked_.bind(this);
       this.gaiaAuthHost_.missingGaiaInfoCallback =
           this.missingGaiaInfo_.bind(this);
       this.gaiaAuthHost_.samlApiUsedCallback =
           this.samlApiUsed_.bind(this);
       this.gaiaAuthHost_.addEventListener('authDomainChange',
           this.onAuthDomainChange_.bind(this));
       this.gaiaAuthHost_.addEventListener('authFlowChange',
           this.onAuthFlowChange_.bind(this));
+      this.gaiaAuthHost_.addEventListener('videoEnabledChange',
+          this.onVideoEnabledChange_.bind(this));
 
       this.gaiaAuthHost_.addEventListener('loadAbort',
         this.onLoadAbortMessage_.bind(this));
       this.gaiaAuthHost_.addEventListener(
           'identifierEntered', this.onIdentifierEnteredMessage_.bind(this));
 
       this.navigation_.addEventListener('back', function() {
         this.navigation_.backVisible = false;
         this.getSigninFrame_().back();
       }.bind(this));
@@ skipping 368 matching lines @@
 
     /**
      * Whether the current auth flow is SAML.
      */
     isSAML: function() {
        return this.gaiaAuthHost_.authFlow ==
            cr.login.GaiaAuthHost.AuthFlow.SAML;
     },
 
     /**
+     * Helper function to update the title bar.
+     */
+    updateSamlNotice_: function() {
+      if (this.gaiaAuthHost_.videoEnabled) {
+        $('saml-notice-message').textContent = loadTimeData.getStringF(
+            'samlNoticeWithVideo',
+            this.gaiaAuthHost_.authDomain);
+        $('saml-notice-recording-indicator').hidden = false;
+        $('saml-notice-container').style.justifyContent = 'left';

[Kevin Cernekee, 2016/05/10 21:05:42]

This part doesn't actually work.  Not sure why.

I also tried setAttribute() but that seems to be used for something else.

[emaxx, 2016/05/13 17:44:03]

There is no "left" value among the allowed values for the "justify-content" CSS
property. Probably the "flex-start" value is the right one.

[Kevin Cernekee, 2016/05/13 18:39:04]

Done.

+      } else {
+        $('saml-notice-message').textContent = loadTimeData.getStringF(
+            'samlNotice',
+            this.gaiaAuthHost_.authDomain);
+      }

[emaxx, 2016/05/13 17:44:03]

Even though the videoEnabled should never change from true to false, hiding the
recording indicator and restoring the notice container styling in this case
should be a bit cleaner.

[Kevin Cernekee, 2016/05/13 18:39:04]

Done.

+    },
+
+    /**
      * Invoked when the authDomain property is changed on the GAIA host.
      */
     onAuthDomainChange_: function() {
-      $('saml-notice-message').textContent = loadTimeData.getStringF(
-          'samlNotice',
-          this.gaiaAuthHost_.authDomain);
+      this.updateSamlNotice_();
     },
 
     /**
+     * Invoked when the videoEnabled property is changed on the GAIA host.
+     */
+    onVideoEnabledChange_: function() {
+      this.updateSamlNotice_();
+    },
+
+    /**
      * Invoked when the authFlow property is changed on the GAIA host.
      */
     onAuthFlowChange_: function() {
       var isSAML = this.isSAML();
 
       this.classList.toggle('full-width', isSAML);
       $('saml-notice-container').hidden = !isSAML;
 
       if (Oobe.getInstance().currentScreen === this) {
         Oobe.getInstance().updateScreenSize(this);
@@ skipping 359 matching lines @@
       this.classList.toggle('whitelist-error', show);
       this.loading = !show;
 
       if (!show)
         Oobe.showSigninUI();
 
       this.updateControlsState();
     }
   };
 });