D-Net

<div id="page_content" click-outside-or-esc targetId="page_content">

  <!--       [escClose]="false"-->

  <!--       (clickOutside)="toggleOpen($event)">-->

  <div class="uk-padding-small md-bg-white" uk-grid>

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

      <div class="uk-inline uk-width-medium">

        <span class="uk-position-center-right"><i class="material-icons">search</i></span>

        <div dashboard-input label="Locate indicator" [formInput]="filterForm" label="Locate entity"></div>

      </div>

    </div>

  </div>

  <div id="page_content_inner">

    <div class="menubar ">

      <div *ngIf="!errorMessage && !showLoading" class="page-controls">

        <div class="  filters ">

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

        </div>

      </div>

      <h4 class="uk-text-bold">Entities</h4>

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

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

        {{updateErrorMessage}}

      </div>

    </div>

    <div class="content-wrapper" id="contentWrapper">

      <div>

        <div class="contentPanel  uk-margin-top">

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

                  <thead>

                  <tr>

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

                    <th>Name</th>

                    <th *ngIf="!isPortalAdministrator">Change status</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">

                      <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="md-icon material-icons" (click)="editEntity(i)"></i>

                        <i class="material-icons md-icon"

                           (click)="confirmDeleteEntity(check.entity._id)">delete</i>

                      </div>

                    </td>

                  </tr>

                  </tbody>

                </table>

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

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

                    <i class="material-icons md-48">add</i>

                  </div>

                </div>

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

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

                </div>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

<modal-alert #AlertModalSaveEntity (alertOutput)="entitySaveConfirmed($event)"

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

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

  <form [formGroup]="myForm">

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

         type="text"

         label="Entity Name">

    </div>

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

         type="text"

         label="Entity Pid">

    </div>

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

  </form>

</modal-alert>

<modal-alert #AlertModalRelatedPages (alertOutput)="continueToggling($event)"></modal-alert>

<modal-alert #AlertModalDeleteEntities (alertOutput)="confirmedDeleteEntities($event)"></modal-alert>