Chromad: added AD Join ui, authpolicy_client

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

+// Copyright 2016 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.
+

[Alexander Alekseev, 2016/10/28 10:49:11]

Document this file, please.

[Roman Sorokin (ftl), 2016/10/28 12:35:28]

Hmm, our polymer elements have documentation in the html files. All the js files
don't.

[Alexander Alekseev, 2016/10/28 13:00:59]

Chromium coding style
(https://chromium.googlesource.com/chromium/src/+/master/styleguide/styleguide.md
) requires use of Web Development Style Guide
(https://www.chromium.org/developers/web-development-style-guide) which requires
conformance to Google JavaScript Style Guide
(https://chromium.googlesource.com/chromium/src/+/master/styleguide/styleguide.md)
with a few exceptions.

"All files, classes, methods and properties should be documented with JSDoc
comments with the appropriate tags and types. Textual descriptions for
properties, methods, method parameters and method return values should be
included unless obvious from the property, method, or parameter name."

+ don't forget about closure compiler.

You can take a look at other (recent) polymer elements in
chrome/browser/resources/chromeos/login/* or in settings/* (which is probably
better source).

+Polymer((function() {
+  return {
+    is: 'offline-ad-login',
+
+    properties: {
+      disabled: {
+        type: Boolean,
+        value: false,
+        observer: '_disabledChanged'
+      },
+      showMachineInput: {
+        type: Boolean,
+        value: false
+      },
+      realm: {
+        type: String,
+        observer: 'onRealmChanged_'
+      },
+      userRealm: String,
+      adWelcomeMessage: String
+    },
+
+    focus: function() {
+      if (this.showMachineInput && this.$.machineNameInput.value == '') {
+        this.$.machineNameInput.focus();
+      } else if (this.$.userInput.value == '') {
+        this.$.userInput.focus();
+      } else {
+        this.$.passwordInput.focus();
+      }
+    },
+
+    onRealmChanged_: function() {
+      this.$.welcomeMsg.textContent =
+          loadTimeData.getStringF('ADAuthWelcomeMessage', this.realm);
+    },
+
+    setUser: function(user, machineName) {
+      if (user) {
+        this.$.userInput.value = user;
+        this.$.passwordInput.isInvalid = true;
+      } else {
+        this.$.userInput.value = '';
+        this.$.passwordInput.isInvalid = false;
+      }
+      this.$.machineNameInput.value = machineName || '';
+      this.$.passwordInput.value = '';
+      this.focus();
+    },
+
+    isRTL_: function() {
+      return !!document.querySelector('html[dir=rtl]');
+    },
+
+    onSubmit_: function() {
+      if (this.showMachineInput && !this.$.machineNameInput.checkValidity())
+        return;
+      if (!this.$.passwordInput.checkValidity())
+        return;
+      var user = this.$.userInput.value;
+      if (user.indexOf('@') === -1) {
+        if (this.userRealm)
+          user = user + this.userRealm;
+      }
+      var msg = {
+        'machinename': this.$.machineNameInput.value,
+        'username': user,
+        'password': this.$.passwordInput.value
+      };
+      this.$.passwordInput.value = '';
+      this.fire('authCompleted', msg);
+    },
+
+    _disabledChanged: function(newValue, oldValue) {
+      this.$.gaiaCard.classList.toggle('disabled', newValue);
+    }
+  };
+})());