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;" class="communityBackground uk-section uk-padding-remove-top uk-padding-remove-bottom ">
9
      <div class="uk-align-center">
10
          <breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top" [breadcrumbs]="breadcrumbs"></breadcrumbs>
11

    
12
          <div class="uk-container uk-container-large">
13
            <div *ngIf="showLoading" class="uk-margin-large">
14
              <div class="uk-animation-fade uk-margin-top  uk-width-1-1" role="alert"><span
15
                class="loading-gif  uk-align-center"></span></div>
16
            </div>
17
<!--            && curators.length > 0-->
18
            <div *ngIf="!showLoading">
19
              <div class="uk-margin-medium-top uk-h2">
20
                <span class="">Curators</span>
21
<!--                <span> ({{curators.length}})</span>-->
22
              </div>
23
              <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
24
                      [texts]="pageContents['top']"></helper>
25
              <div *ngFor="let curator of curators let i=index;"
26
                   class="uk-width-1-1 uk-card uk-card-default uk-card-body uk-margin-top uk-animation-slide-top">
27
                <div
28
                  [class]="(curator.affiliations.length > 0 && curator.affiliations.length <= 2)?'uk-grid-divider uk-flex uk-flex-middle':''"
29
                  uk-grid>
30

    
31
                  <div class="uk-width-1-2 uk-first-column">
32
                    <div class="uk-flex uk-flex-middle">
33
                      <div>
34
                        <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"
35
                             src="{{downloadUrl + curator.photo}}" alt="Curator Photo">
36
                        <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"
37
                             src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
38
                      </div>
39
                      <div class="uk-width-expand uk-margin-left uk-text-bold">
40
                        {{curator.name}}
41
                      </div>
42
                    </div>
43
                  </div>
44

    
45

    
46
                  <div *ngIf="(curator.affiliations.length > 0 && curator.affiliations.length <= 2)"
47
                       class="uk-width-1-2">
48
                    <div class="uk-flex uk-flex-middle">
49
                      <div class="uk-width-expand uk-margin-left uk-text-meta uk-flex-first">
50
                        Affiliations
51
                      </div>
52
                      <affiliations [longView]="false" [affiliations]="curator.affiliations"
53
                                    [affiliationsInSlider]="curator.affiliations.length"
54
                                    class="uk-width-2-3"></affiliations>
55
                    </div>
56
                  </div>
57

    
58
                  <div *ngIf="(curator.affiliations.length > 2)" class="uk-width-1-1 uk-margin-top">
59
                    <div class="uk-text-meta uk-margin-small-bottom">
60
                      Affiliations
61
                    </div>
62
                    <affiliations [longView]="false" [affiliations]="curator.affiliations"></affiliations>
63
                  </div>
64
                  <div class="uk-width-1-1 uk-first-column uk-margin-top uk-height-max-large uk-overflow-auto">
65
                    <div class="uk-text-meta uk-margin-small-bottom">
66
                      Biography
67
                    </div>
68
                    <div class="uk-margin-top">
69
                      <p *ngIf="showMore[i]" class="biography"> {{curator.bio}}}</p>
70
                      <p *ngIf="!showMore[i]" class="biography">{{_format(curator.bio)}}</p>
71
                    </div>
72
                  </div>
73
                  <div class="uk-width-1-1 uk-margin-top uk-text-right">
74
                    <a *ngIf="curator.bio.length > maxCharacters && !showMore[i]" class="uk-text-bold"
75
                       (click)="toggle(i)">
76
                      Show more
77
                    </a>
78
                    <a *ngIf="curator.bio.length > maxCharacters && showMore[i]" class="uk-text-bold"
79
                       (click)="toggle(i)">
80
                      Show less
81
                    </a>
82
                  </div>
83
                </div>
84
              </div>
85
            </div>
86
            <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
87
                    [texts]="pageContents['bottom']"></helper>
88
          </div>
89
      </div>
90
    </div>
91
<!--  </div>-->
92
</ng-container>
93
<ng-template #shortView>
94
  <div class="uk-grid">
95
    <span *ngIf=" curators && curators.length > 0" class="lowOpacityColor uk-text-muted uk-width-auto">
96
      Curated by:
97
    </span>
98
    <span class="uk-width-expand uk-padding-remove space">
99
      <span *ngFor="let curator of curators let i=index;">
100
<!--      <span>-->
101
<!--        <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"-->
102
<!--             src="{{downloadUrl + curator.photo}}" alt="Curator Photo">-->
103
<!--        <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"-->
104
<!--             src="../../assets/common-assets/curator-default.png" alt="Curator Photo">-->
105
<!--      </span>-->
106

    
107
        <a>
108
          <span class="user-circle-background">
109
            <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
110
              <path 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>
111
              <path d="M0 0h24v24H0z" fill="none"></path>
112
            </svg>
113
          </span>
114
          {{curator.name}}
115
        </a>
116
        <span class="default-dropdown uk-margin-remove-top uk-padding-medium uk-width-medium"
117
             uk-dropdown="pos: bottom-left; mode:click; ">
118
          <span class="uk-grid uk-grid-stack">
119
            <span class="uk-first-column uk-flex uk-flex-middle uk-grid">
120
              <span>
121
                <img *ngIf="curator.photo && curator.photo !== ''" class="uk-border-circle curator-photo"
122
                     src="{{downloadUrl + curator.photo}}" alt="Curator Photo">
123
                <img *ngIf="!curator.photo || curator.photo == ''" class="uk-border-circle curator-photo"
124
                     src="../../assets/common-assets/curator-default.png" alt="Curator Photo">
125
              </span>
126
              <span class="uk-width-expand uk-h5 ignoreCommunityPanelBackground">
127
                {{curator.name}}
128
              </span>
129
            </span>
130
            <span *ngIf="curator.affiliations.length > 0" class="uk-width-1-1">
131
              <hr class="uk-margin-top">
132
              <span class="uk-text-left  uk-margin">
133
                Affiliations
134
              </span>
135
              <span> ({{curator.affiliations.length}})</span>
136
              <span class="uk-width-1-1">
137
                <affiliations [affiliations]="curator.affiliations"
138
                              [affiliationsInSlider]="2"
139
                              [arrows]="false"
140
                              [sliderOptions]="'autoplay: true; autoplay-interval: 2000'"></affiliations>
141
              </span>
142
            </span>
143
            <span class="uk-width-1-1">
144
              <a routerLink="/curators" class="uk-align-right uk-link ignoreCommunityPanelBackground">
145
                View more details
146
              </a>
147
            </span>
148
          </span>
149
        </span>
150
        <span *ngIf="i < curators.length-1">, </span>
151
      </span>
152
    </span>
153
  </div>
154
</ng-template>
(2-2/4)