Project

General

Profile

1 61381 k.triantaf
<ul [class]="'uk-list uk-margin ' + custom_class" uk-height-match="target: .portalSearchCard; row: false">
2
  <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
3
  <li *ngFor="let result of results" class="uk-animation-fade uk-margin-auto">
4
    <div class="portalSearchCard uk-position-relative">
5
      <div class="badges">
6
        <div *ngIf="type === 'community' && result.isSubscribed"
7
             class="portal-card-badge uk-text-center">
8
          <span>Subscribed</span>
9
        </div>
10
        <div *ngIf="type === 'community' && result.status == 'manager'"
11
             class="private-card-badge uk-text-center ">
12
          <span>Private</span>
13
        </div>
14
      </div>
15
      <!--<div *ngIf="type === 'stakeholder' && result.visibility !== 'PUBLIC'"
16
           class="uk-position-top-right uk-margin-top uk-margin-right">
17
        <icon [name]="visibilityIcon.get(result.visibility)"></icon>
18
        <span class="space uk-text-small uk-text-capitalize">{{result.visibility.toLowerCase()}}</span>
19
      </div>-->
20
      <div class="uk-grid uk-flex uk-flex-middle" uk-grid>
21
        <a *ngIf="directLink" [href]="(type === 'community')?getCommunityPageUrl(result):getStakeholderPageUrl(result)"
22
           target="_blank"
23
           class="uk-width-1-5@s">
24
          <div class="uk-flex uk-flex-center">
25
            <img *ngIf="result.logoUrl && result.logoUrl != '' && result.isUpload "
26
                 [src]="properties.utilsService + '/download/' + result.logoUrl"
27
                 alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
28
            <img *ngIf="result.logoUrl && result.logoUrl != '' && !result.isUpload " [src]="result.logoUrl | urlPrefix"
29
                 alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
30
            <span *ngIf="result.logoUrl == null || result.logoUrl == ''" class="uk-icon">
31
             <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
32
                                                                                              stroke="#000"
33
                                                                                              stroke-width="1.1"
34
                                                                                              cx="7.7" cy="8.6"
35
                                                                                              r="3.5"></circle> <path
36
                 fill="none" stroke="#000" stroke-width="1.1"
37
                 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"
38
                                                                                                      stroke="#000"
39
                                                                                                      stroke-width="1.1"
40
                                                                                                      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>
41
          </span>
42
          </div>
43
        </a>
44
        <a *ngIf="!directLink"
45
           class="uk-width-1-5@s"
46
           (click)="confirmModalOpen(result)">
47
          <div class="uk-flex uk-flex-center">
48
            <img *ngIf="result.logoUrl && result.logoUrl != '' && result.isUpload "
49
                 [src]="properties.utilsService + '/download/' + result.logoUrl"
50
                 alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
51
            <img *ngIf="result.logoUrl && result.logoUrl != '' && !result.isUpload " [src]="result.logoUrl | urlPrefix"
52
                 alt="{{(result.title)?result.title:result.shortTitle}} logo" loading="lazy">
53
            <span *ngIf="(result.logoUrl == null || result.logoUrl == '' )" class="uk-icon">
54
                   <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none"
55
                                                                                                    stroke="#000"
56
                                                                                                    stroke-width="1.1"
57
                                                                                                    cx="7.7" cy="8.6"
58
                                                                                                    r="3.5"></circle> <path
59
                       fill="none" stroke="#000" stroke-width="1.1"
60
                       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"
61
                                                                                                            stroke="#000"
62
                                                                                                            stroke-width="1.1"
63
                                                                                                            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>
64
            </span>
65
          </div>
66
        </a>
67
        <div class="uk-width-expand">
68
          <div *ngIf="type === 'community'" [title]="result.shortTitle" class="uk-text-large uk-grid" uk-grid>
69
            <a *ngIf="directLink" [href]="getCommunityPageUrl(result)" target="_blank"
70
               [class]="(result.isManager)?'uk-width-3-4@s portal-link':'portal-link'">
71
              {{(result.title) ? result.title : result.shortTitle}}
72
            </a>
73
            <a *ngIf="!directLink" (click)="confirmModalOpen(result)" [class]="(result.isManager)?'uk-width-3-4@s':''"
74
               class="portal-link">
75
              {{(result.title) ? result.title : result.shortTitle}}
76
            </a>
77
            <manage *ngIf="result.isManager" [communityId]="result.communityId"
78
                    class="uk-width-expand uk-margin-auto-right"></manage>
79
          </div>
80
          <div *ngIf="type === 'stakeholder'" [title]="result.index_shortName" class="uk-text-large uk-grid">
81
            <a *ngIf="directLink" [href]="getStakeholderPageUrl(result)" target="_blank"
82
               [class]="(result.isManager)?'uk-width-3-4@s portal-link':'portal-link'">
83
              {{(result.name) ? result.name : result.index_shortName}}
84
            </a>
85
            <a *ngIf="!directLink" (click)="confirmModalOpen(result)" [class]="(result.isManager)?'uk-width-3-4@s':''"
86
               class="portal-link">
87
              {{(result.name) ? result.name : result.index_shortName}}
88
            </a>
89
            <manage *ngIf="result.isManager" [alias]="result.alias"
90
                    class="uk-width-expand uk-margin-auto-right"></manage>
91
          </div>
92
          <div class="uk-margin-small-top uk-text-small">
93
            <span class="uk-text-muted" *ngIf="result.date || result.creationDate">Creation Date:</span>
94
            <span class="space" *ngIf="result.date">{{result.date | date:'dd-MM-yyyy'}}</span>
95
            <span class="space" *ngIf="result.creationDate">{{result.creationDate | date:'dd-MM-yyyy'}}</span>
96
            <span *ngIf="type === 'community' && showType && result.type && result.type != ''" class="uk-margin-left">
97
            <span class="uk-text-muted">Type:</span>
98
            <span
99
                class="space uk-text-capitalize">{{(result.type == 'ri') ? 'Research Initiative' : 'Research Community'}}</span>
100
          </span>
101
            <span *ngIf="type === 'stakeholder' && result.type && result.type != ''" class="uk-margin-left">
102
            <span class="uk-text-muted">Type:</span>
103
            <span
104
                class="space uk-text-capitalize">{{(result.type == 'ri') ? 'research initiative' : result.type}}</span>
105
          </span>
106
          </div>
107
          <div *ngIf="result.description">
108
            <div class="text-justify descriptionText uk-text-small uk-text-muted uk-margin-auto-right">
109
<!--                 [title]="result.description">-->
110
              {{_formatDescription(result.description)}}
111
            </div>
112
          </div>
113
        </div>
114
      </div>
115
    </div>
116
  </li>
117
</ul>
118
<modal-alert #AlertModal (alertOutput)="goToPage($event)">
119
  <div class="uk-text-left">
120
    You will be navigated to a new tab. Are you sure that you want to proceed?
121
  </div>
122
</modal-alert>