new rule in description form, based in dropdown list value, scroll toc, sections
This commit is contained in:
parent
2bf5153566
commit
df89a1532f
|
@ -12,7 +12,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<ng-template #sectionHeader>
|
<ng-template *ngIf="shouldIShow(section);" #sectionHeader>
|
||||||
<h2>{{section.title}}</h2>
|
<h2>{{section.title}}</h2>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -36,8 +36,8 @@
|
||||||
[required]="field.required" [pattern] = "field.regex" (ngModelChange) = "toggleVisibility($event, field,false)"> <!--input or change event
|
[required]="field.required" [pattern] = "field.regex" (ngModelChange) = "toggleVisibility($event, field,false)"> <!--input or change event
|
||||||
on change event the listener is triggered on blur -->
|
on change event the listener is triggered on blur -->
|
||||||
|
|
||||||
<select *ngSwitchCase="'dropdown'" class="form-control" [id]="field.key" [formControlName]="field.key" [required]="field.required">
|
<select *ngSwitchCase="'dropdown'" class="form-control" [id]="field.key" [formControlName]="field.key" [required]="field.required" (change)="toggleVisibility($event, field, false)">
|
||||||
<option *ngFor="let opt of field.options" [value]="opt.key" (change)="toggleVisibility($event, field, true)" >{{opt.value}}</option>
|
<option *ngFor="let opt of field.options" [value]="opt.key" >{{opt.value}}</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<div *ngSwitchCase="'checkbox'" class="checkbox">
|
<div *ngSwitchCase="'checkbox'" class="checkbox">
|
||||||
|
|
|
@ -127,6 +127,25 @@ export class DynamicFormFieldComponent {
|
||||||
this.hideField(targetField, rule);
|
this.hideField(targetField, rule);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (rule._ruleStyle == "dropdownValue" ) { //dropdown field
|
||||||
|
let fieldValue = this.form.get(field.key).value;
|
||||||
|
let ruleValue;
|
||||||
|
let ruleValueBoolean = false ;
|
||||||
|
if (rule.value.length)
|
||||||
|
rule.value.forEach(value => {
|
||||||
|
if (fieldValue.toString() == value.__text)
|
||||||
|
ruleValueBoolean = true;
|
||||||
|
return;
|
||||||
|
});
|
||||||
|
else
|
||||||
|
ruleValue = rule.value.__text;
|
||||||
|
if (fieldValue.toString() == ruleValue || ruleValueBoolean.valueOf() == true) { //field.value.value.toString() == ruleValue
|
||||||
|
targetField.visible = true;
|
||||||
|
this.AddvalidationRules(rule._target);
|
||||||
|
} else {
|
||||||
|
this.hideField(targetField, rule);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
hideField(targetField, rule) {
|
hideField(targetField, rule) {
|
||||||
|
|
|
@ -30,7 +30,7 @@ export class TocComponent implements OnInit{
|
||||||
console.log("going to id:"+elemID)
|
console.log("going to id:"+elemID)
|
||||||
var page = parseInt(_page)
|
var page = parseInt(_page)
|
||||||
this.setPage.emit(page);
|
this.setPage.emit(page);
|
||||||
scroll("#"+elemID);
|
scroll("#"+elemID, {}, {offset: top});
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue