187 lines
10 KiB
HTML
187 lines
10 KiB
HTML
<div page-content class="admin-pages">
|
|
<div header>
|
|
<admin-tabs tab="entity" [portal]="portal"></admin-tabs>
|
|
<div *ngIf="!errorMessage && !showLoading" class="uk-grid" 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-margin-remove-top"
|
|
uk-grid>
|
|
<div #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search entity"
|
|
[selected]="selectedKeyword" (closeEmitter)="onSearchClose()" (resetEmitter)="reset()"
|
|
[bordered]="true" colorClass="uk-text-secondary" class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1"></div>
|
|
<!--<div class="show-options">
|
|
<button class="uk-button uk-button-secondary">Bulk Actions</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 [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="toggleEntities(true, getSelectedEntities())"><i></i>
|
|
Activate
|
|
</a></li>
|
|
<li *ngIf="!isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="toggleEntities(false, getSelectedEntities())"><i></i>
|
|
Deactivate
|
|
</a></li>
|
|
<li *ngIf="isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>-->
|
|
|
|
<div *ngIf="isPortalAdministrator">
|
|
<a (click)="newEntity()"
|
|
class="uk-flex uk-flex-middle uk-text-uppercase">
|
|
<button class="large uk-icon-button uk-button-secondary">
|
|
<icon name="add"></icon>
|
|
</button>
|
|
<button class="uk-button uk-button-link uk-margin-small-left uk-text-secondary">Add entity</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--<div *ngIf="checkboxes.length > 0" class=" uk-margin-remove-top uk-margin-small-left"
|
|
[attr.uk-tooltip]="getSelectedEntities().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"
|
|
title="Select at least one entity">
|
|
<input id="checkAll" type="checkbox" (click)="selectAll()"
|
|
[ngModel]="getSelectedEntities().length ==checkboxes.length"/>
|
|
<a *ngIf="!isPortalAdministrator" class="uk-margin-left" [class.uk-disabled]="getSelectedEntities().length
|
|
== 0"
|
|
(click)="toggleEntities(true, getSelectedEntities())"><i></i> Activate </a>
|
|
<a *ngIf="!isPortalAdministrator" class="uk-margin-left" [class.uk-disabled]="getSelectedEntities().length == 0"
|
|
(click)="toggleEntities(false, getSelectedEntities())"><i></i> Deactivate </a>
|
|
<a *ngIf="isPortalAdministrator" class="uk-margin-left" [class.uk-disabled]="getSelectedEntities().length == 0"
|
|
(click)="confirmDeleteSelectedEntities()"><i></i> Delete </a>
|
|
|
|
</div>-->
|
|
</div>
|
|
<div *ngIf="!showLoading && checkboxes.length > 0"
|
|
class="uk-margin-remove-top uk-margin-small-left uk-margin-small-bottom uk-display-inline"
|
|
[attr.uk-tooltip]="getSelectedEntities().length == 0 ? 'pos:left; cls: uk-active' : null"
|
|
title="Select at least one entity"><input id="checkAll" type="checkbox" (click)="selectAll()"
|
|
[ngModel]="getSelectedEntities().length ==checkboxes.length"/>
|
|
<span *ngIf="getSelectedEntities().length > 0" class="uk-margin-left uk-text-muted">
|
|
{{getSelectedEntities().length}} entities selected </span>
|
|
<a class="uk-margin-left ">Actions </a>
|
|
<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 [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="toggleEntities(true,getSelectedEntities())"><i></i> Enable
|
|
</a></li>
|
|
<li *ngIf="!isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="toggleEntities(false,getSelectedEntities())"><i></i> Disable
|
|
</a>
|
|
</li>
|
|
<li *ngIf="isPortalAdministrator"><a [class]="getSelectedEntities().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="confirmDeleteSelectedEntities()"><i></i> Delete </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div inner>
|
|
<div *ngIf="showLoading" class="uk-position-center">
|
|
<loading *ngIf="showLoading"></loading>
|
|
</div>
|
|
<div *ngIf="!showLoading">
|
|
<!--<div *ngIf="!isPortalAdministrator" class="uk-alert uk-alert-primary uk-margin-top-large">
|
|
<div>
|
|
<span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
|
|
Disable an entity to hide it from community dashboard portal.
|
|
</div>
|
|
<div
|
|
class="uk-text-small">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>-->
|
|
<div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert>
|
|
<a class="uk-alert-close" uk-close></a>
|
|
{{updateErrorMessage}}
|
|
</div>
|
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger uk-margin-large-top"
|
|
role="alert">{{errorMessage}}</div>
|
|
<div class="md-card uk-margin-medium-bottom" *ngIf="!errorMessage">
|
|
<div class="md-card-content">
|
|
<div class="uk-overflow-container">
|
|
<table class="uk-table uk-table-striped uk-table-hover uk-table-large">
|
|
<thead class="uk-card-header">
|
|
<tr>
|
|
<th class="uk-width-small">
|
|
<!--<input id="allEntityCheckbox" type="checkbox"
|
|
(change)="toggleCheckBoxes($event)">-->
|
|
</th>
|
|
<th>Name</th>
|
|
<th *ngIf="!isPortalAdministrator">Status</th>
|
|
<th *ngIf="!isPortalAdministrator">Enable/Disable</th>
|
|
<th *ngIf="isPortalAdministrator">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let check of checkboxes; let i=index">
|
|
<td><input id="{{check.entity._id}}" class="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">
|
|
<div class="name" href="#">{{check.entity.isEnabled ? "Enabled" : "Disabled"}}</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">
|
|
<div class="actions" href="#">
|
|
<i class="clickable " uk-icon="pencil" (click)="editEntity(i)"></i>
|
|
<i class="clickable uk-text-danger" uk-icon="trash"
|
|
(click)="confirmDeleteEntity(check.entity._id)"></i>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div *ngIf="checkboxes.length ==0 ">
|
|
<div class="uk-alert-warning" uk-alert>No entities found</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<modal-alert #editModal (alertOutput)="entitySaveConfirmed($event)"
|
|
[okDisabled]="entityForm && (entityForm.invalid || !entityForm.dirty)">
|
|
<div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>
|
|
<form *ngIf="entityForm" [formGroup]="entityForm" class="uk-grid uk-child-width-1-1" uk-grid>
|
|
<div dashboard-input [formInput]="entityForm.get('name')"
|
|
type="text" placeholder="Write a name"
|
|
label="Entity Name">
|
|
</div>
|
|
<div dashboard-input [formInput]="entityForm.get('pid')"
|
|
type="text" placeholder="Write a pid"
|
|
label="Entity Pid">
|
|
</div>
|
|
</form>
|
|
</modal-alert>
|
|
|
|
<modal-alert #relatedPages (alertOutput)="continueToggling($event)"></modal-alert>
|
|
|
|
<modal-alert #deleteModal (alertOutput)="confirmedDeleteEntities($event)"></modal-alert>
|