D-Net

<div class="uk-width-1-1 uk-flex uk-flex-middle uk-grid" 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 funders"

          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-expand@m">

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

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

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

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

  </div>

  </div>

</div>

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

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

<!--       placeholder="Search Zenodo Communites"-->

<!--       [selected]="openaireSearchUtils.keyword"-->

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

<!--       class="uk-width-1-2@l uk-width-1-2@m uk-width-1-1"></div>-->

<!--</div>-->

<div id="manage-projects">

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

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

<!--Newly added projects will be linked to your community on the next run of our algorithms.-->

<!--&lt;!&ndash; <div> If you cannot find a funder that is relevant for your community, please contact us (<a [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing Funder' + '&body=' + body" target="_top">feedback@openaire.eu</a>) and we'll try to get the funder on board!</div> &ndash;&gt;-->

<!--</div>-->

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

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

<!--  If you cannot find a funder that is relevant for your community, please contact us (<a [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing Funder' + '&body=' + body" target="_top">feedback@openaire.eu</a>) and we'll try to get the funder on board!-->

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

<!--<div *ngIf="openaireSearchUtils.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">-->

<!--      {{openaireSearchUtils.totalResults | number}} projects, page {{openaireSearchUtils.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 [limitPaging]=true [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>-->

<!--    </span>-->

<!--  </div>-->

<!--</div>-->

  <no-load-paging  *ngIf="openaireSearchUtils.totalResults > 0" [type]="'Projects'"

                   [page]="openaireSearchUtils.page" [pageSize]="rowsOnPage" (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)" [showImage]="true">

          </result-preview>

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

<!--          <h6>-->

<!--            <a target="_blank" [href]="properties.baseOpenaireLink+'/search/project?projectId='+result.id">-->

<!--               <span *ngIf="result['title'].name || result.acronym">-->

<!--                 <span *ngIf="result.acronym">{{result.acronym}}</span>-->

<!--                 <span *ngIf="result.acronym && result['title'].name">-</span>-->

<!--                 <span [innerHTML]="result['title'].name"></span>-->

<!--                 <span *ngIf="result.code">({{result.code}})</span>-->

<!--               </span>-->

<!--              <span *ngIf="!result['title'].name && !result.acronym">-->

<!--                 [no title available]-->

<!--                 <span *ngIf="result.code">({{result.code}})</span>-->

<!--              </span>-->

<!--              <span class="custom-external custom-icon space"></span>-->

<!--            </a>-->

<!--          </h6>-->

<!--          <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>-->

<!--          <span *ngIf="result.funderShortname" class="uk-label custom-label label-funder " title="Funder">{{result.funderShortname}}</span>-->

<!--          <span *ngIf="result.title  && result.title.sc39" class="uk-label custom-label label-sc39 " title="Special Clause 39">Special Clause 39</span>-->

<!--          <div *ngIf="result.startYear && result.endYear"> Start year: {{result.startYear}} - End year: {{result.endYear}}</div>-->

<!--          <div *ngIf="result['organizations'] != undefined && result['organizations'].length > 0">-->

<!--            <span> Organization: </span>-->

<!--            <span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">-->

<!--               <a *ngIf="organization.id" target="_blank"-->

<!--                  [href]="properties.baseOpenaireLink+'/search/organization?organizationId='+organization.id">-->

<!--                    <span>{{organization.name}}</span>-->

<!--                    <span class="custom-external custom-icon space"></span>-->

<!--               </a>-->

<!--             <span-->

<!--               *ngIf="!organization.id">-->

<!--                       {{organization.name}}</span><span-->

<!--              *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>-->

<!--           </span>-->

<!--            <span *ngIf="result['organizations'].length > 10">...</span>-->

<!--          </div>-->

<!--        </div>-->

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

  <!--          <span *ngIf="inCommunity(result)" class="uk-label uk-label-success uk-flex uk-flex-middle">Added in my community</span>-->

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

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

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

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

                </a>

              </div>

              <div [class.hide-element]="getCommunityProjectId(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>

  <!--          <a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" -->

  <!--             class="uk-button action uk-flex uk-flex-middle">-->

  <!--            <icon name="remove_circle_outline" ratio="0.7" [flex]="true"></icon>-->

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

  <!--          </a>-->

            </div>

          </div>

        </div>

      </div>

    </div>

  </li>

</ul>

<!--<ul *ngIf="(openaireSearchUtils.page <= pagingLimit)" [class]="'uk-list uk-list-divider  uk-margin '+custom_class">-->

<!-- &lt;!&ndash; <errorMessages [status]="[status]" [type]="'results'"></errorMessages> &ndash;&gt;-->

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

<!--       <h6 class="uk-grid" uk-grid>-->

<!--           <span class="uk-width-5-6">-->

<!--             <a target="_blank" [href]="properties.baseOpenaireLink+'/search/project?projectId='+result.id">-->

<!--               <span *ngIf="result['title'].name || result.acronym">-->

<!--                 <span *ngIf="result.acronym">{{result.acronym}}</span>-->

<!--                 <span *ngIf="result.acronym && result['title'].name">-</span>-->

<!--                 <span [innerHTML]="result['title'].name"></span>-->

<!--                 <span *ngIf="result.code">({{result.code}})</span>-->

<!--               </span>-->

<!--               <span *ngIf="!result['title'].name && !result.acronym">-->

<!--                 [no title available]-->

<!--                 <span *ngIf="result.code">({{result.code}})</span>-->

<!--              </span>-->

<!--               <span class="custom-external custom-icon space"></span>-->

<!--             </a>-->

<!--           </span>-->

<!--           <span class="uk-width-1-6 uk-text-center">-->

<!--             &lt;!&ndash; <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button"><svg height="20" icon="plus" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> &ndash;&gt;-->

<!--&lt;!&ndash;               green_background_color green_color&ndash;&gt;-->

<!--             <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>-->

<!--             <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>-->

<!--             &lt;!&ndash; <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> &ndash;&gt;-->

<!--             &lt;!&ndash; <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> &ndash;&gt;-->

<!--             &lt;!&ndash; <input *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove" src="assets/imgs/x-icon.png" title="Undo" width="20" type="image" height="20"> &ndash;&gt;-->

<!--             &lt;!&ndash; <a *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove red_colour"><svg height="20" icon="close" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> &ndash;&gt;-->

<!--&lt;!&ndash;               red_background_color red_color&ndash;&gt;-->

<!--             <a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>-->

<!--          </span>-->

<!--       </h6>-->

<!--       <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>-->

<!--       <span *ngIf="result.funderShortname" class="uk-label custom-label label-funder " title="Funder">{{result.funderShortname}}</span>-->

<!--       <span *ngIf="result.title  && result.title.sc39" class="uk-label custom-label label-sc39 " title="Special Clause 39">Special Clause 39</span>-->

<!--       <div *ngIf="result.startYear && result.endYear"> Start year: {{result.startYear}} - End year: {{result.endYear}}</div>-->

<!--       <div *ngIf="result['organizations'] != undefined && result['organizations'].length > 0">-->

<!--           <span> Organization: </span>-->

<!--           <span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">-->

<!--               <a *ngIf="organization.id" target="_blank"-->

<!--                  [href]="properties.baseOpenaireLink+'/search/organization?organizationId='+organization.id">-->

<!--                    <span>{{organization.name}}</span>-->

<!--                    <span class="custom-external custom-icon space"></span>-->

<!--               </a>-->

<!--             <span-->

<!--                   *ngIf="!organization.id">-->

<!--                       {{organization.name}}</span><span-->

<!--                   *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>-->

<!--           </span>-->

<!--           <span *ngIf="result['organizations'].length > 10">...</span>-->

<!--       </div>-->

<!--   </li>-->

<!--</ul>-->

<div [class]="openaireSearchUtils.page > pagingLimit ? 'search-results' : ''" *ngIf="(openaireSearchUtils.page >= pagingLimit) && (openaireSearchUtils.totalResults > resultsPerPage*pagingLimit)">

    <p class="uk-alert-warning" uk-alert>For more results please try a new, more specific query</p>

</div>

  <no-load-paging  *ngIf="openaireSearchUtils.totalResults > 0" [type]="'Projects'"

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

                   [totalResults]="openaireSearchUtils.totalResults" >

  </no-load-paging>

<!--  </div>-->

<!--</div>-->