<%_
let fieldMainPic = detailView[0]; let fn0 = fieldMainPic.fieldName;
let fieldMP = detailView[1]; let fnMP = fieldMP.fieldName;
let fieldTitle = detailView[2];
let fieldSubtitle = detailView[3];
let field, fn, ft, fieldObj;%>
<%
field = fieldTitle; fn = fieldTitle.fieldName; ft = fieldTitle.type;
fieldObj = {field, fn, ft, ref_link: true,};
%>
<%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
<%
field = fieldSubtitle; fn = fieldSubtitle.fieldName; ft = fieldSubtitle.type;
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(4);
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="mx-1 d-flex flex-wrap" [ngStyle]="style['<%-fn%>']"><%_ if (field.showDisplayName) {%>
<%-field.displayName%>:
<%}%>
<%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
<%_
}%>