@hicoder/angular-cli/templates/widgets/list-view/message/message.component.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

  <div id="<%-schemaName%>-messages" class="my-5">
    <div *ngFor="let detail of list; let i=index">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{detail[fields.sender]}}</h5>
          <h6 class="card-subtitle my-3 text-muted">{{detail[fields.senderTitle]}}</h6>
          <h6 class="card-subtitle mb-2 text-muted">
            <%
            for (let [index, field] of briefView.entries()){
                if (!field.messageTime) continue;
        
                let fn = field.fieldName; let ft = field.type;
                let fieldObj = {field, fn, ft, ref_link: false,};
                %>
              <%- include(`/ui/${uiFramework}/${uiDesign}/schema-display.field-wrap.html`, fieldObj); %>
                <%_  
            }%>
          </h6>
          <p class="card-text">
            {{detail[fields.content]}}
          </p>
        </div>
      </div>
    </div>
  </div>