rushilwiz/astute
1
0
Fork 0
mirror of https://github.com/dyiop/astute.git synced 2025-04-05 21:10:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

restricted input of '

Browse Source
This commit is contained in:
Akash Shah 2019-07-17 11:27:05 -04:00
parent 003ff7f802
commit 987d4420ba
4 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
AstuteClient2/src/app/ag-grid-components/empty-error-editor/empty-error-editor.component.ts
View File

@ -4,7 +4,7 @@ import {ToastManagerService} from '../../services/toast-manager/toast-service.se
@Component({
selector: 'app-empty-error-editor',
template: `
<input #i class="w-100" [value]="params.value" (keydown)="onKeyDown($event)"/>
<input #i class="w-100" [value]="params.value" (keypress)="onKeyPress($event)" (keydown)="onKeyDown($event)"/>
`
})
export class EmptyErrorEditorComponent implements AfterViewInit {
@ -27,6 +27,23 @@ export class EmptyErrorEditorComponent implements AfterViewInit {
return this.textInput.nativeElement.value;
}
onKeyPress(event) {
if (event.key === '\'') {
event.preventDefault();
this.notif('Cannot use \' (apostrophes)');
setTimeout(() => {
this.textInput.nativeElement.focus();
});
}
if (event.key === '\'') {
event.preventDefault();
this.notif('Cannot use \' (apostrophes)');
setTimeout(() => {
this.textInput.nativeElement.focus();
});
}
}
onKeyDown(event) {
if (event.keyCode === 9 || event.keyCode === 13) {
if (!this.textInput.nativeElement.value) {

8
AstuteClient2/src/app/ag-grid-components/in-det-qty-editor/in-det-qty-editor.component.ts
View File

@ -4,7 +4,7 @@ import {ToastManagerService} from '../../services/toast-manager/toast-service.se
@Component({
selector: 'app-in-det-qty-editor',
template: `
<input #i type="number" min="0" [max]="remainingQty" class="w-100" [value]="params.value" (keydown)="onKeyDown($event)"/>
<input #i type="number" min="0" class="w-100" [step]="remainingQty/100" [value]="params.value" (keydown)="onKeyDown($event)"/>
`
})
export class InDetQtyEditorComponent implements AfterViewInit {
@ -37,9 +37,11 @@ export class InDetQtyEditorComponent implements AfterViewInit {
setTimeout(() => {
this.numberInput.nativeElement.focus();
});
} else if (this.numberInput.nativeElement.value < 0 || this.numberInput.nativeElement.value > this.remainingQty) {
} else if (!(this.numberInput.nativeElement.value >= 0
&& parseInt((this.numberInput.nativeElement.value * 100000).toFixed(0), 10) -
parseInt((this.remainingQty * 100000).toFixed(0), 10) <= 1)) {
event.stopPropagation();
this.notif('Value should between 0 and ' + this.remainingQty);
this.notif('Value should between 0 and ' + this.remainingQty.toPrecision(2));
setTimeout(() => {
this.numberInput.nativeElement.focus();
});

4
AstuteClient2/src/app/customer/customer.component.html
View File

@ -45,7 +45,7 @@
<span class="input-group-text">ID*</span>
</td>
<td colspan="7">
<input type="text" class="form-control" placeholder="johndoe" #inId>
<input type="text" class="form-control" [textMask]="{mask: idMask, guide: false}" placeholder="johndoe" #inId>
</td>
</tr>
@ -135,7 +135,7 @@
<tr>
<td style="width: 1%">
<span class="input-group-text">Ext*</span>
<span class="input-group-text">Ext</span>
</td>
<td colspan="3">
<input type="tel" class="form-control" placeholder="123456" #inPhExt [value]="">

4
AstuteClient2/src/app/customer/customer.component.ts
View File

@ -32,7 +32,7 @@ export class CustomerComponent implements OnInit {
{headerName: 'Address 2 ✎', field: 'add2', editable: true, cellEditor: 'emptyErrorEditorComponent'},
{headerName: 'City ✎', field: 'city', editable: true, cellEditor: 'emptyErrorEditorComponent'},
{headerName: 'State ✎', field: 'state', editable: true, cellEditor: 'emptyErrorEditorComponent'},
{headerName: 'ZIP ✎', field: 'zip', editable: true, cellEditor: 'emptyErrorEditorComponent'},
{headerName: 'ZIP ✎', field: 'zip', editable: true, cellEditor: 'numericEditorComponent'},
{headerName: 'ZIP-4 ✎', field: 'ziplast4', editable: true, cellEditor: 'numericEditorComponent'}
];
frameworkComponents = {
@ -109,6 +109,8 @@ export class CustomerComponent implements OnInit {
{headerName: 'Address ✎', field: 'address', editable: true}
];
idMask = [/[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/, /[^']/];
// address: "123 Test Drive"
// contactId: 1
// customerId: "MDOT"