<%_{
let pictureFields = viewFields.filter(x => x.picture);
let indexedFields = viewFields.filter(x => !x.picture && x.isIndexField);
let otherFields = viewFields.filter(x => !x.picture && !x.isIndexField);
let otherFieldsName = otherFields.map(x=>x.fieldName);
for (let field of pictureFields){
if (field.hidden) continue;
if (listCategoryFieldsNotShown.includes(field.fieldName)) continue;
let fn = field.fieldName; let ft = field.type;
let fieldObj = {field, fn, ft, ref_link: true,};
%>
<%
for (let [index, field] of indexedFields.entries()){
if (field.hidden) continue;
if (listCategoryFieldsNotShown.includes(field.fieldName)) continue;
let fn = field.fieldName; let ft = field.type;
let fieldObj = {field, fn, ft, ref_link: true,};
%>
<%
for (let fieldGrp of viewGrp) {
let fieldGrpProcessed = fieldGrp.filter(x=> {
return otherFieldsName.includes(x.fieldName) && !x.hidden && !listCategoryFieldsNotShown.includes(x.fieldName)
});
if (fieldGrpProcessed.length < 1) {
continue;
}%>
<%
for (let [index, field] of fieldGrpProcessed.entries()){
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(' || ');
}
%><%
if (field.ref) {%>
<%}%>
*ngIf="<%-fieldHasValue%>"<%}%>
<% if (field.meta.directive) {
%><%- include(`/ui/${uiFramework}/schema-display.field.directive.html`, fieldObj); %><%
}%>
class="me-3 d-inline-flex flex-wrap"><%_ if (field.showDisplayName) {%>
<%}%>