@hicoder/angular-cli/templates/ui/angular/bootstrap/schema-display.grid.html

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

    <%_{
      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);
      %>
      <div class="card-header grid-head"><%
      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,};
        %>
        <div class="grid-head-picture"><%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
        </div><%
      }%>
        <div>
          <h5><%
      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,};
          %>
            <div class="me-1 d-inline-block">
              <%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
            </div><%_
      }%>
          </h5>
        </div>
      </div>
      <div class="card-body"><%
      for (let [index, field] of otherFields.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,};
          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(' || ');
          }
          %>
          <div <%_ if (ft !== 'AngularSelector') {%> *ngIf="<%-fieldHasValue%>"<%}%>
            <% if (field.meta.directive) {
              %><%- include(`/ui/${uiFramework}/schema-display.field.directive.html`, fieldObj); %><%
            }%>
            class="d-flex flex-wrap"><%_ if (field.showDisplayName) {%>
            <div class="me-3"><label><%-field.displayName%>:</label></div><%}%>
            <div><%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %></div>
          </div><%_ 
      }%><% if (cardHasLink) {%>
        <div class="read-more mt-1" (click)="onDetailLinkClicked(detail['_id'])">
          Detail <i class="far fa-arrow-alt-circle-right"></i>
        </div><%}%>
      </div><%
    }%>