1
|
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" >
|
2
|
<div uk-grid uk-grid>
|
3
|
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
|
4
|
|
5
|
<div class="uk-container uk-margin-top">
|
6
|
<div class="uk-article-title">
|
7
|
Link
|
8
|
</div>
|
9
|
|
10
|
<div class="uk-width-1-1">
|
11
|
<helper position="top"></helper>
|
12
|
</div>
|
13
|
<div class="uk-grid helper-grid">
|
14
|
<helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>
|
15
|
<div class="uk-width-expand">
|
16
|
|
17
|
<ul class="uk-breadcrumb">
|
18
|
<li [class]="(step==1)?'uk-active':''" ><a (click)="step=1;"><span class="step uk-text-large">1</span> Select Projects <span >or Communities <span ></span></span></a></li>
|
19
|
<li [class]="(step==2)?'uk-active':''" ><a (click)="step=2;"><span class="step uk-text-large">2</span> Select Research Results <span ></span></a></li>
|
20
|
<li [class]="(step==3)?'uk-active':''" (click)="step=3;"><a [class]="(results.length == 0)?'uk-disabled':''" (click)="show='claim';" ><span class="step uk-text-large">3</span> Review metadata</a></li>
|
21
|
</ul>
|
22
|
<!--start-over [results]="results" [contexts]="contexts" [projects]="projects" ></start-over-->
|
23
|
<div class="uk-clearfix">
|
24
|
<a class="uk-float-right" uk-toggle="target: #selected; animation: uk-animation-fade">
|
25
|
<span class="uk-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="my-box" x="0px" y="0px" width="28px" height="28px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g> <path d="M480,320v128H32V320h78.859l64.016,96h162.25l64-96H480 M384,32H128L0,288v192h512V288L384,32L384,32z M35.781,288l112-224 h216.438l112,224H384l-64,96H192l-64.016-96H35.781L35.781,288z" fill="#b5b5b5"/></g>
|
26
|
</svg>
|
27
|
</span>
|
28
|
|
29
|
</a>
|
30
|
</div>
|
31
|
<div id="selected" class="uk-card uk-card-default uk-card-body uk-margin-small" hidden>
|
32
|
<!--Close Button -->
|
33
|
<!--div class="uk-clearfix">
|
34
|
<a uk-toggle="target: #selected; animation: uk-animation-fade" class="uk-float-right">
|
35
|
<span class="uk-icon"><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>
|
36
|
</span></a>
|
37
|
</div-->
|
38
|
|
39
|
|
40
|
<claim-selected-projects title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType
|
41
|
(showChange)="showChange($event)" > </claim-selected-projects>
|
42
|
|
43
|
<claim-selected-contexts title="link Communities" [contexts]="contexts" [projects]="projects" [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType
|
44
|
(showChange)="showChange($event)" > </claim-selected-contexts>
|
45
|
<claim-selected-results *ngIf="step!=3" title= "Selected Research Results" [results]="results" [bulkMode]="bulkMode" showSearch=false showAccessRights=false>
|
46
|
</claim-selected-results>
|
47
|
</div>
|
48
|
|
49
|
|
50
|
|
51
|
<!--ul class="uk-pagination uk-margin-remove-bottom">
|
52
|
<li *ngIf="show != 'result' " (click)="prev()"><a><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li>
|
53
|
<li *ngIf="show != 'claim' " (click)="next()" class="uk-margin-auto-left"><a>Next <span class="uk-margin-small-left" uk-pagination-next></span></a></li>
|
54
|
<li *ngIf="show == 'claim' " (click)="next()" class="uk-margin-auto-left">
|
55
|
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show"
|
56
|
(showChange)="showChange($event)" ></claim-insert>
|
57
|
|
58
|
</li>
|
59
|
</ul-->
|
60
|
|
61
|
<!-- link with Projects & Contexts -->
|
62
|
<!--div class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-grid">
|
63
|
<div class="uk-width-1-1@s uk-width-1-2@m uk-width-1-2@l uk-width-1-2@xl "-->
|
64
|
<div *ngIf="step==1">
|
65
|
<ul class=" uk-tab " uk-tab="connect: #tabs; animation: uk-animation-fade">
|
66
|
<li>
|
67
|
<a>Projects ({{projects.length}})</a>
|
68
|
</li>
|
69
|
<li>
|
70
|
<a>Communities ({{contexts.length}})</a>
|
71
|
</li>
|
72
|
</ul>
|
73
|
<ul id="tabs" class="uk-switcher uk-margin-left uk-width-1-1">
|
74
|
<li>
|
75
|
<!--claim-selected-projects title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType
|
76
|
(showChange)="showChange($event)" > </claim-selected-projects-->
|
77
|
<claim-projects-search-form [(selectedProjects)]="projects" > </claim-projects-search-form>
|
78
|
</li>
|
79
|
<li>
|
80
|
<!--claim-selected-contexts title="link Communities" [contexts]="contexts" [projects]="projects" [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType
|
81
|
(showChange)="showChange($event)" > </claim-selected-contexts-->
|
82
|
<claim-contexts-search-form [(selectedList)]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineResult" > </claim-contexts-search-form>
|
83
|
</li>
|
84
|
<!--/div>
|
85
|
<div class="uk-width-1-1@s uk-width-1-2@m uk-width-1-2@l uk-width-1-2@xl "-->
|
86
|
|
87
|
</ul>
|
88
|
</div>
|
89
|
<!--/div-->
|
90
|
<!--/div-->
|
91
|
<!--hr-->
|
92
|
<!-- Research Results -->
|
93
|
|
94
|
<div *ngIf="step==2 ">
|
95
|
<div class="uk-width-1-1 ">
|
96
|
<div class=" uk-padding-small uk-padding-remove-bottom uk-panel uk-background-muted ">
|
97
|
<span *ngIf="bulkMode" class=" uk-animation uk-float-right">
|
98
|
<span title= "Bulk mode"><i 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></i></span>
|
99
|
<a title= "Switch to Search mode" (click)="bulkMode = !bulkMode;"> <span class="uk-icon">
|
100
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
|
101
|
</span></a>
|
102
|
</span>
|
103
|
<span *ngIf="!bulkMode" class=" uk-animation uk-float-right">
|
104
|
<a title= "Switch to Bulk mode" (click)="bulkMode = !bulkMode;"><i 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></i></a>
|
105
|
<span title= "Search mode"> <span class="uk-icon">
|
106
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
|
107
|
</span></span>
|
108
|
</span>
|
109
|
</div>
|
110
|
<claim-result-search-form *ngIf="!bulkMode" [selectedResults]="results" > </claim-result-search-form>
|
111
|
<bulk-claim *ngIf="bulkMode" [results]="results" > </bulk-claim>
|
112
|
</div>
|
113
|
</div>
|
114
|
<div *ngIf="step==3" class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l">
|
115
|
<claim-selected-results title= "Selected Research Results" [results]="results" [bulkMode]="bulkMode" showSearch = false showAccessRights = true>
|
116
|
</claim-selected-results>
|
117
|
</div>
|
118
|
|
119
|
|
120
|
|
121
|
<ul class="uk-pagination">
|
122
|
<li *ngIf="step !=1 " (click)="step=step-1;"><a><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li>
|
123
|
<!--li *ngIf="show != 'claim' && this.results.length > 0 " (click)="canProceedToMetadata()" class="uk-margin-auto-left"><a> Review Metadata <span class="uk-margin-small-left" uk-pagination-next></span></a></li-->
|
124
|
<li *ngIf="step !=3 " (click)="step=step + 1;" class="uk-margin-auto-left">
|
125
|
<a>Next <span class="uk-margin-small-left" uk-pagination-next></span></a>
|
126
|
</li>
|
127
|
<li *ngIf=" step == 3 " (click)="next()" class="uk-margin-auto-left uk-width-1-1">
|
128
|
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show"
|
129
|
(showChange)="showChange($event)" ></claim-insert>
|
130
|
|
131
|
</li>
|
132
|
</ul>
|
133
|
</div>
|
134
|
<helper position="right" styleName=" uk-width-1-5"></helper>
|
135
|
</div>
|
136
|
<helper position="bottom"></helper>
|
137
|
|
138
|
|
139
|
|
140
|
</div>
|
141
|
|
142
|
</div>
|
143
|
</div>
|
144
|
</div>
|