@hicoder/angular-cli
Version:
Angular UI componenets and service generator. It works with the mean-rest-express package to generate the end to end web application. The input to this generator is the Mongoose schema defined for the express application. mean-rest-express exposes the Res
45 lines (43 loc) • 1.99 kB
HTML
<%_ if (field.exclusiveRequired) {
let grpFields = field['formGroup'];
%>
<p>Exclusively Fill One of the Following Fields:</p>
<div class="form-check"
ngModelGroup="Edit<%-Fn%>Group"
libMddsExclusiveRequired
#Edit<%-Fn%>Group="ngModelGroup"
><%_
grpFields.forEach( (field) => {
if (field.hidden) return;
let fn=field.fieldName, ft = field.type, fD=field.displayName, Fn=field.FieldName;
let sn=schemaName, Sn=SchemaName, mn=moduleName, Mn=ModuleName;
let fieldObj = {field, fn, fD, ft, ref_link: true,};%>
<ng-template [ngIf]="!hiddenFields.includes('<%-fn%>')">
<fieldset class="mb-3">
<label for="Edit<%-Fn%>" class="form-label"><%-fD%></label><%
if (field.important) {%>
<span><i data-bs-toggle="tooltip" title="<%-field.important%>" class="fas fa-exclamation-circle important-tip"></i></span><%}%><%
if (field.description) {%>
<span><i data-bs-toggle="tooltip" title="<%-field.description%>" class="far fa-question-circle"></i></span><%}%><%
if (field.meta.readOnly) {%>
<div><%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
</div><%_}
else {%>
<%- include('schema-edit.field.html', {field, fn, ft, fD, Fn, sn, Sn, mn, Mn, fieldObj}) %><%}%>
</fieldset>
</ng-template><%_
})%>
</div>
<div *ngIf="!(Edit<%-Fn%>Group.valid || !Edit<%-Fn%>Group.errors)">
<div *ngIf="!Edit<%-Fn%>Group.pristine && Edit<%-Fn%>Group.errors['required']"
class="alert alert-danger">
<%-fD%> is required.
</div>
<div *ngIf="Edit<%-Fn%>Group.errors['exclusive']"
class="alert alert-danger">
Please exclusively fill only one of the above fields.
</div>
</div><%
} else {%>
<%- include('schema-edit.field.html', {field, fn, ft, fD, Fn, sn, Sn, mn, Mn, fieldObj}) %><%
} %>