D-Net

<div page-content class="admin-pages">

  <div header>

    <admin-tabs tab="class" header></admin-tabs>

    <div *ngIf="!errorMessage && !showLoading" class="uk-grid filters" uk-grid>

      <div class="uk-width-1-1">

        <ul class="uk-subnav uk-subnav-pill">

          <li [class.uk-active]="filterForm.get('type').value === 'all'" class="uk-margin-small-bottom"><a

              (click)="filterForm.get('type').setValue('all')"><span

              class="title">All portals</span></a></li>

          <li *ngFor="let type of  portalUtils.portalTypes; let i=index"

              [class.uk-active]="filterForm.get('type').value === type.value" class="uk-margin-small-bottom"><a

              (click)="filterForm.get('type').setValue(type.value)"><span

              class="title">{{type.label}}</span></a></li>

      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">

        <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search"

             [bordered]="true" colorClass="uk-text-secondary"></div>

        <div class="uk-margin-left show-options">

          <button class="uk-button uk-button-secondary">Bulk Actions</button>

          <div uk-dropdown="mode: click">

            <ul class="uk-nav uk-margin-left"

                [attr.uk-tooltip]="getSelectedDivIds().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"

                title="Select at least one class">

              <li><a [class]="getSelectedDivIds().length == 0 ? 'uk-disabled' : ''"

                     (click)="confirmDeleteSelectedDivIds()"><i></i> Delete </a></li>

            </ul>

          </div>

        </div>

        <div class="uk-margin-left">

          <a (click)="newDivId()"

             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 class</button>

          </a>

        </div>

      </div>

  <div inner>

    <div>

      <div class="contentPanel">

        <div *ngIf="updateErrorMessage" class="uk-alert-danger" uk-alert>

          <a class="uk-alert-close" uk-close></a>

          {{updateErrorMessage}}

        <div *ngIf="errorMessage" class="uk-alert uk-alert-danger  uk-margin-large-top"

             role="alert">{{errorMessage}}</div>

        <div [style.display]="showLoading ? 'inline' : 'none'"

             class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img

        <div class="md-card uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading">

          <div class="md-card-content">

            <div class="uk-overflow-container">

              <table class="uk-table uk-table-striped uk-table-large">

                <thead class="form-header">

                <tr>

                  <th

                      class="uk-width-small"><input id="allDivIdCheckbox" type="checkbox"

                                                    (change)="toggleCheckBoxes($event)"></th>

                  <th>Name</th>

                  <th *ngIf="!selectedCommunityPid">Portal Type</th>

                  <th>Page</th>

                  <th>Actions</th>

                </tr>

                </thead>

                <tbody>

                <tr *ngFor="let check of checkboxes; let i=index">

                  <td><input id="{{check.divId._id}}" class="checkBox" type="checkbox"

                             name="divIdscb[]" value="{{check.divId._id}}" [(ngModel)]="check.checked">

                  </td>

                  <td>

                    <div class="name" href="#">{{check.divId.name}}</div>

                  </td>

                  <td *ngIf="!selectedCommunityPid">

                    <div class="portalType" href="#">{{check.divId.portalType}}</div>

                  </td>

                  <td>

                    <div class="pages" href="#">

                      *ngIf="i<(check.divId.pages.length-1)">, </span></span>

                    </div>

                  </td>

                  <td>

                    <div class="actions" href="#">

                      <i class="clickable" uk-icon="pencil" (click)="editDivId(i)"></i>

                      <i class="clickable uk-text-danger" uk-icon="trash"

                         (click)="confirmDeleteDivId(check.divId._id)"></i>

                    </div>

                  </td>

                </tr>

                </tbody>

              </table>

              <div *ngIf="checkboxes.length==0" class="col-md-12">

                <div class="uk-alert-warning uk-alert">No classes found</div>

              </div>

              <div class="uk-width-1-1 uk-flex uk-flex-center ">

                <div class="uk-width-small uk-button uk-button-default" (click)="newDivId()">

                  <i class="" uk-icon="plus"></i>

