191 lines
10 KiB
HTML
191 lines
10 KiB
HTML
<div page-content>
|
|
<div header>
|
|
<admin-tabs tab="page" [portal]="portal"></admin-tabs>
|
|
<div *ngIf="!errorMessage && !showLoading" class="uk-grid" uk-grid>
|
|
<div class="uk-width-1-1">
|
|
<ul class="uk-subnav uk-subnav-pill">
|
|
<li [class.uk-active]="filterForm.get('type').value === 'all'"><a
|
|
(click)="filterForm.get('type').setValue('all')"><span>All pages</span></a></li>
|
|
<li *ngFor="let type of typeOptions; let i=index"
|
|
[class.uk-active]="filterForm.get('type').value === type.value"><a
|
|
(click)="filterForm.get('type').setValue(type.value)"><span>{{type.label}}</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 page"
|
|
[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 *ngIf="isPortalAdministrator">
|
|
<a (click)="newPage()"
|
|
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 page</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="checkboxes.length > 0"
|
|
class="uk-padding uk-padding-remove-bottom uk-padding-remove-top uk-margin-remove-top uk-margin-small-bottom"
|
|
[attr.uk-tooltip]="getSelectedPages().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"
|
|
title="Select at least one help text"><input id="checkAll" type="checkbox" (click)="selectAll()"
|
|
[ngModel]="getSelectedPages().length ==checkboxes.length"/>
|
|
<span *ngIf="getSelectedPages().length > 0" class="uk-margin-left uk-text-muted">
|
|
{{getSelectedPages().length}} pages selected </span>
|
|
<a class="uk-margin-left ">Actions </a>
|
|
<div uk-dropdown="mode: click">
|
|
<ul class="uk-nav uk-dropdown-nav"
|
|
[attr.uk-tooltip]="getSelectedPages().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"
|
|
title="Select at least one help text">
|
|
<li *ngIf="!isPortalAdministrator"><a [class]="getSelectedPages().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="togglePages(true,getSelectedPages())"><i></i> Enable
|
|
</a></li>
|
|
<li *ngIf="!isPortalAdministrator"><a [class]="getSelectedPages().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="togglePages(false,getSelectedPages())"><i></i> Disable
|
|
</a>
|
|
</li>
|
|
<li *ngIf="isPortalAdministrator"><a [class]="getSelectedPages().length == 0 ? 'uk-disabled' : ''"
|
|
(click)="confirmDeleteSelectedPages()"><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="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="uk-margin-medium-bottom" *ngIf="!errorMessage">
|
|
<div class="md-card-content">
|
|
<div class="uk-overflow-container">
|
|
<ul class="uk-list pages">
|
|
<li *ngFor="let check of checkboxes; let i=index" class="uk-card uk-card-default uk-margin-bottom">
|
|
<div class="uk-grid uk-padding">
|
|
<div class=""><input id="{{check.page._id}}" class="checkBox" type="checkbox"
|
|
name="pagescb[]" value="{{check.page._id}}" [(ngModel)]="check.checked">
|
|
</div>
|
|
<div class="uk-width-expand">
|
|
<div class="title uk-margin-medium-bottom">Name</div>
|
|
<div class="name uk-margin-medium-bottom" href="#">{{check.page.name}}</div>
|
|
<div *ngIf="check.page.entities && check.page.entities.length > 0"><span
|
|
class="title">Entities: </span>
|
|
{{getEntitiesAsString(check.page)}}</div>
|
|
<div class=" uk-margin-small-bottom"><span class="title">Route: </span> {{check.page.route}}</div>
|
|
<div *ngIf="!pagesType" class=" uk-margin-small-bottom"><span
|
|
class="title">Type: </span> {{check.page.type}}</div>
|
|
<div *ngIf="!portal" class=" uk-margin-small-bottom">
|
|
<span class="title">Portal type: </span>{{check.page.portalType}}
|
|
</div>
|
|
</div>
|
|
<div *ngIf="isPortalAdministrator" class="uk-width-1-4">
|
|
<div class="title uk-margin-medium-bottom">Actions</div>
|
|
<div class="actions" href="#">
|
|
<i class="clickable " (click)="editPage(i)" uk-icon="pencil"></i>
|
|
<i class="clickable uk-text-danger"
|
|
(click)="confirmDeletePage(check.page._id)" uk-icon="trash"></i>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="!isPortalAdministrator && ((check.page.top || check.page.bottom || check.page.left ||
|
|
check.page.right) || pageWithDivIds.includes(check.page._id) )" class="uk-width-1-4">
|
|
<div class="title uk-margin-medium-bottom">Helptexts</div>
|
|
<div class=" uk-margin-small-bottom">
|
|
<a *ngIf="check.page.top || check.page.bottom || check.page.left || check.page.right"
|
|
class="helpContents"
|
|
[queryParams]="{pageId: check.page._id}"
|
|
routerLink="../helptexts">
|
|
manage help texts
|
|
<span *ngIf="pageHelpContents[check.page._id]">({{pageHelpContents[check.page._id]}})</span>
|
|
</a>
|
|
<span *ngIf="!(check.page.top || check.page.bottom || check.page.left || check.page.right)"
|
|
class="helpContents">
|
|
no helptexts available
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<a *ngIf="pageWithDivIds.includes(check.page._id)" class="classHelpContents"
|
|
[queryParams]="{ pageId: check.page._id}"
|
|
routerLink="../classContents">manage class contents</a>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="!isPortalAdministrator" class="uk-width-1-4">
|
|
<div class="title uk-margin-medium-bottom">Enable/disable</div>
|
|
<mat-slide-toggle [checked]="check.page.isEnabled"
|
|
(change)="($event.source.checked = check.page.isEnabled);togglePages(!check.page.isEnabled,[check.page._id])"
|
|
uk-tooltip="title:<div class='uk-padding-small uk-width-large'><div class='uk-text-bold '>Disable a page to hide it from community dashboard portal.</div><div class=' uk-margin-top'>If the page is disabled, a message 'Can't find that page' will appear in case the url of that page is loaded. If the disabled page belongs to the menu, the link will be removed from menu, too.</div></div>">
|
|
</mat-slide-toggle>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
<div *ngIf="checkboxes.length==0">
|
|
<div class="uk-alert-warning" uk-alert>No pages found</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<modal-alert #editModal (alertOutput)="pageSaveConfirmed($event)"
|
|
[okDisabled]="pageForm && (pageForm.invalid || !pageForm.dirty)">
|
|
<div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>
|
|
<form *ngIf="pageForm" [formGroup]="pageForm" class="uk-grid uk-child-width-1-1" uk-grid>
|
|
<div dashboard-input [formInput]="pageForm.get('route')"
|
|
type="text" label="Page route" placeholder="Write a route">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('name')"
|
|
type="text" placeholder="Write a name"
|
|
label="Page Name">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('type')"
|
|
type="select" placeholder="Choose a page Type"
|
|
label="Type" [options]="typeOptions">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('entities')" placeholder="Add an entity"
|
|
type="chips" [options]="allEntities" label="Entities">
|
|
</div>
|
|
<div dashboard-input type="select" label="Portal Type" placeholder="Choose a type"
|
|
[formInput]="pageForm.get('portalType')" [options]="portalUtils.portalTypes"></div>
|
|
<div class="form-group">
|
|
<div class="uk-form-label uk-text-bold uk-margin-small-bottom"> Select if this page have helptext at: </div>
|
|
<div class="uk-grid uk-grid-small uk-child-width-1-4" uk-grid>
|
|
<div dashboard-input [formInput]="pageForm.get('top')"
|
|
type="checkbox"
|
|
label="Top">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('right')"
|
|
type="checkbox"
|
|
label="Right">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('bottom')"
|
|
type="checkbox"
|
|
label="Bottom">
|
|
</div>
|
|
<div dashboard-input [formInput]="pageForm.get('left')"
|
|
type="checkbox"
|
|
label="Left">
|
|
</div>
|
|
</div>
|
|
<label class="uk-text-danger">
|
|
By disabling a position, all contents in this position will be deleted.
|
|
</label>
|
|
</div>
|
|
</form>
|
|
|
|
</modal-alert>
|
|
|
|
<modal-alert #deleteModal (alertOutput)="confirmedDeletePages($event)"></modal-alert>
|