openaire-library/searchPages/searchUtils/communitySearchResults.component.html

<ul [class]="'uk-list uk-margin ' + custom_class"  uk-height-match="target: .communityCard; row: false">
  <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
  <li *ngFor="let result of results" class="uk-animation-fade uk-margin-auto">
    <div class="uk-card uk-card-default communityCard uk-position-relative uk-flex uk-flex-middle uk-grid uk-margin-remove-left" >
      <div class="badges">
        <div *ngIf="result.isSubscribed"
             class="portal-card-badge uk-text-center">
          <span>Subscribed</span>
        </div>
        <div *ngIf="result.status == 'manager'"
             class="private-card-badge uk-text-center ">
          <span>Private</span>
        </div>
      </div>
      <a *ngIf="directLink" [href]="getCommunityPageUrl(result)" target="_blank"
         class="uk-width-1-5">
        <div>
          <img *ngIf="result.logoUrl != null && result.logoUrl != '' " src="{{result.logoUrl}}"
               alt="{{(result.title)?result.title:result.shortTitle}} logo">
          <span *ngIf="result.logoUrl == null || result.logoUrl == '' && result.type != 'funder'" class="uk-icon">
                   <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
                                                                                                    stroke="#000"
                                                                                                    stroke-width="1.1"
                                                                                                    cx="7.7" cy="8.6"
                                                                                                    r="3.5"></circle> <path
                       fill="none" stroke="#000" stroke-width="1.1"
                       d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none"
                                                                                                            stroke="#000"
                                                                                                            stroke-width="1.1"
                                                                                                            d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
                </span>
          <div *ngIf="(result.logoUrl == null || result.logoUrl == '' ) &&   result.type == 'funder' "
               [class]="'funderLogo ' + result['jurisdictionLogo'] "></div>
        </div>
      </a>
      <a *ngIf="!directLink"
         class="uk-width-1-5"
         (click)="confirmModalOpen(result)">
        <div>
          <img *ngIf="result.logoUrl != null && result.logoUrl != '' " src="{{result.logoUrl}}"
               alt="{{(result.title)?result.title:result.shortTitle}} logo">
          <span *ngIf="(result.logoUrl == null || result.logoUrl == '' ) && result.type != 'funder' " class="uk-icon">
                   <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
                                                                                                    stroke="#000"
                                                                                                    stroke-width="1.1"
                                                                                                    cx="7.7" cy="8.6"
                                                                                                    r="3.5"></circle> <path
                       fill="none" stroke="#000" stroke-width="1.1"
                       d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none"
                                                                                                            stroke="#000"
                                                                                                            stroke-width="1.1"
                                                                                                            d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
                </span>
          <div *ngIf="(result.logoUrl == null || result.logoUrl == '' ) &&   result.type == 'funder' "
               [class]="'funderLogo ' + result['jurisdictionLogo'] "></div>
        </div>
      </a>
      <div class="uk-width-expand">
        <div [title]=result.shortTitle class="uk-text-large uk-grid">
          <a *ngIf="directLink" [href]="getCommunityPageUrl(result)" target="_blank"
             [class]="(result.isManager)?'uk-width-3-4 portal-link':'portal-link'">
            {{(result.title) ? result.title : result.shortTitle}}
          </a>
          <a *ngIf="!directLink" (click)="confirmModalOpen(result)" [class]="(result.isManager)?'uk-width-3-4':''" class="portal-link">
            {{(result.title) ? result.title : result.shortTitle}}
          </a>
          <manage *ngIf="result.isManager" [communityId]="result.communityId"
                  class="uk-width-expand uk-margin-auto-right"></manage>
        </div>
        <div class="uk-margin-small-top uk-text-small">
          <span class="uk-text-muted" *ngIf="result.date">Creation Date:</span>
          <span class="space" *ngIf="result.date">{{result.date | date:'dd-MM-yyyy'}}</span>
          <span *ngIf="showType && result.type && result.type != ''" class="uk-margin-left">
            <span class="uk-text-muted">Type:</span>
            <span class="space">{{(result.type == 'ri') ? 'Research Initiative' : 'Research Community'}}</span>
          </span>
          <span *ngIf="result['jurisdiction'] && result['jurisdiction']!=''" class="uk-margin-left">
            <span class="uk-text-muted">Jurisdiction:</span>
            <span class="space">{{result['jurisdiction']}}</span>
          </span>
        </div>
        <div *ngIf="result.description">
          <div class="text-justify descriptionText uk-text-small uk-text-muted uk-margin-auto-right" [title]="result.description">
            {{_formatDescription(result.description)}}
          </div>
        </div>
      </div>
    </div>
  </li>
</ul>
<modal-alert #AlertModal (alertOutput)="goToCommunityPage($event)">
  <div class="uk-text-left">
    You will be navigated to a new tab. Are you sure that you want to proceed?
  </div>
</modal-alert>