openaire-library/dashboard/entity/entities.component.html

<div page-content (stickyEmitter)="stickyPageHeader = $event">
	<div header>
		<div class="uk-flex uk-flex-middle uk-margin-top info" [class.uk-active]="stickyPageHeader">
			<ng-container *ngIf="showLogo">
				<img [src]="entity | logoUrl" class="uk-margin-right uk-blend-multiply">
			</ng-container>
			<div>
				<div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">Admin Dashboard - Manage Entities</div>
				<h1 class="uk-h4 uk-margin-remove">{{name?name:'Super Admin'}}</h1>
			</div>
		</div>
		<div class="uk-margin uk-margin-remove-bottom">
			<admin-tabs tab="entity" [portal]="portal"></admin-tabs>
		</div>
  </div>
  <div inner>
    <div *ngIf="showLoading" class="uk-position-center">
      <loading></loading>
    </div>
		<div *ngIf="!showLoading">
			<div class="uk-grid uk-flex-middle uk-margin-top" uk-grid>
				<div class="uk-width-1-1">
					<ul *ngIf="!isPortalAdministrator" class="uk-subnav uk-subnav-pill">
						<li [class.uk-active]="filterForm.get('status').value === 'all'"><a
								(click)="filterForm.get('status').setValue('all')"><span
								class="title">All entities</span></a></li>
						<li [class.uk-active]="filterForm.get('status').value === 'enabled'"><a
								(click)="filterForm.get('status').setValue('enabled')"><span class="title">Enabled</span></a></li>
						<li [class.uk-active]="filterForm.get('status').value === 'disabled'"><a
								(click)="filterForm.get('status').setValue('disabled')"><span class="title">Disabled</span></a></li>
					</ul>
				</div>
				<div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
					<div search-input [expandable]="true" [searchControl]="filterForm.get('keyword')" searchInputClass="outer" placeholder="Search entity"
							 class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1"></div>
					<div *ngIf="isPortalAdministrator">
						<button class="uk-button uk-button-default uk-flex uk-flex-middle" (click)="newEntity()">
							<icon name="add" [flex]="true"></icon>
							<span class="uk-margin-small-left uk-text-bold uk-text-uppercase">Add entity</span>
						</button>
					</div>
				</div>
			</div>
			<div class="uk-section">
				<table *ngIf="checkboxes.length > 0 " class="uk-table uk-table-striped uk-table-large">
					<thead>
						<tr class="uk-child-width-1-3">
							<th *ngIf="!portal">
								<label>
									<input id="checkAll" type="checkbox" (click)="selectAll()" class="uk-checkbox"
												 [ngModel]="getSelectedEntities().length ==checkboxes.length"/>
								</label>
								<span class="uk-margin-left">
									<button class="uk-button uk-button-link" [class.uk-disabled]="getSelectedEntities().length == 0" [disabled]="getSelectedEntities().length == 0">
										Bulk Actions ({{getSelectedEntities().length}})
									</button>
									<div uk-dropdown="mode: click">
										<ul class="uk-nav uk-dropdown-nav"
												[attr.uk-tooltip]="getSelectedEntities().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"
												title="Select at least one entity">
											<li *ngIf="isPortalAdministrator">
												<a (click)="confirmDeleteSelectedEntities()"><i></i>Delete</a>
											</li>
										</ul>
									</div>
								</span>
							</th>
							<th>Name</th>
							<th *ngIf="!isPortalAdministrator">Status</th>
							<th *ngIf="isPortalAdministrator">Actions</th>
						</tr>
					</thead>
					<tbody>
						<tr *ngFor="let check of checkboxes; let i=index">
						<td *ngIf="!portal">
							<input id="{{check.entity._id}}" class="uk-checkbox" type="checkbox"
											 name="entitiescb[]" value="{{check.entity._id}}" [(ngModel)]="check.checked">
						</td>
						<td>
							<div class="name" href="#">{{check.entity.name}}</div>
						</td>
						<td *ngIf="!isPortalAdministrator">
							<mat-slide-toggle [checked]="check.entity.isEnabled"
																(change)="($event.source.checked = check.entity.isEnabled);toggleEntities(!check.entity.isEnabled,[check.entity._id])"
																uk-tooltip="title:<div class='uk-padding-small uk-width-large'><div class='uk-text-bold '>Disable an entity to hide it from community dashboard portal.</div><div class=' uk-margin-top'>If an entity is disabled, all related search and advanced search pages will be hidden from the community dashborad and a message 'Can't find that page' will appear in case the url of  that page is loaded. If the related page belongs to the menu the link will be removed from menu, too.</div></div>"
							></mat-slide-toggle>
						</td>
						<td *ngIf="isPortalAdministrator">
							<icon class="clickable" name="edit" [customClass]="'uk-text-primary'" (click)="editEntity(i)"></icon>
							<icon class="clickable uk-margin-small-left" [customClass]="'uk-text-danger'" name="delete" (click)="confirmDeleteEntity(check.entity._id)"></icon>
						</td>
					</tr>
					</tbody>
				</table>
				<div *ngIf="checkboxes.length == 0"
						 class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-top uk-margin-bottom uk-text-bold">
					<div>No entities found</div>
				</div>
			</div>
    </div>
  </div>
</div>
<modal-alert #editModal (alertOutput)="entitySaveConfirmed($event)"
             [okDisabled]="entityForm && (entityForm.invalid || !entityForm.dirty)" classTitle="uk-background-primary uk-light">
  <form *ngIf="entityForm" [formGroup]="entityForm" class="uk-grid uk-child-width-1-1" uk-grid>
    <div input [formInput]="entityForm.get('name')" placeholder="Entity Name"></div>
    <div input [formInput]="entityForm.get('pid')" placeholder="Entity Pid"></div>
  </form>
</modal-alert>
<modal-alert #relatedPages [overflowBody]="false" (alertOutput)="continueToggling($event)" classTitle="uk-background-primary uk-light"></modal-alert>
<modal-alert #deleteModal [overflowBody]="false" (alertOutput)="confirmedDeleteEntities($event)" classTitle="uk-background-primary uk-light"></modal-alert>