Reflect the status of a request for accessing a blacklisted url.

chrome/browser/resources/supervised_user_block_interstitial.js

 // Copyright 2014 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.
 
 function sendCommand(cmd) {
   window.domAutomationController.setAutomationId(1);
   window.domAutomationController.send(cmd);
 }
 
 function makeImageSet(url1x, url2x) {
   return '-webkit-image-set(url(' + url1x + ') 1x, url(' + url2x + ') 2x)';
 }
 
 function initialize() {
   if (loadTimeData.getBoolean('allowAccessRequests')) {
     $('request-access-button').onclick = function(event) {
-      updateAfterRequestSent();
+      $('request-access-button').hidden = true;
       sendCommand('request');
     };
   } else {
     $('request-access-button').hidden = true;
   }
   var avatarURL1x = loadTimeData.getString('avatarURL1x');
   var avatarURL2x = loadTimeData.getString('avatarURL2x');
   if (avatarURL1x) {
     $('avatar-img').style.content = makeImageSet(avatarURL1x, avatarURL2x);
     $('avatar-img').hidden = false;
     $('error-img').hidden = true;
     var secondAvatarURL1x = loadTimeData.getString('secondAvatarURL1x');
     var secondAvatarURL2x = loadTimeData.getString('secondAvatarURL2x');
     if (secondAvatarURL1x) {
       $('second-avatar-img').style.content =
           makeImageSet(secondAvatarURL1x, secondAvatarURL2x);
       $('second-avatar-img').hidden = false;
       // The avatar images should overlap a bit.
       $('avatar-img').style.left = '6px';
       $('avatar-img').style.zIndex = '1';
       $('second-avatar-img').style.left = '-6px';
     }
   }
   $('back-button').onclick = function(event) {
     sendCommand('back');
   };
 }
 
 /**
- * Updates the interstitial to show that the request was sent.
+ * Updates the interstitial to show that the request failed or was sent.
+ * @param {boolean} isSuccessful

[Bernhard Bauer, 2014/12/17 17:05:17]

Document the parameter please.

[khannan, 2014/12/17 17:39:09]

I tried emulating a bad js file so did not know how. Fixed

  */
-function updateAfterRequestSent() {
+function requestStatus(isSuccessful) {

[Bernhard Bauer, 2014/12/17 17:05:17]

Name this method so it's in imperative?

[khannan, 2014/12/17 17:39:09]

Done.

   $('error-img').hidden = true;
-  $('request-access-button').hidden = true;
   $('block-page-message').hidden = true;
-  $('request-sent-message').hidden = false;
-  if ($('avatar-img').hidden) {
-    $('request-sent-message').style.marginTop = '40px';
+  if (isSuccessful) {
+    $('request-failed-message').hidden = true;
+    $('request-sent-message').hidden = false;
+    if ($('avatar-img').hidden) {
+      $('request-sent-message').style.marginTop = '40px';
+    }
+  } else {
+    $('request-failed-message').hidden = false;
+    $('request-access-button').hidden = false;
   }
 }
 
 document.addEventListener('DOMContentLoaded', initialize);