</div>

            *ngFor="let page of selectedPages"

            [selectable]="true"

            [removable]="true">

    <div [ngClass]="{'has-error':!myForm.controls.portalType.valid && myForm.controls.portalType.dirty}"

         class="form-group" uk-grid>

import {SearchInputModule} from "../../sharedComponents/search-input/search-input.module";

import {IconsModule} from "../../utils/icons/icons.module";

import {IconsService} from "../../utils/icons/icons.service";

import {add} from "../../utils/icons/icons";

    MatCheckboxModule, AdminTabsModule, PageContentModule, ClassesRoutingModule, SearchInputModule, IconsModule

export class DivIdsModule {

  constructor(private iconsService: IconsService) {

    this.iconsService.registerIcons([add]);

  }

}

<div page-content class="admin-pages">

  <div header>

    <admin-tabs tab="portal"></admin-tabs>

    <div *ngIf="!errorMessage && !showLoading" class="uk-grid filters" uk-grid>

      <div class="uk-width-1-1">

        <ul class="uk-subnav uk-subnav-pill">

          <li [class.uk-active]="filterForm.get('type').value === 'all'" class="uk-margin-small-bottom"><a

              (click)="filterForm.get('type').setValue('all')"><span

              class="title">All portals</span></a></li>

          <li *ngFor="let type of  portalUtils.portalTypes; let i=index"

              [class.uk-active]="filterForm.get('type').value === type.value" class="uk-margin-small-bottom"><a

              (click)="filterForm.get('type').setValue(type.value)"><span

              class="title">{{type.label}}</span></a></li>

        </ul>

      </div>

      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">

        <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"

             [bordered]="true" colorClass="uk-text-secondary"></div>

        <div class="uk-margin-left show-options">

          <button class="uk-button uk-button-secondary">Bulk Actions</button>

          <div uk-dropdown="mode: click">

            <ul class="uk-nav uk-margin-left"

                [attr.uk-tooltip]="getSelectedCommunities().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"

                title="Select at least one portal">

              <li><a [class]="getSelectedCommunities().length == 0 ? 'uk-disabled' : ''"

                     (click)="confirmDeleteSelectedCommunities()"><i></i> Delete </a></li>

            </ul>

          </div>

        <div class="uk-margin-left">

          <a (click)="newCommunity()"

             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 portal</button>

          </a>

        </div>

  </div>

  <div inner>

    <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 [style.display]="showLoading ? 'inline' : 'none'"

         class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img

    <div class=" uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading">

      <div class="">

        <div class="uk-overflow-container">

          <table class="uk-table uk-table-striped uk-table-hover">

            <thead class="form-header">

            <tr>

              <th><input id="allCommunityCheckbox" type="checkbox" (change)="toggleCheckBoxes($event)"></th>

              <th>Name</th>

              <th>Type</th>

              <th>Actions</th>

            </tr>

            </thead>

            <tbody>

            <tr *ngFor="let check of checkboxes; let i=index">

              <td><input id="{{check.community._id}}" class="checkBox" type="checkbox"

                         name="communitiescb[]" value="{{check.community._id}}" [(ngModel)]="check.checked">

              </td>

              <td>

                <div class="name" href="#">{{check.community.name}}</div>

              </td>

              <td>

                <div class="type" href="#">{{check.community.type}}</div>

              </td>

              <td>

                <div class="actions" href="#">

                  <i class="clickable" uk-icon="pencil" (click)="editCommunity(i)"></i>

                  <i class="clickable uk-text-danger" uk-icon="trash"

                     (click)="confirmDeleteCommunity(check.community._id)"></i>

                </div>

              </td>

            </tr>

            </tbody>

          </table>

          <div *ngIf="checkboxes.length==0" class="col-md-12">

            <div class="uk-alert-warning" uk-alert>No portals found</div>

          </div>

          <!--<div class="uk-width-1-1 uk-flex uk-flex-center ">

            <div class="uk-width-small uk-button-default uk-button" (click)="newCommunity()">

              <i class="" uk-icon="plus"></i>

          </div>-->

</div>

