Disable input fields in the toolbox.

This commit is contained in:
Sean Lip
2016-07-15 16:40:22 -07:00
parent be98f29e18
commit 311907cb6a
2 changed files with 7 additions and 5 deletions

View File

@@ -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({

View File

@@ -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()"