1 |
50169
|
argiro.kok
|
<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 custom-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-subnav uk-margin-remove-bottom uk-subnav-divider linkingSteps" uk-margin="">
|
18 |
|
|
<li [class]="(step==1)?'uk-active':' '" ><a (click)="step=1;"> 1 Select Projects <span >or Communities </span></a></li>
|
19 |
|
|
<li [class]="(step==2)?'uk-active':' '" ><a (click)="step=2;">2 Select Research Results </a></li>
|
20 |
|
|
<li [class]="(step==3)?'uk-active':' '" (click)="step=3;"><a [class]="(results.length == 0)?'uk-disabled':''" (click)="show='claim';" >3 Review metadata</a></li>
|
21 |
|
|
</ul>
|
22 |
|
|
<!--start-over [results]="results" [contexts]="contexts" [projects]="projects" ></start-over-->
|
23 |
|
|
<ul uk-accordion>
|
24 |
|
|
<li>
|
25 |
|
|
<h3 class=" uk-text-right uk-margin-remove-vertical uk-width-small uk-margin-auto-left uk-accordion-title basket-title ">
|
26 |
|
|
|
27 |
|
|
<span class="uk-icon"><svg xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" height="28px" id="my-box" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="28px" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px"><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"></path></g> </svg> </span>
|
28 |
|
|
<span *ngIf="(projects.length + contexts.length + results.length)> 0" class="uk-badge basket-badge ">{{(projects.length + contexts.length + results.length)}}</span>
|
29 |
|
|
</h3>
|
30 |
|
|
<div class="uk-accordion-content dropbasket uk-padding-small uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-grid uk-grid-stack">
|
31 |
|
|
<claim-selected-projects title="link Projects" [projects]="projects" [show]="show" [linkType]=linkType
|
32 |
|
|
(showChange)="showChange($event)" > </claim-selected-projects>
|
33 |
|
|
|
34 |
|
|
<claim-selected-contexts title="link Communities" [contexts]="contexts" [projects]="projects" [results]="results" [inlineEntity] = "inlineResult" [show]="show" [linkType]=linkType
|
35 |
|
|
(showChange)="showChange($event)" > </claim-selected-contexts>
|
36 |
|
|
<claim-selected-results *ngIf="step!=3" title= "Selected Research Results" [results]="results" [bulkMode]="bulkMode" showSearch=false showAccessRights=false>
|
37 |
|
|
</claim-selected-results>
|
38 |
|
|
</div>
|
39 |
|
|
</li>
|
40 |
|
|
</ul>
|
41 |
|
|
|
42 |
|
|
<div *ngIf="step==1">
|
43 |
|
|
|
44 |
|
|
<ul class=" uk-tab " uk-tab="connect: #tabs; animation: uk-animation-fade">
|
45 |
|
|
<li>
|
46 |
|
|
<a>Projects ({{projects.length}})</a>
|
47 |
|
|
</li>
|
48 |
|
|
<li>
|
49 |
|
|
<a>Communities ({{contexts.length}})</a>
|
50 |
|
|
</li>
|
51 |
|
|
</ul>
|
52 |
|
|
<ul id="tabs" class="uk-switcher uk-margin-left uk-width-1-1">
|
53 |
|
|
<li>
|
54 |
|
|
|
55 |
|
|
<claim-projects-search-form [(selectedProjects)]="projects" > </claim-projects-search-form>
|
56 |
|
|
</li>
|
57 |
|
|
<li>
|
58 |
|
|
|
59 |
|
|
<claim-contexts-search-form [(selectedList)]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineResult" > </claim-contexts-search-form>
|
60 |
|
|
</li>
|
61 |
|
|
|
62 |
|
|
</ul>
|
63 |
|
|
</div>
|
64 |
|
|
<!--/div-->
|
65 |
|
|
<!--/div-->
|
66 |
|
|
<!--hr-->
|
67 |
|
|
<!-- Research Results -->
|
68 |
|
|
|
69 |
|
|
<div *ngIf="step==2 ">
|
70 |
|
|
<div class="uk-width-1-1 uk-card uk-card-default uk-padding ">
|
71 |
|
|
<div class=" uk-padding-small uk-padding-remove-bottom ">
|
72 |
|
|
<span *ngIf="bulkMode" class=" uk-animation uk-float-right">
|
73 |
|
|
<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>
|
74 |
|
|
<a title= "Switch to Search mode" (click)="bulkMode = !bulkMode;"> <span class="uk-icon">
|
75 |
|
|
<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>
|
76 |
|
|
</span></a>
|
77 |
|
|
</span>
|
78 |
|
|
<span *ngIf="!bulkMode" class=" uk-animation uk-float-right">
|
79 |
|
|
<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>
|
80 |
|
|
<span title= "Search mode"> <span class="uk-icon">
|
81 |
|
|
<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>
|
82 |
|
|
</span></span>
|
83 |
|
|
</span>
|
84 |
|
|
</div>
|
85 |
|
|
<claim-result-search-form *ngIf="!bulkMode" [selectedResults]="results" > </claim-result-search-form>
|
86 |
|
|
<bulk-claim *ngIf="bulkMode" [results]="results" > </bulk-claim>
|
87 |
|
|
</div>
|
88 |
|
|
</div>
|
89 |
|
|
<div *ngIf="step==3" class="uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l">
|
90 |
|
|
<claim-selected-results title= "Selected Research Results" [results]="results" [bulkMode]="bulkMode" showSearch = false showAccessRights = true>
|
91 |
|
|
</claim-selected-results>
|
92 |
|
|
</div>
|
93 |
|
|
|
94 |
|
|
|
95 |
|
|
|
96 |
|
|
<ul class=" uk-pagination uk-flex-center uk-margin-auto uk-text-center">
|
97 |
|
|
<li *ngIf="step !=1 " (click)="step=step-1;" class="uk-margin-left"><a><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li>
|
98 |
|
|
<li *ngIf="step !=3 " (click)="step=step + 1;" >
|
99 |
|
|
<a>Next <span uk-pagination-next></span></a>
|
100 |
|
|
</li>
|
101 |
|
|
<li *ngIf=" step == 3 " (click)="next()" >
|
102 |
|
|
<claim-insert [contexts]="contexts" [results]="results" [projects]="projects" [show] = "show"
|
103 |
|
|
(showChange)="showChange($event)" ></claim-insert>
|
104 |
|
|
|
105 |
|
|
</li>
|
106 |
|
|
</ul>
|
107 |
|
|
</div>
|
108 |
|
|
<helper position="right" styleName=" uk-width-1-5"></helper>
|
109 |
|
|
</div>
|
110 |
|
|
<helper position="bottom"></helper>
|
111 |
|
|
|
112 |
|
|
|
113 |
|
|
|
114 |
|
|
</div>
|
115 |
|
|
|
116 |
|
|
</div>
|
117 |
|
|
</div>
|
118 |
|
|
</div>
|