Project

General

Profile

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>
(3-3/11)