Project

General

Profile

1

    
2
    <div class=" uk-section  uk-margin-small-top tm-middle uk-container" id="tm-main">
3
      <div class="uk-container  uk-margin-bottom">
4
          <div class="uk-article-title custom-article-title">
5
             Share in Zenodo
6
          </div>
7
          <div>
8
            <div *ngIf="masterZenodoCommunity" class="uk-animation-fade  uk-padding-small uk-margin-large-top">
9
               <!-- <div class="uk-text-large uk-margin-bottom"  >Master Zenodo community</div> -->
10
               <div class="uk-comment-header uk-grid-medium uk-flex-middle" uk-grid>
11

    
12
                  <div class="uk-width-auto">
13
                    <a target="_blank" [href]="masterZenodoCommunity.link">
14
                      <img *ngIf="masterZenodoCommunity.logoUrl" class="uk-comment-avatar" src="{{masterZenodoCommunity.logoUrl}}" width="80" height="80" alt="">
15
                    </a>
16
                  </div>
17
                  <div class="uk-width-expand">
18
                      <h4 class="uk-comment-title uk-margin-remove   ">
19
                        <a *ngIf="masterZenodoCommunity.link" class="custom-external uk-text-primary uk-text-large  uk-text-bold" target="_blank" href="{{masterZenodoCommunity.link}}">
20
                          <span *ngIf="masterZenodoCommunity.title">{{masterZenodoCommunity.title}}</span>
21
                          <span *ngIf="!masterZenodoCommunity.title">[no name available]</span>
22
                        </a>
23
                        <div  *ngIf="!masterZenodoCommunity.link" class="uk-text-primary uk-text-large  uk-text-bold">
24
                          <span *ngIf="masterZenodoCommunity.title">{{masterZenodoCommunity.title}}</span>
25
                          <span *ngIf="!masterZenodoCommunity.title">[no name available]</span>
26
                        </div>
27
                    </h4>
28
                      <div *ngIf="masterZenodoCommunity.date" class="uk-comment-meta " >
29
                           last update: {{masterZenodoCommunity.date | date:'yyyy/MM/dd'}}
30
                      </div>
31

    
32
                  </div>
33
                  <div>
34
                        <a class="uk-button portal-button" target="_blank" [href]="depositLink + masterZenodoCommunity.id " >
35
                          <span  class="uk-icon"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="upload" ratio="1"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span>
36
                          <span> New upload</span>
37

    
38
                        </a>
39
                  </div>
40
              </div>
41
              <div class="uk-comment-body uk-text-meta">
42
                  <p *ngIf="masterZenodoCommunity.description" [innerHtml]=masterZenodoCommunity.description></p>
43
               </div>
44
               <hr>
45
            </div>
46

    
47
          </div>
48
          <div *ngIf="zenodoSearchUtils.status == errorCodes.LOADING "
49
                          class="uk-animation-fade uk-margin-top  uk-width-1-1" role="alert">
50
                          <span class="loading-gif  uk-align-center" ></span>
51
          </div>
52
          <div *ngIf=" (zenodoSearchUtils.status == errorCodes.ERROR || zenodoSearchUtils.status == errorCodes.NONE) && !masterZenodoCommunity "
53
                class="uk-animation-fade uk-margin-top  uk-width-1-1 uk-alert uk-alert-warning" role="alert">
54
                 No zenodo communities found
55
          </div>
56
          <ul  class="uk-list uk-list-divider  uk-margin">
57

    
58
             <li *ngFor="let item of communities;" class="uk-animation-fade uk-margin-top">
59
               <div class="uk-comment-header uk-grid-medium uk-flex-middle" uk-grid>
60
                  <div class="uk-width-auto">
61
                    <a target="_blank" [href]="item.link">
62
                      <img *ngIf="item.logoUrl" class="uk-comment-avatar" src="{{item.logoUrl}}" width="80" height="80" alt="">
63
                    </a>
64
                  </div>
65
                  <div class="uk-width-expand">
66
                      <h4 class="uk-comment-title uk-margin-remove uk-grid">
67
                        <a class="custom-external uk-width-expand" target="_blank" href="{{item.link}}">
68
                          <span *ngIf="item.title">{{item.title}}</span>
69
                          <span *ngIf="!item.title">[no name available]</span>
70
                        </a>
71
                      <span class="uk-width-1-6 uk-text-center">
72

    
73

    
74
                     </span>
75
                    </h4>
76
                      <div class="uk-comment-meta ">
77
                           last update: {{item.date | date:'yyyy/MM/dd'}}
78
                      </div>
79
                  </div>
80
                  <div>
81
                        <a class="uk-button portal-button" target="_blank" [href]="depositLink + item.id " >
82
                          <span  class="uk-icon"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="upload" ratio="1"><polyline fill="none" stroke="#000" points="5 8 9.5 3.5 14 8 "></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span>
83
                          <span> New upload</span>
84

    
85
                        </a>
86
                  </div>
87
              </div>
88
              <div class="uk-comment-body uk-text-meta">
89
                  <p *ngIf="item.description" [innerHtml]=item.description></p>
90
               </div>
91
            </li>
92
          </ul>
93
      </div>
94
    </div>
(2-2/4)