<modal-alert #AlertModalSaveCommunity (alertOutput)="communitySaveConfirmed($event)"

             [okDisabled]="portalFG && (portalFG.invalid || !portalFG.dirty)">

  <div *ngIf="modalErrorMessage" class="uk-alert-danger" uk-alert aria-hidden="true">{{ modalErrorMessage }}</div>

  <form [formGroup]="portalFG">

    <div dashboard-input class="uk-margin-small-left" [formInput]="portalFG.controls.name"

         type="text"

         label="Portal Name">

    </div>

    <div [ngClass]="{'has-error':!portalFG.controls.type.valid && portalFG.controls.type.dirty}">

      <label for="portalTypeTag">*Portal Type</label>

      <select formControlName="type" id="portalTypeTag" class="form-control uk-select">

        <option *ngFor="let option of portalUtils.portalTypes" [value]="option.value">{{option.label}}</option>

      </select>

    </div>

    <div dashboard-input class="uk-margin-small-left " [formInput]="portalFG.controls.pid"

         type="text"

         label="Portal persistent id for portal">

    </div>

    <div dashboard-input class="uk-margin-small-left" [formInput]="portalFG.controls.piwik"

         type="text"

         label="Piwik id">

    </div>

    <input type="hidden" formControlName="_id">

  </form>

</modal-alert>

<modal-alert #AlertModalDeleteCommunities (alertOutput)="confirmedDeleteCommunities($event)"></modal-alert>

import {IconsService} from "../../utils/icons/icons.service";

import {add} from "../../utils/icons/icons";

import {IconsModule} from "../../utils/icons/icons.module";

import {SearchInputModule} from "../../sharedComponents/search-input/search-input.module";

    RouterModule, AdminToolServiceModule, InputModule, AdminTabsModule, PageContentModule, PortalsRoutingModule, IconsModule, SearchInputModule

export class PortalsModule {

  constructor(private iconsService: IconsService) {

    this.iconsService.registerIcons([add]);

  }

}

