Project

General

Profile

1
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
2

    
3
<ng-container *ngIf="longView else shortView">
4
  <!--  <div class="image-front-topbar  uk-section-default uk-position-relative"-->
5
  <!--       uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"-->
6
  <!--       tm-header-transparent="light">-->
7
  <!--    uk-flex uk-flex-middle-->
8
  <div style=" min-height: 650px;"
9
       class="communityBackground uk-section uk-padding-remove-top uk-padding-remove-bottom ">
10
    <div class="uk-align-center">
11
      <breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top"
12
                   [breadcrumbs]="breadcrumbs"></breadcrumbs>
13

    
14
      <div class="uk-container">
15
        <div *ngIf="showLoading" class="uk-margin-large">
16
          <div class="uk-animation-fade uk-margin-top  uk-width-1-1" role="alert"><span
17
              class="loading-gif  uk-align-center"></span></div>
18
        </div>
19
        <!--            && curators.length > 0-->
20
        <div *ngIf="!showLoading">
21
          <div class="uk-margin-medium-top uk-h2">
22
            <span class="">Curators</span>
23
            <!--                <span> ({{curators.length}})</span>-->
24
          </div>
25
          <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
26
                  [texts]="pageContents['top']"></helper>
27
          <div *ngFor="let curator of curators let i=index;"
28
               class="white-box-with-border uk-margin-top uk-margin-remove-left uk-animation-slide-top" uk-grid>
29
            <div class="uk-width-expand uk-padding uk-first-column">
30
              <div class="uk-flex uk-flex-middle">
31
                <div>
32
                  <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"
33
                       src="{{downloadUrl + curator.photo}}" alt="Curator Photo">
34
                  <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"
35
                       src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
36
                </div>
37
                <div class="uk-width-expand uk-text-large uk-margin-left uk-text-bold">
38
                  {{curator.name}}
39
                </div>
40
              </div>
41
              <div class="uk-margin-medium-top uk-height-max-large uk-overflow-auto">
42
                <div class="uk-text-muted">
43
                  Biography
44
                </div>
45
                <div *ngIf="showMore[i]"> {{curator.bio}}}</div>
46
                <div *ngIf="!showMore[i]">{{_format(curator.bio)}}</div>
47
                <div class="uk-margin-top uk-text-right">
48
                  <a *ngIf="curator.bio.length > maxCharacters && !showMore[i]" class="uk-text-bold"
49
                     (click)="toggle(i)">
50
                    Show more
51
                  </a>
52
                  <a *ngIf="curator.bio.length > maxCharacters && showMore[i]" class="uk-text-bold"
53
                     (click)="toggle(i)">
54
                    Show less
55
                  </a>
56
                </div>
57
              </div>
58
            </div>
59
            <div class="uk-width-1-3@m uk-width-1-2@s uk-width-1-1 uk-padding">
60
                <div class="uk-child-width-1-2 uk-flex uk-flex-middle" uk-grid>
61
                  <div class="uk-text-muted uk-width-1-1">
62
                    Affiliations
63
                  </div>
64
                  <div *ngFor="let affiliation of curator.affiliations">
65
                    <span *ngIf="!affiliation.website_url">
66
                      <img [src]="affiliation.logo_url" [alt]="affiliation.name">
67
                    </span>
68
                    <a *ngIf="affiliation.website_url"
69
                       target="_blank" [href]="urlPrefix(affiliation.website_url) + affiliation.website_url">
70
                      <img [src]="affiliation.logo_url" [alt]="affiliation.name">
71
                    </a>
72
                  </div>
73
                </div>
74
              </div>
75
            </div>
76
        </div>
77
        <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
78
                [texts]="pageContents['bottom']"></helper>
79
      </div>
80
    </div>
81
  </div>
82
  <!--  </div>-->
83
</ng-container>
84
<ng-template #shortView>
85
  <div class="uk-grid">
86
    <span *ngIf=" curators && curators.length > 0" class="lowOpacityColor uk-text-muted uk-width-auto">
87
      Curated by:
88
    </span>
89
    <span class="uk-width-expand uk-padding-remove space">
90
      <span *ngFor="let curator of curators let i=index;">
91
<!--      <span>-->
92
        <!--        <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"-->
93
        <!--             src="{{downloadUrl + curator.photo}}" alt="Curator Photo">-->
94
        <!--        <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"-->
95
        <!--             src="../../assets/common-assets/curator-default.png" alt="Curator Photo">-->
96
        <!--      </span>-->
97

    
98
        <a class="uk-inline-block">
99
          <span class="user-circle-background">
100
            <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
101
              <path
102
                  d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
103
              <path d="M0 0h24v24H0z" fill="none"></path>
104
            </svg>
105
          </span>
106
          {{curator.name}}
107
        </a>
108
        <span class="default-dropdown uk-margin-remove-top uk-padding-medium uk-width-medium"
109
              uk-dropdown="pos: bottom-left; mode:click; ">
110
          <span class="uk-grid uk-grid-stack">
111
            <span class="uk-first-column uk-flex uk-flex-middle uk-grid">
112
              <span>
113
                <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"
114
                     src="{{downloadUrl + curator.photo}}" alt="Curator Photo">
115
                <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"
116
                     src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
117
              </span>
118
              <span class="uk-width-expand uk-h5 ignoreCommunityPanelBackground">
119
                {{curator.name}}
120
              </span>
121
            </span>
122
            <span *ngIf="curator.affiliations.length > 0" class="uk-width-1-1">
123
              <hr class="uk-margin-top">
124
              <span class="uk-text-left  uk-margin">
125
                Affiliations
126
              </span>
127
              <span> ({{curator.affiliations.length}})</span>
128
              <span class="uk-width-1-1">
129
                <affiliations [affiliations]="curator.affiliations"
130
                              [affiliationsInSlider]="2"
131
                              [arrows]="false"
132
                              [sliderOptions]="'autoplay: true; autoplay-interval: 2000'"></affiliations>
133
              </span>
134
            </span>
135
            <span class="uk-width-1-1">
136
              <a routerLink="/curators" class="uk-align-right uk-link ignoreCommunityPanelBackground">
137
                View more details
138
              </a>
139
            </span>
140
          </span>
141
        </span>
142
        <span *ngIf="i < curators.length-1">, </span>
143
      </span>
144
    </span>
145
  </div>
146
</ng-template>
(2-2/4)