From 311907cb6a339953891a19aa733a4eb10f404a3b Mon Sep 17 00:00:00 2001
From: Sean Lip <sll@google.com>
Date: Fri, 15 Jul 2016 16:40:22 -0700
Subject: [PATCH] Disable input fields in the toolbox.

---
 accessible/field.component.js        | 8 +++++---
 accessible/toolbox-tree.component.js | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/accessible/field.component.js b/accessible/field.component.js
index bb6b4cf07..9b1a35143 100644
--- a/accessible/field.component.js
+++ b/accessible/field.component.js
@@ -31,7 +31,8 @@ blocklyApp.FieldComponent = ng.core
     <li [id]="idMap['listItem']" role="treeitem" *ngIf="isTextInput()"
         [attr.aria-labelledBy]="generateAriaLabelledByAttr('blockly-argument-input', idMap['input'])"
         [attr.aria-level]="level" aria-selected=false>
-      <input [id]="idMap['input']" [ngModel]="field.getValue()" (ngModelChange)="field.setValue($event)">
+      <input [id]="idMap['input']" [ngModel]="field.getValue()" (ngModelChange)="field.setValue($event)"
+             [disabled]="disabled">
     </li>
     <li [id]="idMap['listItem']" role="treeitem" *ngIf="isDropdown()"
         [attr.aria-labelledBy]="generateAriaLabelledByAttr('blockly-argument-menu', idMap['label'])"
@@ -41,7 +42,8 @@ blocklyApp.FieldComponent = ng.core
         <li [id]="idMap[optionValue]" role="treeitem" *ngFor="#optionValue of getOptions()"
             [attr.aria-labelledBy]="generateAriaLabelledByAttr(idMap[optionValue + 'Button'], 'blockly-button')"
             [attr.aria-level]="level+1" aria-selected=false>
-          <button [id]="idMap[optionValue + 'Button']" (click)="handleDropdownChange(field, optionValue)">
+          <button [id]="idMap[optionValue + 'Button']" (click)="handleDropdownChange(field, optionValue)"
+                  [disabled]="disabled">
             {{optionText[optionValue]}}
           </button>
         </li>
@@ -59,7 +61,7 @@ blocklyApp.FieldComponent = ng.core
       </label>
     </li>
     `,
-    inputs: ['field', 'level', 'index', 'parentId'],
+    inputs: ['field', 'level', 'index', 'parentId', 'disabled'],
     pipes: [blocklyApp.TranslatePipe]
   })
   .Class({
diff --git a/accessible/toolbox-tree.component.js b/accessible/toolbox-tree.component.js
index 64320458d..15dfa220a 100644
--- a/accessible/toolbox-tree.component.js
+++ b/accessible/toolbox-tree.component.js
@@ -72,8 +72,8 @@ blocklyApp.ToolboxTreeComponent = ng.core
         </li>
         <div *ngFor="#inputBlock of block.inputList; #i=index">
           <blockly-field *ngFor="#field of inputBlock.fieldRow; #j=index"
-                      [attr.aria-level]="level+1" [field]="field"
-                      [level]="level+1">
+                         [attr.aria-level]="level+1" [field]="field"
+                         [level]="level+1" [disabled]="true">
           </blockly-field>
           <blockly-toolbox-tree *ngIf="inputBlock.connection && inputBlock.connection.targetBlock()"
                                 [block]="inputBlock.connection.targetBlock()"