Project

General

Profile

1
<div id="stickhere">
2
</div>
3
  <div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-visible@m " uk-sticky="top: #stickhere">
4
    <div class="communityToolBar uk-padding-small uk-margin-small-top">
5
      <div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
6
        <manage *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
7
        <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>
8
        <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>
9
      </div>
10
    </div>
11
  </div>
12
  <div *ngIf="communityInfo" class="uk-section uk-margin-top uk-padding-remove-bottom uk-hidden@m"  >
13
    <div class="communityToolBar uk-padding-small">
14
      <div class="uk-container uk-text-center uk-margin-small-top uk-margin-small-bottom">
15
        <manage *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=" " [buttonSizeSmall]=false></manage>
16
        <subscribe *ngIf="communityId != null && communityId != ''" [communityId]="communityId" class=""></subscribe>
17
        <invite *ngIf="showInvite()" [longView]=false [buttonSizeSmall]=false></invite>
18
      </div>
19
    </div>
20
  </div>
21
<div class="uk-section tm-middle uk-container uk-margin-small-top uk-padding-remove-top" id="tm-main">
22
<div class="uk-container  uk-margin-bottom uk-grid">
23
<div class="uk-width-expand uk-padding-remove">
24
  <article *ngIf="communityInfo" class="uk-article ">
25
    <div *ngIf="communityId == null || communityId == ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-alert uk-alert-primary">
26
       No community chosen
27
    </div>
28
    <div *ngIf="communityId != null && communityId != '' && community != null">
29
      <div *ngIf="community.title != null" class="uk-text-bold uk-h4">
30
        <p> {{community.title}}</p>
31
      </div>
32
      <div *ngIf="community.title == null && community.shortTitle != null" class="uk-text-bold uk-h4">
33
        <p> {{community.shortTitle}}</p>
34
      </div>
35
      <div *ngIf="community.description != null" class="uk-text-large">
36
        <p> {{community.description}}</p>
37
      </div>
38
      <div class="uk-grid uk-grid-divider">
39
        <div class="uk-width-1-2@m uk-width-1-1@s uk-first-column uk-margin-top">
40
          <div *ngIf="community.date != null" > Created: <span class="uk-text-muted">{{community.date | date:'dd-MM-yyyy'}}</span></div>
41
          <subscribe *ngIf="communityId != null" [communityId]="communityId" showNumbers=true class=""></subscribe>
42
          <div *ngIf="community.managers != null && community.managers[0] != '' && community.managers[0] != null"> Curated by:
43
              <span *ngFor='let manager of community.managers; let i = index' class="uk-text-muted">{{manager.substr(0, manager.indexOf('@'))}}<span *ngIf="manager.includes('@') == 0">{{manager}}</span><span *ngIf="i<(community.managers.length-1)">,</span>
44
              </span>
45
          </div>
46
          <div *ngIf=" isRouteEnabled('/participate/share-zenodo')" class="uk-margin-top">
47
            <a [queryParams]=params routerLinkActive="router-link-active" routerLink="/participate/share-zenodo" >
48
              Zenodo communities:<span> {{zenodoCommunityIdS.length + ((masterZenodoCommunity)?1:0)}}</span>
49
              <span  class="uk-icon" uk-tooltip="title:<div class='uk-pargin'>Zenodo is a catch-all repository for OpenAIRE<hr>A zenodo community is created and curated by Zenodo users</div>">
50
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44" cy="14.42" r="1.05"></circle><path fill="none" stroke="#000" stroke-width="1.2" d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>
51
              </span>
52
            </a>
53
          </div>
54

    
55
        </div>
56
        <div class="uk-width-1-2@m uk-width-1-1@s">
57
          <div class="uk-grid-medium uk-text-large uk-margin-bottom">Statistics</div>
58
          <div *ngIf="communityId != null && communityId != ''" class="uk-child-width-1-6@l uk-child-width-1-6@m uk-child-width-1-3@s uk-text-center uk-grid uk-grid-medium ">
59

    
60
            <div *ngIf="publicationTotal != null && isEntityEnabled('publication') && isRouteEnabled('/search/find/publications')"  class="uk-padding-remove-left">
61
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1  ">
62
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/publications" ><span class="uk-text-bold">{{publicationTotal|number}}</span>
63
                <br><span class="uk-text-small">publications</span></a>
64
              </div>
65
            </div>
