D-Net

<div [class]="'uk-width-1-1 uk-flex uk-flex-middle uk-grid uk-margin-medium-bottom ' + (allOptions.length > 0 ? '' : 'uk-flex-right@m')" uk-grid>

  <div *ngIf="allOptions?.length > 0"

       class="uk-width-1-2@m uk-width-1-1">

    <div class="uk-grid uk-flex uk-flex-middle uk-flex-wrap uk-flex-center uk-flex-right@m uk-width-1-1">

      <span class="">Filter by: </span>

      <div class="uk-width-expand uk-padding-remove uk-margin-small-left" dashboard-input

           [formInput]="filterForm.get('funder')"

           placeholder="Search by funder"

           type="autocomplete" [options]="allOptions" [showOptionsOnEmpty]="false">

      </div>

    </div>

  </div>

  <div class="uk-flex uk-flex-wrap uk-flex-center uk-flex-right@m uk-width-1-1 uk-width-1-2@m">

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

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

           placeholder="Search Projects"

           [selected]="openaireSearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"

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

    </div>

  </div>

</div>

<div id="manage-projects">

  <div *ngIf="openaireSearchUtils.status == errorCodes.LOADING" class="uk-position-large-top">

    <loading></loading>

  </div>

  <div *ngIf="openaireSearchUtils.totalResults == 0"

       class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">

    <div>

      <div *ngIf="openaireSearchUtils.status == errorCodes.NONE">No OpenAIRE projects available</div>

      <div *ngIf="openaireSearchUtils.status == errorCodes.NONE" class="uk-margin-top">

        If you wish to suggest a new funder to include or report a missing project, please contact us via

        <a target="_top"

          [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing project' + '&body=' + body">

          feedback@openaire.eu</a>.

      </div>

      <div *ngIf="openaireSearchUtils.status == errorCodes.ERROR">An Error Occurred. No OpenAIRE projects found</div>

      <div *ngIf="openaireSearchUtils.status == errorCodes.NOT_AVAILABLE">Service temporarily unavailable. Please try again later.</div>

      <div *ngIf="openaireSearchUtils.status == errorCodes.NOT_FOUND">No OpenAIRE projects found</div>

<!--      <div *ngIf="openaireSearchUtils.status == errorCodes.OUT_OF_BOUND">Requested page out of bounds</div>-->

    </div>

  </div>

<!--  <errorMessages [status]="[openaireSearchUtils.status]" [type]="'OpenAIRE projects'"></errorMessages>-->

<!--  <div *ngIf="openaireSearchUtils.status == errorCodes.NONE" class="uk-alert uk-alert-primary">-->

<!--    <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>-->

<!--    If you wish to suggest a new funder to include or report a missing project, please contact us via-->

<!--    <a-->

<!--      [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing project' + '&body=' + body"-->

<!--      target="_top">feedback@openaire.eu</a>.-->

<!--  </div>-->

  <ng-container *ngIf="openaireSearchUtils.totalResults > 0">

    <no-load-paging [type]="'Projects'"

                    [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"

                    [totalResults]="openaireSearchUtils.totalResults">

    </no-load-paging>

    <ul class="uk-list search-results uk-margin-medium-top uk-margin-medium-bottom">

      <li *ngFor="let result of openaireProjects" class="uk-animation-fade">

        <div class="uk-card uk-card-default uk-card-hover uk-text-small uk-margin-bottom">

          <div class="uk-grid uk-grid-divider uk-padding-small" uk-grid>

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

              <result-preview [properties]="properties" [showOrganizations]="true"

                              [showSubjects]="true" [result]="getResultPreview(result)"

                              [externalUrl]="projectUrl">

              </result-preview>

            </div>

            <div class="uk-width-auto@m uk-width-1-1">

              <div class="uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-height-1-1">

                <div class="uk-padding-small uk-padding-remove-horizontal">

                  <div [class.hide-element]="!getCommunityProject(result)">

                    <a (click)="removeProject(result)" class="uk-button action uk-flex uk-flex-middle">

                      <icon name="remove_circle_outline"></icon>

                      <span class="uk-margin-small-left">Remove project</span>

                    </a>

                  </div>

                  <div [class.hide-element]="getCommunityProject(result)">

                    <a (click)="addProject(result)" class="uk-button action uk-flex uk-flex-middle"

                       uk-tooltip="title:<div class='uk-padding-small'><div class='uk-margin-bottom uk-text-bold'>Add new project </div><div>Newly added projects will be linked to your community on the next run of our algorithms.</div></div>">

                      <div class="uk-text-success">

                        <icon name="add"></icon>

                      </div>

                      <span class="uk-margin-small-left">Add project</span>

                    </a>

                  </div>

                </div>

              </div>

            </div>

          </div>

        </div>

      </li>

    </ul>

<!--    <div [class]="openaireSearchUtils.page > pagingLimit ? 'search-results' : ''"-->

<!--         *ngIf="(openaireSearchUtils.page >= pagingLimit) && (openaireSearchUtils.totalResults > resultsPerPage*pagingLimit)">-->

<!--      <div class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">-->

<!--        For more results please try a new, more specific query-->

<!--      </div>-->

<!--    </div>-->

    <no-load-paging [type]="'Projects'"

                    [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"

                    [totalResults]="openaireSearchUtils.totalResults">

    </no-load-paging>

  </ng-container>

</div>