CodingPirates/blockly
1
0
Fork 0
mirror of https://github.com/google/blockly.git synced 2026-01-09 10:00:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use number input boxes for fields that accept numeric values.

Browse Source
This commit is contained in:
Sean Lip
2016-07-21 17:40:10 -07:00
parent c958cf5eaf
commit e503835845
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
accessible/field.component.js
View File

@@ -29,10 +29,14 @@ blocklyApp.FieldComponent = ng.core
selector: 'blockly-field',
template: `
<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)"
[disabled]="disabled">
[disabled]="disabled" type="text" aria-label="string">
</li>
<li [id]="idMap['listItem']" role="treeitem" *ngIf="isNumberInput()"
[attr.aria-level]="level" aria-selected="false">
<input [id]="idMap['input']" [ngModel]="field.getValue()" (ngModelChange)="field.setValue($event)"
[disabled]="disabled" type="number" aria-label="number">
</li>
<li [id]="idMap['listItem']" role="treeitem" *ngIf="isDropdown()"
[attr.aria-labelledBy]="generateAriaLabelledByAttr('blockly-argument-menu', idMap['label'])"
@@ -82,7 +86,7 @@ blocklyApp.FieldComponent = ng.core
},
generateElementNames: function() {
var elementNames = ['listItem'];
if (this.isTextInput()) {
if (this.isTextInput() || this.isNumberInput()) {
elementNames.push('input');
} else if (this.isDropdown()) {
elementNames.push('label');
@@ -95,8 +99,12 @@ blocklyApp.FieldComponent = ng.core
}
return elementNames;
},
isNumberInput: function() {
return this.field instanceof Blockly.FieldNumber;
},
isTextInput: function() {
return this.field instanceof Blockly.FieldTextInput;
return this.field instanceof Blockly.FieldTextInput &&
!(this.field instanceof Blockly.FieldNumber);
},
isDropdown: function() {
return this.field instanceof Blockly.FieldDropdown;