@hicoder/angular-cli/templates/ui/angular/bootstrap/schema-list.view.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

	<div class="gridview" *ngIf="isShowListView('grid')">
		<div class="grid-block" *ngFor="let detail of list;  let i = index; let list_index = index;">
			<div class="card text-left h-100"
				[ngClass]="{'clicked-row': clickedId==detail['_id'],
							'selected-row': clickItemAction === 'select' && checkedItem[i],
							'clickable-card': clickItemAction}" >
				<div class="grid-fields" [ngClass]="{pointer: clickItemAction}" (click)="clickOneItem(i)" >
			<%_
			let viewFields = briefView.filter(x=>!x.exclusiveRequiredWith);
			let viewGrp = briefViewGrp;
			let listDisplayObj = {
				viewFields, viewGrp,
			};
			%><%-
			include(`/ui/${uiFramework}/${uiDesign}/schema-display.grid.html`, listDisplayObj); %>
				</div><%if(canUpdate || canDelete || canArchive || canCheck){%>
				<div class="card-action-icons">
					<%if(canUpdate){%>
						<a [routerLink]="['.']" queryParamsHandling="preserve" (click)="onEdit(detail._id)"><i class="fas fa-edit" title="Edit"></i></a>
					<%}%>
					<%if(canDelete){%><a routerLink="." (click)="onDelete(detail['_id'], i)"><i class="fas fa-trash-alt" title="Delete"></i></a><%}%>
					<%if(canArchive){%><a routerLink="." (click)="onArchive(detail['_id'], i, archivedSearch)">
						<i *ngIf="!archivedSearch" class="fa fa-archive" title="Archive"></i>
						<i *ngIf="archivedSearch" class="fas fa-trash-restore" title="Unarchive"></i>	
					</a><%}%>
					<%if(canCheck){%><input class="list-check-box" type="checkbox" [ngModel]="checkedItem[i]" (click)="selectOneItem(i)"/><%}%>
				</div><%}%>
			</div>
		</div>
	</div>