66

    
67
            <div *ngIf="researchDataTotal != null && isEntityEnabled('dataset') && isRouteEnabled('/search/find/datasets')" class="uk-padding-remove-left">
68
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-left uk-margin-small-right uk-height-1-1">
69
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/datasets"><span class="uk-text-bold">{{researchDataTotal|number}}</span>
70
                <br><span class="uk-text-small">research data</span></a>
71
              </div>
72
            </div>
73
            <div *ngIf="softwareTotal != null && isEntityEnabled('software') && isRouteEnabled('/search/find/software')" class="uk-padding-remove-left">
74
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1  ">
75
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/software"><span class="uk-text-bold">{{softwareTotal|number}}</span>
76
                <br><span class="uk-text-small">software</span></a>
77
              </div>
78
            </div>
79

    
80
            <div *ngIf="orpTotal != null && isEntityEnabled('orp') && isRouteEnabled('/search/find/other')" class="uk-padding-remove-left">
81
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1  ">
82
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/other"><span class="uk-text-bold">{{orpTotal|number}}</span>
83
                <br><span class="uk-text-small">other products</span></a>
84
              </div>
85
            </div>
86

    
87

    
88
            <div   *ngIf="projectTotal != null && isEntityEnabled('project') && isRouteEnabled('/search/find/projects')" class="uk-padding-remove-left">
89
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1  ">
90
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/projects"><span class="uk-text-bold">{{projectTotal|number}}</span>
91
                <br><span class="uk-text-small">projects</span></a>
92
              </div>
93
            </div>
94

    
95
            <div *ngIf="contentProviderTotal != null && isEntityEnabled('datasource') && isRouteEnabled('/search/find/dataproviders')" class="uk-padding-remove-left">
96
               <div class="uk-card uk-card-default uk-card-body uk-padding-remove uk-margin-small-right uk-height-1-1  ">
97
                <a class="uk-margin-auto-vertical uk-margin-auto" [queryParams]=params routerLinkActive="router-link-active" routerLink="/search/find/dataproviders"><span class="uk-text-bold">{{contentProviderTotal|number}}</span>
98
                <br><span class="uk-text-small">content providers</span></a>
99
              </div>
100
            </div>
101

    
102
          </div>
103
          <div *ngIf="community.subjects != null && community.subjects.length > 0" class="uk-grid-medium uk-text-large  uk-margin-bottom">Subjects related to community</div>
104
          <div *ngIf="community.subjects != null">
105
            <span *ngFor="let subject of community.subjects.slice(0,10) let i=index">
106
                <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">{{subject}}</span>
107
            </span>
108
            <span *ngIf="showAll">
109
                <span *ngFor="let subject of community.subjects.slice(10) let i=index">
110
                    <span *ngIf="subject != ''" class="uk-label uk-margin-small-bottom">{{subject}}</span>
111
                </span>
112
            </span>
113
            <span *ngIf="!showAll && community.subjects.length > 10">
114
                <a (click)="showAll = !showAll;">
115
                  show more
116
                </a>
117
            </span>
118
            <span *ngIf="showAll">
119
                <a (click)="showAll = !showAll;">
120
                  show less
121
                </a>
122
            </span>
123
          </div>
124
        </div>
125

    
126
      </div>
127

    
128
      <div *ngIf="isRouteEnabled('/search/find')" class="uk-margin-large-top">
129
        <div class="uk-text-large">Search research results</div>
130
        <search-form [setFormCentered]=false [placeholderText]="getSearchPlaceHolder()" link="/search/find"></search-form>
131
      </div>
132

    
133
      <div class="uk-margin-large-top">
134
        <div class="uk-text-large">
135
          Recent research results
136
        </div>
137

    
138
      <ul class="uk-tab uk-margin-top" data-uk-tab="{connect: '#resultTabs'">
139
          <li *ngIf="isEntityEnabled('publication')" (click)="searchPublications()"  class="uk-active"><a href="#">publications</a></li>
140
          <li *ngIf="isEntityEnabled('dataset')" (click)="searchResearchData()"><a href="#">research data</a></li>
141
          <li *ngIf="isEntityEnabled('software')" (click)="searchSoftware()"><a href="#">software</a></li>
142
          <li *ngIf="isEntityEnabled('orp')" (click)="searchOrps()"><a href="#">other research products</a></li>
143
      </ul>
144

    
145
      <ul id="resultTabs" class="uk-switcher" style="min-height:450px;">
