Add a button in the admin panel to check OT&E status of a registrar

For now, it only displays a status of "Passed: true|false" or an error message in simple text. In further work we will make the UI nicer. ------------- Created by MOE: https://github.com/google/moe MOE_MIGRATED_REVID=229971564
2025-07-22 02:36:03 +02:00 · 2019-01-18 12:14:17 -08:00 · 2019-01-18 12:14:17 -08:00 · 5f87c3bff3
commit 5f87c3bff3
parent 87ab149049
13 changed files with 195 additions and 82 deletions
--- a/java/google/registry/env/common/default/WEB-INF/web.xml
+++ b/java/google/registry/env/common/default/WEB-INF/web.xml
@ -31,10 +31,10 @@
    <url-pattern>/registrar</url-pattern>
  </servlet-mapping>

-  <!-- Registrar Self-serve Settings. -->
+  <!-- Registrar creation console. -->
  <servlet-mapping>
    <servlet-name>frontend-servlet</servlet-name>
-    <url-pattern>/registrar-settings</url-pattern>
+    <url-pattern>/registrar-create</url-pattern>
  </servlet-mapping>

  <!-- OT&E creation console. -->
@ -43,10 +43,16 @@
    <url-pattern>/registrar-ote-setup</url-pattern>
  </servlet-mapping>

-  <!-- Registrar creation console. -->
+  <!-- OT&E status console. -->
  <servlet-mapping>
    <servlet-name>frontend-servlet</servlet-name>
-    <url-pattern>/registrar-create</url-pattern>
+    <url-pattern>/registrar-ote-status</url-pattern>
+  </servlet-mapping>
+
+  <!-- Registrar Self-serve Settings. -->
+  <servlet-mapping>
+    <servlet-name>frontend-servlet</servlet-name>
+    <url-pattern>/registrar-settings</url-pattern>
  </servlet-mapping>

  <!-- Security config -->
--- a/java/google/registry/ui/externs/json.js
+++ b/java/google/registry/ui/externs/json.js
@ -19,7 +19,6 @@
 * @externs
 */

-
 /**
 * @suppress {duplicate}
 */
@ -31,6 +30,24 @@ var registry = {};
 */
 registry.json = {};

