<%_
let field0 = detailView[0]; let fn0 = field0.fieldName; let ft0 = field0.type;
let field1 = detailView[1]; let fn1 = field1.fieldName; let ft1 = field1.type;
let field2 = detailView[2]; let fn2 = field2.fieldName; let ft2 = field2.type;
let field, fn, ft, fieldObj;%>
<%
field = field1; fn = fn1; ft = ft1;
fieldObj = {field, fn, ft, ref_link: true,};
%>
<%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
<%
field = field2; fn = fn2; ft = ft2;
fieldObj = {field, fn, ft, ref_link: true,};
%>
<%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
<%if (detailView.length > 3) {%>
<%}%><%_
const otherFields = detailView.slice(3);
for (let [index, field] of otherFields.entries()){
if (field.hidden) continue;
let fn = field.fieldName; let ft = field.type;
let fieldObj = {field, fn, ft, ref_link: true,};
let fieldHasValue = `fieldHasValue(detail['${fn}'])`;
if (field.exclusiveRequired) {
let values = [];
for (let fld of field.formGroup) {
values.push(`fieldHasValue(detail['${fld.fieldName}'])`);
}
fieldHasValue = values.join(' || ');
}
%>
*ngIf="<%-fieldHasValue%>"<%}%>
<% if (field.meta.directive) {
%><%- include(`/ui/${uiFramework}/schema-display.field.directive.html`, fieldObj); %><%
}%>
class="me-3 d-flex flex-wrap" [ngStyle]="style['<%-fn%>']"><%_ if (field.showDisplayName) {%>
<%-field.displayName%>:
<%}%>
<%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
<%_
}%>