146
          <li *ngIf="isEntityEnabled('publication')">
147
            <div class="uk-grid">
148
              <results-comp [(results)]=publicationResults [(total)]=publicationTotal resultType="publication" [community]=community [params]=params class="uk-width-expand"></results-comp>
149
              <div *ngIf=" activeTab == 'publication' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['publication'] && statistics.allowedCharts['publication'] && statistics.statisticsSum['publication'].total>0 && statistics.allowedCharts['publication'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
150
                <div *ngFor="let chart of statistics.allowedCharts['publication']" class=" uk-first-column">
151
                    <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
152
                </div>
153
              </div>
154
            </div>
155
          </li>
156
          <li *ngIf="isEntityEnabled('dataset')">
157
            <div class="uk-grid">
158
              <results-comp [(results)]=researchDataResults [(total)]=researchDataTotal resultType="dataset" [community]=community [params]=params class="uk-width-expand"></results-comp>
159
              <div *ngIf="activeTab == 'dataset' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts &&
160
              statistics.statisticsSum['dataset'] && statistics.allowedCharts['dataset'] && statistics.statisticsSum['dataset'].total>0 && statistics.allowedCharts['dataset'].length>0"
161
               class="uk-width-1-2@m uk-width-1-1@s">
162
                <div *ngFor="let chart of statistics.allowedCharts['dataset']" class="uk-width-1-2@l uk-width-1-1@m uk-first-column">
163
                    <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
164
                </div>
165
              </div>
166
            </div>
167
          </li>
168
          <li *ngIf="isEntityEnabled('software')">
169
            <div class="uk-grid">
170
              <results-comp [(results)]=softwareResults [(total)]=softwareTotal resultType="software" [community]=community [params]=params class="uk-width-expand"></results-comp>
171
              <div *ngIf="statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['software'] && statistics.allowedCharts['software'] && statistics.statisticsSum['software'].total>0 && statistics.allowedCharts['software'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
172
                <div *ngFor="let chart of statistics.allowedCharts['software']" class="uk-width-1-2@l uk-width-1-1@m uk-first-column">
173
                    <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
174
                </div>
175
              </div>
176
            </div>
177
          </li>
178
          <li *ngIf="isEntityEnabled('orp')">
179
            <div class="uk-grid">
180
              <results-comp [(results)]=orpResults [(total)]=orpTotal resultType="other" [community]=community [params]=params class="uk-width-expand"></results-comp>
181
              <div *ngIf=" activeTab == 'orp' && statistics !=null  && statistics.allowedEntities && statistics.statisticsSum && statistics.allowedCharts && statistics.statisticsSum['orp'] && statistics.allowedCharts['orp'] && statistics.statisticsSum['orp'].total>0 && statistics.allowedCharts['orp'].length>0" class="uk-width-1-2@m uk-width-1-1@s">
182
                <div *ngFor="let chart of statistics.allowedCharts['orp']" class="uk-width-1-2@l uk-width-1-1@m uk-first-column">
183
                    <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
184
                </div>
185
              </div>
186
            </div>
187
          </li>
188
      </ul>
189
    </div>
190
    <hr>
191
    <div *ngIf="statistics && statistics.allowedEntities &&  countOtherGraphs()>0">
192
      <div class="uk-text-large">
193
      Other Graphs
194
      </div>
195
      <div *ngIf="statistics && statistics.allowedEntities" class="uk-margin-top uk-grid">
196
         <ng-container *ngFor="let entity of statistics.allowedEntities">
197
             <ng-container *ngIf="statistics.statisticsSum[entity].total>0 && statistics.allowedCharts[entity].length>0 && activeTab!=entity">
198

    
199
                 <ng-container *ngIf="statistics.allowedCharts[entity] " >
200
                     <div *ngFor="let chart of statistics.allowedCharts[entity]" class="uk-width-1-2@m uk-first-column">
201
                         <iframe [src]=statistics.chartsUrlMap[chart] width="750" height="450" scrolling="no"></iframe>
202
                     </div>
203
                 </ng-container>
204
             </ng-container>
205
         </ng-container>
206
      </div>
207
    </div>
208

    
209

    
210

    
211
  </div>
212
  </article>
213
</div>
214

    
215
</div>
216

    
217
</div>
218
<statistics-for-dashboard [currentMode]="'showInDashboard'"></statistics-for-dashboard>
(2-2/4)