connect-admin/src/app/pages/community/projects/remove-projects.component.html

  <div class="uk-child-width-expand@s uk-text-center uk-margin-bottom" uk-grid>
    <div>
      <form class=" uk-animation uk-card uk-card-default uk-padding" >
        <div>
          <select class="uk-select"  [(ngModel)]="selectedFunder" name="select_funder"  >
           <option  value="" (click)="goTo(1)">Select funder:</option>
           <option *ngFor="let  funder of funders"  [value]="funder" (click)="goTo(1)">{{funder}}</option>
          </select>
        </div>
      </form>
    </div>
    <div>
      <form class="uk-text-center uk-animation uk-card uk-card-default uk-padding">
        <div>
          <input type="text" class="uk-input  uk-width-1-2" placeholder="Search community projects..." aria-describedby="sizing-addon2"  [(ngModel)]="communitySearchUtils.keyword"  name="keyword" >
          <button (click)="goTo(1)"  type="submit" class=" uk-button">
             <span class="uk-icon">
             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
             </span>Search
           </button>
        </div>
      </form>
    </div>
  </div>

  <errorMessages [status]="[communitySearchUtils.status]" [type]="'community projects'"></errorMessages>

  <div *ngIf="communitySearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
    <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
      <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
        {{communitySearchUtils.totalResults | number}} projects, page {{communitySearchUtils.page | number}} of {{(totalPages()) | number}}
      </span>
      <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
        <paging-no-load [currentPage]="communitySearchUtils.page" [totalResults]="communitySearchUtils.totalResults" [size]="10" (pageChange)="goTo($event.value, false)"></paging-no-load>
      </span>
    </div>
  </div>

<!-- uk-first-column uk-width-expand -->
  <div class="custom-dataTable-content">
    <div class="uk-overflow-container">
      <table datatable class="uk-table uk-table-striped divider-table" [dtOptions]="dtOptions" id="dpTable"  [dtTrigger]="dtTrigger" dtInstance="dtInstanceCallback">
        <thead>
          <tr>
            <th class="uk-text-center">Project</th>
            <th class="uk-text-center">Grant Id</th>
            <th class="uk-text-center">Funder</th>
            <th class="uk-text-center">Action</th>
          </tr>
        </thead>
        <tbody>
          <tr class="uk-table-middle" *ngFor="let result of communityProjects">
            <td class="uk-text-center uk-width-1-4">
              <a class="custom-external" target="_blank"
                 [href]="communityUrl+'/search/project?' + ((result.openaireId) ? 'projectId='+result.openaireId : 'grantId='+result.grantId+'&funder='+result.funder)">
                <span *ngIf="result.name">{{result.name}}</span>
                <span *ngIf="result.name && result.acronym">(</span><span *ngIf="result.acronym">{{result.acronym}}</span><span *ngIf="result.name && result.acronym">)</span>
                <span *ngIf="!result.name && !result.acronym">[no title available]</span>
              </a>
            </td>
            <td class="uk-text-center uk-width-1-4">
              <span *ngIf="result.grantId">{{result.grantId}}</span>
              <span *ngIf="!result.grantId">-</span>
            </td>
            <td class="uk-text-center uk-width-1-4">
              <span *ngIf="result.funder">{{result.funder}}</span>
              <span *ngIf="!result.funder">-</span>
            </td>

            <td class="uk-text-center uk-width-1-4">
              <a (click)="removeProject(result)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div *ngIf="communitySearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
    <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
      <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
        {{communitySearchUtils.totalResults | number}} projects, page {{communitySearchUtils.page | number}} of {{(totalPages()) | number}}
      </span>
      <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
        <paging-no-load [currentPage]="communitySearchUtils.page" [totalResults]="communitySearchUtils.totalResults" [size]="10" (pageChange)="goTo($event.value, false)"></paging-no-load>
      </span>
    </div>
  </div>

  <modal-alert #AlertModalDeleteCommunity (alertOutput)="confirmedDeleteProject($event)"></modal-alert>
  <!-- <delete-confirmation-dialog #deleteConfirmationModal [isModalShown]="isModalShown" (emmitObject)="confirmedDeleteProject($event)">
      Are you sure you want to remove the selected project from your community?
  </delete-confirmation-dialog> -->
<!-- </div> -->