<div page-content class="admin-pages">

  <div header>

    <admin-tabs tab="entity" [portal]="selectedCommunityPid"></admin-tabs>

    <div *ngIf="!errorMessage && !showLoading" class="uk-grid filters" 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 uk-flex-middle">

        <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search entity"

             [bordered]="true" colorClass="uk-text-secondary"></div>

        <div class="uk-margin-left show-options">

          <button class="uk-button uk-button-secondary">Bulk Actions</button>

          <div uk-dropdown="mode: click">

            <ul class="uk-nav uk-margin-left"

                [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 *ngIf="isPortalAdministrator" class="uk-margin-left">

          <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 inner>

    <div class="contentPanel ">

      <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

            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 [style.display]="showLoading ? 'inline' : 'none'"

           class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img

          class="uk-align-center loading-gif"></div>

      <div class="md-card uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading">

        <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="form-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])"></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>

                </td>

              </tr>

              </tbody>

            </table>

            <div class="uk-width-1-1 uk-flex uk-flex-center " *ngIf="isPortalAdministrator">

              <div class="uk-width-small uk-button uk-button-default" (click)="newEntity()">

                <i class="" uk-icon="plus"></i>

            <div *ngIf="checkboxes.length==0" class="col-md-12">

              <div class="uk-alert-warning" uk-alert>No entities found</div>

            </div>

      </div>

import {SearchInputModule} from "../../sharedComponents/search-input/search-input.module";

import {IconsModule} from "../../utils/icons/icons.module";

import {IconsService} from "../../utils/icons/icons.service";

import {add} from "../../utils/icons/icons";

    AlertModalModule, ReactiveFormsModule, MatSlideToggleModule, InputModule, PageContentModule, AdminTabsModule, EntitiesRoutingModule, SearchInputModule, IconsModule

export class EntitiesModule {

  constructor(private iconsService: IconsService) {

    this.iconsService.registerIcons([add]);

  }

}

<div page-content class="admin-pages">

  <div header>

    <admin-tabs tab="page" [portal]="selectedCommunityPid"></admin-tabs>

    <div *ngIf="!errorMessage && !showLoading" class="uk-grid filters" 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

              class="title">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

              class="title">{{type.label}}</span></a></li>

        </ul>

      </div>

      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">

        <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"

             [bordered]="true" colorClass="uk-text-secondary"></div>

        <div class="uk-margin-left show-options">

          <button class="uk-button uk-button-secondary">Bulk Actions</button>

          <div uk-dropdown="mode: click">

            <ul class="uk-nav  uk-margin-left"

                [attr.uk-tooltip]="getSelectedPages().length == 0 ? 'pos:left; cls: uk-active' : 'cls: uk-invisible'"

                title="Select at least one page">

              <li *ngIf="!isPortalAdministrator"><a [class]="getSelectedPages().length == 0 ? 'uk-disabled' : ''"

                                                    (click)="togglePages(true, getSelectedPages())"> Activate

              </a></li>

              <li *ngIf="!isPortalAdministrator"><a [class]="getSelectedPages().length == 0 ? 'uk-disabled' : ''"

                                                    (click)="togglePages(false, getSelectedPages())"> Deactivate

              </a></li>

              <li *ngIf="isPortalAdministrator"><a (click)="confirmDeleteSelectedPages()"> Delete </a></li>

            </ul>

          </div>

        <div *ngIf="isPortalAdministrator" class="uk-margin-left">

          <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 inner>

    <div class="contentPanel ">

      <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 a page to hide it from community dashboard portal.

        <div

            class="uk-text-small">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>

      <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 [style.display]="showLoading ? 'inline' : 'none'"

           class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img

      <div class="md-card uk-margin-medium-bottom" *ngIf="!errorMessage && !showLoading">

        <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">

                                       name="pagescb[]" value="{{check.page._id}}" [(ngModel)]="check.checked">

                  <div class="uk-width-expand">

                        class="title">Entities: </span>

                    <div *ngIf="!pagesType" class=" uk-margin-small-bottom"><span

                        class="title">Type: </span> {{check.page.type}}</div>

                      <span class="title">Portal type: </span>{{check.page.portalType}}

                         [queryParams]="{communityId: selectedCommunityPid, pageId: check.page._id}"

                         routerLink="../../classContents">manage class contents</a>

                </div>

              </li>

            </ul>

            <div *ngIf="checkboxes.length==0" class="col-md-12">

              <div class="uk-alert-warning" uk-alert>No pages found</div>

            </div>

            <div *ngIf="isPortalAdministrator" class="uk-width-1-1 uk-flex uk-flex-center ">

              <div class="uk-width-small uk-button uk-button-default" (click)="newPage()">

                <i class="" uk-icon="plus"></i>

<modal-alert #AlertModalSavePage (alertOutput)="pageSaveConfirmed($event)"

             [okDisabled]="myForm && (myForm.invalid || !myForm.dirty)">

            *ngFor="let entity of selectedEntities"

            [selectable]="true"

            [removable]="true">

    <div class="form-group">

              label="Top">

    <div [ngClass]="{'has-error':!myForm.controls.portalType.valid && myForm.controls.portalType.dirty}"

         class="form-group">

import {SearchInputModule} from "../../sharedComponents/search-input/search-input.module";

import {IconsModule} from "../../utils/icons/icons.module";

import {IconsService} from "../../utils/icons/icons.service";

import {add} from "../../utils/icons/icons";

    MatAutocompleteModule, MatFormFieldModule, MatChipsModule, AdminTabsModule, PageContentModule, PagesRoutingModule, SearchInputModule, IconsModule

export class PagesModule {

  constructor(private iconsService: IconsService) {

    this.iconsService.registerIcons([add]);

  }

}

    <div class="uk-flex uk-flex-middle uk-flex-center search-mobile" [ngClass]="colorClass">

      <div *ngIf="control" class="uk-width-expand" [class.bordered]="bordered">

                 [class.uk-animation-slide-right-medium]="showSearch"

        <span class="uk-text-uppercase overlay">search</span>

        <span class="uk-text-uppercase overlay">search</span>

  @Input()

  bordered: boolean = false;

@media only screen and (min-width: 960px) {

  .bordered {

    border-bottom: 1px solid currentColor !important;

  }

}

@media only screen and (max-width: 959px) {

.overlay {

  margin-left: -13px;

  z-index: 1;

}