+registry.json.ote = {};
+
+/**
+ * @typedef {{
+ *   clientId: string,
+ *   completed: boolean
+ * }}
+ */
+registry.json.ote.OteStatusResult;
+
+/**
+ * @typedef {{
+ *   status: string,
+ *   message: string,
+ *   results: !Array.<registry.json.ote.OteStatusResult>
+ * }}
+ */
+registry.json.ote.OteStatusResponse;


 /**
--- a/java/google/registry/ui/js/component.js
+++ b/java/google/registry/ui/js/component.js
@ -85,7 +85,7 @@ goog.inherits(registry.Component, goog.events.EventHandler);


 /**
- * Subclasses shold override this to implement panel display.
+ * Subclasses should override this to implement panel display.
 * @param {string} id The target resource id.
 */
 registry.Component.prototype.bindToDom = function(id) {
--- a/java/google/registry/ui/js/edit_item.js
+++ b/java/google/registry/ui/js/edit_item.js
@ -128,6 +128,7 @@ registry.EditItem.prototype.renderItem = function(objArgs) {
  goog.soy.renderElement(goog.dom.getRequiredElement('reg-content'),
                         this.itemTmpl,
                         objArgs);
+  this.runAfterRender(objArgs);
 };


@ -263,10 +264,21 @@ registry.EditItem.prototype.cancel = function() {
 /**
 * Called after this.renderItem(), to allow for further setup of
 * editing.
+ *
+ * TODO(b/122661518): merge this with runAfterRender so we don't have two
+ * similar methods
 * @param {!Object} objArgs
 */
 registry.EditItem.prototype.setupEditor = function(objArgs) {};

+/**
+ * Called at the end of this.renderItem() to allow for registration
+ * of listeners and other tasks that depend on the existence of the items in the
+ * DOM
+ * @param {!Object} objArgs
+ */
+registry.EditItem.prototype.runAfterRender = function(objArgs) {};
+

 // XXX: These should really take @param {object} which is the form. Alas the
 //      only override which doesn't work this way, ResourceComponent.sendCreate
--- a/java/google/registry/ui/js/registrar/admin_settings.js
+++ b/java/google/registry/ui/js/registrar/admin_settings.js
@ -19,6 +19,8 @@ goog.require('goog.dom');
 goog.require('goog.dom.classlist');
 goog.require('goog.events');
 goog.require('goog.events.EventType');
+goog.require('goog.json');
+goog.require('goog.net.XhrIo');
 goog.require('goog.soy');
 goog.require('registry.Resource');
 goog.require('registry.ResourceComponent');
@ -50,30 +52,75 @@ registry.registrar.AdminSettings.prototype.bindToDom = function(id) {
  goog.dom.removeNode(goog.dom.getRequiredElement('reg-app-btn-back'));
 };

-
 /** @override */
-registry.registrar.AdminSettings.prototype.setupEditor =
-    function(objArgs) {
-  goog.dom.classlist.add(goog.dom.getRequiredElement('tlds'),
-                         goog.getCssName('editing'));
-  var tlds = goog.dom.getElementsByClass(goog.getCssName('tld'),
-                                         goog.dom.getRequiredElement('tlds'));
-  goog.array.forEach(tlds, function(tld) {
-    var remBtn = goog.dom.getChildren(tld)[0];
-    goog.events.listen(remBtn,
-                       goog.events.EventType.CLICK,
-                       goog.bind(this.onTldRemove_, this, remBtn));
-  }, this);
-  this.typeCounts['reg-tlds'] = objArgs.allowedTlds ?
-      objArgs.allowedTlds.length : 0;
-
-  goog.events.listen(goog.dom.getRequiredElement('btn-add-tld'),
-                     goog.events.EventType.CLICK,
-                     this.onTldAdd_,
-                     false,
-                     this);
+registry.registrar.AdminSettings.prototype.runAfterRender = function(objArgs) {
+  goog.events.listen(
+      goog.dom.getRequiredElement('btn-ote-status'),
+      goog.events.EventType.CLICK,
+      goog.bind(
+          this.oteStatusCheck_, this, objArgs.xsrfToken, objArgs.clientId),
+      false, this);
 };

+/** @override */
+registry.registrar.AdminSettings.prototype.setupEditor = function(objArgs) {
+  goog.dom.classlist.add(
+      goog.dom.getRequiredElement('tlds'), goog.getCssName('editing'));
+  var tlds = goog.dom.getElementsByClass(
+      goog.getCssName('tld'), goog.dom.getRequiredElement('tlds'));
+  goog.array.forEach(tlds, function(tld) {
+    var remBtn = goog.dom.getChildren(tld)[0];
+    goog.events.listen(
+        remBtn, goog.events.EventType.CLICK,
+        goog.bind(this.onTldRemove_, this, remBtn));
+  }, this);
+  this.typeCounts['reg-tlds'] =
+      objArgs.allowedTlds ? objArgs.allowedTlds.length : 0;
+
+  goog.events.listen(
+      goog.dom.getRequiredElement('btn-add-tld'), goog.events.EventType.CLICK,
+      this.onTldAdd_, false, this);
+};
+
+/**
+ * JSON response prefix which prevents evaluation.
+ * @private {string}
+ * @const
+ */
+registry.registrar.AdminSettings.PARSER_BREAKER_ = ')]}\'\n';
+
+/**
+ * Click handler for OT&E status checking button.
+ * @param {string} xsrfToken
+ * @param {string} clientId
+ * @private
+ */
+registry.registrar.AdminSettings.prototype.oteStatusCheck_ = function(
+    xsrfToken, clientId) {
+  goog.net.XhrIo.send('/registrar-ote-status', function(e) {
+    var response =
+        /** @type {!registry.json.ote.OteStatusResponse} */
+        (e.target.getResponseJson(
+            registry.registrar.AdminSettings.PARSER_BREAKER_));
+    var message;
+    if (response.status === 'SUCCESS') {
+      var results = response.results[0];
+      message = 'Passed: '.concat(results.completed);
+    } else {
+      message = 'Error: '.concat(response.message);
+    }
+    var textParent = goog.dom.getRequiredElement('ote-status-area-parent');
+    if (!textParent.hasChildNodes()) {
+      var textElement = document.createElement('p');
+      textElement.id = 'ote-status-area';
+      textParent.appendChild(textElement);
+    }
+    textParent.firstElementChild.textContent = message;
+  }, 'POST', goog.json.serialize({'clientId': clientId}), {
+    'X-CSRF-Token': xsrfToken,
+    'Content-Type': 'application/json; charset=UTF-8'
+  });
+};

 /**
 * Click handler for TLD add button.
@ -88,8 +135,9 @@ registry.registrar.AdminSettings.prototype.onTldAdd_ = function() {
  goog.dom.appendChild(goog.dom.getRequiredElement('tlds'), tldElt);
  var remBtn = goog.dom.getFirstElementChild(tldElt);
  goog.dom.classlist.remove(remBtn, goog.getCssName('hidden'));
-  goog.events.listen(remBtn, goog.events.EventType.CLICK,
-                     goog.bind(this.onTldRemove_, this, remBtn));
+  goog.events.listen(
+      remBtn, goog.events.EventType.CLICK,
+      goog.bind(this.onTldRemove_, this, remBtn));
  this.typeCounts['reg-tlds']++;
  tldInputElt.value = '';
 };
@ -100,7 +148,6 @@ registry.registrar.AdminSettings.prototype.onTldAdd_ = function() {
 * @param {!Element} remBtn The remove button.
 * @private
 */
-registry.registrar.AdminSettings.prototype.onTldRemove_ =
-    function(remBtn) {
+registry.registrar.AdminSettings.prototype.onTldRemove_ = function(remBtn) {
  goog.dom.removeNode(goog.dom.getParentElement(remBtn));
 };
--- a/java/google/registry/ui/soy/registrar/AdminSettings.soy
+++ b/java/google/registry/ui/soy/registrar/AdminSettings.soy
@ -14,8 +14,6 @@

 {namespace registry.soy.registrar.admin}

-
-
 /** Registrar admin settings page for view and edit. */
 {template .settings}
  {@param allowedTlds: list<string>}
@ -48,6 +46,9 @@
          <label class="{css('setting-label')}">OT&amp;E setup page</label>
        <td class="{css('setting')}">
          <p>Generate new OT&amp;E accounts <a href="/registrar-ote-setup">here</a>
+          </p></td>
+      </tr>
+      {call .oteStatus /}
    </table>
  </form>
 {/template}
@ -64,3 +65,17 @@
    <input name="{$name}" value="{$tld}" readonly>
  </div>
 {/template}
+
+{template .oteStatus}
+  <tr class="{css('kd-settings-pane-section')}">
+    <td class="{css('setting')}">
+      <button
+          type="button"
+          id="btn-ote-status"
+          value="Check OT&amp;E status"
+          class="{css('kd-button')} {css('kd-button-submit')}">Check OT&amp;E status
+      </button>
+    </td>
+    <td id="ote-status-area-parent" class="{css('setting')}"></td>
+  </tr>
+{/template}