D-Net

<div page-content>

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

  <div inner class="admin-pages">

    <div *ngIf="!errorMessage && !showLoading" class="filters" uk-sticky="offset:150">

      <div class="show-options uk-float-right">

        <button class="uk-button uk-button-primary " type="button">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 class="uk-inline uk-width-medium uk-float-right uk-margin-right">

        <div dashboard-input [formInput]="filterForm.controls.keyword" placeholder="search page" ></div>

      </div>

      <ul     class="uk-subnav uk-subnav-pill subCategoriesTabs ignore admin  " >

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

<!--      <input    class="uk-width-1-1  "-->

<!--               placeholder="SEARCH FOR A COUNTRY" type="text" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true">-->

    <div class="content-wrapper uk-margin-top" id="contentWrapper">

      <a  *ngIf="!showLoading && isPortalAdministrator && !errorMessage" (click)="newPage()"

          class="uk-flex uk-flex-right uk-flex-middle uk-margin-small-bottom uk-width-1-1">

        <div class="uk-button-default large uk-icon-button uk-margin-small-right"  uk-icon="plus">

        Add page

      </a>

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

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

                </div>

              </div>

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