@hicoder/angular-cli/templates/widgets/search/normal/normal.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 sbo = searchBarObj; if (sbo.showSearchBox) {%>
			    <div class="input-group">
	              <input type="search" class="form-control border border-secondary" id="<%-schemaName%>TextSearch" 
						#<%-schemaName%>TextSearch [(ngModel)]="searchText"
						(search)="$any($event.target).blur();searchList();"
						placeholder="Search for <%for (let [idx,fld] of sbo.stringBoxFields.entries()){%><%if (idx!=0) {%>, <%}%><%-fld.displayName%><%}%>">
				  <div *ngIf="searchText" class="input-group-append icon-search-clear">
						<span >
							<i class="fas fa-times-circle" (click)="onSearchTextClear()" title="Clear"></i>
						</span>
				  </div>
				  <div class="input-group-append">
				    <button type="button" class="btn btn-outline-secondary" (click)="searchList()"><i class="fas fa-search"></i></button>
				  </div>
				</div>
			<%}%><%_ if (!sbo.noMoreSearchArea) { %>
				<div class="text-center">
                    <span  class="pointer" (click)="toggleMoreSearch()">
                        <span class="refine-search-text">Refine Search &nbsp;</span>
                        <span>
                            <i *ngIf="!moreSearchOpened"  class="fas fa-plus-circle" title="More"></i>
                            <i *ngIf="moreSearchOpened" class="fas fa-minus-circle"  title="Less"></i>
                        </span>
                    </span>
				</div>
			    <div class="shadow" *ngIf="moreSearchOpened">
					<div class="card search-criteria-card">
						<div class="card-body">
							<div class="d-flex flex-wrap align-items-center">
								<%_ sbo.ownSearchFields.forEach( (field) => {
									let fn=field.fieldName, fD=field.displayName, Fn=field.FieldName, sn=schemaName, Sn=SchemaName, mn=moduleName, Mn=ModuleName;

									let obj = {
										field, fn, fD, Fn, sn, Sn, mn, Mn,
									}
									%><%-
									include('/widgets/search/normal/schema-search.field.html', obj) %> 
								<%_ }) %>
							</div>
						<%_ if(sbo.hasArchive) {%>
							<hr>
							<%- include('/widgets/search/normal/schema-search.archive.html'); %>
							<hr><%}%>
						<%_ if(sbo.IDLookup) {%>
							<%_ if(!sbo.hasArchive) {%>
							<hr><%}%>
							<%- include('/widgets/search/normal/schema-search.id.html'); %>
							<hr><%}%>

							<div class="action-buttons">
									<button type="button" class="btn btn-outline-success" (click)="onSearchClear()">Reset</button>
									<button type="button" class="btn btn-success" (click)="searchList()">Search</button>
							</div>
						</div>
					</div>
		        </div>
		        <div *ngIf="!moreSearchOpened" style="text-align: left;">
					<span class="badge rounded-pill bg-info" *ngFor="let value of searchMoreDetail">
					    <div (click)="toggleMoreSearch()" class="pointer search-detail-badge"> {{value[0]}}: {{value[1]}}</div>
					    <i class="fas fa-times-circle icon-clear-badge" (click)="clearValueFromDetailAndSearchList(value[2])" title="Clear"></i>
					</span>
				</div>
		    <%}%>