1
|
|
2
|
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" >
|
3
|
<div uk-grid uk-grid>
|
4
|
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
|
5
|
|
6
|
<div class="uk-container uk-margin-top">
|
7
|
<div class="uk-article-title">
|
8
|
Deposit {{requestFor}}
|
9
|
</div>
|
10
|
|
11
|
<div class="uk-width-1-1 uk-margin uk-padding uk-panel uk-background-muted">
|
12
|
<form class= "uk-margin uk-text-center uk-margin-top">
|
13
|
<input type="text" [(ngModel)]="newSubject" class=" uk-input uk-width-1-2" name="subject" placeholder="Search for classifications..." />
|
14
|
|
15
|
<button class=" uk-button uk-button-default" type="submit" (click)="searchDataproviders()" >
|
16
|
Search
|
17
|
</button>
|
18
|
</form>
|
19
|
<div *ngIf="subject.length > 0" class=" uk-text-center ">
|
20
|
<span>Keywords: {{subject}}<span><a class="uk-icon-button" (click) = "subject = ''"><span aria-hidden="true" class=" clickable "><span class="clickable uk-icon">
|
21
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
|
22
|
</span></span></a></span>
|
23
|
</span>
|
24
|
</div>
|
25
|
</div>
|
26
|
<div class="uk-width-1-1">
|
27
|
<helper position="top"></helper>
|
28
|
</div>
|
29
|
<div class="uk-grid helper-grid">
|
30
|
<helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>
|
31
|
<div class="uk-width-expand">
|
32
|
<div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.LOADING"
|
33
|
class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><img src="./assets/loading.gif" class="uk-align-center" alt="Loading">
|
34
|
</div>
|
35
|
|
36
|
|
37
|
|
38
|
<div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">
|
39
|
<p>Please use the information/contacts shown below to deposit your {{requestFor}}.</p>
|
40
|
<!--showDataProviders [dataProviders]=dataProviders></showDataProviders-->
|
41
|
<div *ngIf="fetchDataproviders.searchUtils.totalResults" class="">
|
42
|
<paging-no-load [currentPage]="page" [totalResults]="fetchDataproviders.searchUtils.totalResults" size=10 (pageChange)="pageChange($event)"> </paging-no-load>
|
43
|
</div>
|
44
|
<div class="" *ngIf="fetchDataproviders.results && fetchDataproviders.searchUtils.totalResults > 0">
|
45
|
{{fetchDataproviders.searchUtils.totalResults}} content providers, page {{fetchDataproviders.searchUtils.page}} of {{(totalPages())}}
|
46
|
</div>
|
47
|
|
48
|
<search-result [(results)]="fetchDataproviders.results"
|
49
|
type="dataprovider" urlParam="datasourceId" [showSubjects]=true
|
50
|
[custom_class]="'other-results'">
|
51
|
</search-result>
|
52
|
</div>
|
53
|
|
54
|
<div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.NONE && subject != ''" class = "uk-alert uk-alert-primary">
|
55
|
No content providers found with classification "{{subject}}".
|
56
|
</div>
|
57
|
<div *ngIf="fetchDataproviders.searchUtils.status == errorCodes.ERROR && subject != ''" class = "uk-alert uk-alert-danger">
|
58
|
An error occured.
|
59
|
</div>
|
60
|
|
61
|
<div *ngIf="(fetchDataproviders.searchUtils.totalResults == 0 && fetchDataproviders.searchUtils.status == errorCodes.DONE)
|
62
|
|| fetchDataproviders.searchUtils.status == errorCodes.NONE || fetchDataproviders.searchUtils.status == errorCodes.ERROR" class = "uk-alert ">
|
63
|
|
64
|
You can still deposit your {{requestFor}} in
|
65
|
<a href="{{zenodo}}" target="_blank">OpenAIRE's Zenodo catch-all repository (<i class="custom-external"></i>)</a>
|
66
|
hosted by CERN.
|
67
|
</div>
|
68
|
</div>
|
69
|
<helper position="right" styleName=" uk-width-1-5"></helper>
|
70
|
</div>
|
71
|
|
72
|
<button class=" uk-button uk-button-default uk-margin-small-top" type="submit" (click)="goToDeposit()">
|
73
|
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-left" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"></polyline></svg></span> Back
|
74
|
</button>
|
75
|
<helper position="bottom"></helper>
|
76
|
</div>
|
77
|
</div>
|
78
|
</div>
|
79
|
</div>
|