@hicoder/angular-cli/templates/widgets/list/sub/sub.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>
	<div class="add-area d-flex">
		<%_ if (api.includes("C")) {%>
		<% if (embeddedViewOnly) {%><div class=" me-5">
			<a class="pointer" routerLink="." (click)="onEmbeddedAdd()"><i class="fas fa-plus-square" title="Add"></i> Add</a>
		</div><%}%><%}%>
		<div class="d-flex ms-auto"><%
			if (api.includes('M') && listActionButtons[2]){%>
				<lib-mdds-action-email *ngIf="emailFields.length > 0 || emailFieldsRefArray.length > 0" class="m-1"
					[emailFields]="emailFields"
					[emailFieldsRefArray]="emailFieldsRefArray"
					[emailFieldsRefObj]="emailFieldsRefObj"
					[stringFields]="stringFields" [recordNumber]="totalCount"
					(componentEvents)="onActionBaseEvent($event)">
				</lib-mdds-action-email><%}%>

			<%_ for (let associationRecord of associationFor) { %>
			<div *ngIf="parentSchema === '<%-associationRecord[4]%>'" class="m-1">
				<a class="btn btn-outline-primary"
				  [routerLink]="[parentSchema, 'association', parentItemId, '<%-schemaName%>', '<%-associationRecord[2]%>']"
				  [relativeTo]="getParentActivatedRouter()">
				  <%-associationRecord[3]%>
				</a>
			</div>
			<%}%>
		</div>
	</div>
	<%_ if (api.includes('C')) {%>
		<% if (embeddedViewOnly) {%>
	<div *ngIf="isAdding">
		<app-<%-schemaName%>-edit [initData]="parentData" [embeddedView]="true"
			[embedMode]="'create'"
			(done)="onEmbeddedViewDone($event)"></app-<%-schemaName%>-edit>
	</div><%}%><%}%>
	
	<div *ngIf="list.length === 0" class="no-records">
		<span *ngIf="loaded">No records found.</span>
		<span *ngIf="!loaded">Loading...</span>
	</div>
	<div class="container search">
		<%_ let disableRefreshIcon = true; let disableSortSelection = true; let disableViewSwitch = true;
			let pagiObj = {disableRefreshIcon, disableSortSelection, disableViewSwitch};
		%><%-include(`/schema-list.pagination.html`, pagiObj) %>
	</div>
	<div *ngIf="list.length > 0"><% for (let view of widgetDef.views) {%>
		<ng-template [ngIf]="isShowListView('<%-view%>')">
			<app-<%-schemaName%>-list-view-widget-<%-view%>
			<%- include(`/widgets/list/view-component.inputs.html`)%>
			>
			</app-<%-schemaName%>-list-view-widget-<%-view%>>
		</ng-template>
		<%}%>
	</div>

	<div class="container">
		<%_ disableRefreshIcon = true; disableSortSelection = true; disableViewSwitch = true;
			pagiObj = {disableRefreshIcon, disableSortSelection, disableViewSwitch};
		%><%-include(`/schema-list.pagination.html`, pagiObj) %>
	</div>
	
</div>