Project

General

Profile

1
<div>
2
    <div class="container person">
3
        <div class="container-header" >
4
            <div *ngIf="projectInfo != null">
5
                <h3 class="sc39" title="Special Clause 39">{{projectInfo.acronym}}</h3>
6
            </div>
7
            <div *ngIf="warningMessage.length > 0" class="alert alert-warning" role="alert">{{warningMessage}}</div>
8
            <div *ngIf="errorMessage.length > 0" class="alert alert-danger" role="alert">{{errorMessage}}</div>
9
        </div>
10

    
11
        <div class="row row-offcanvas row-offcanvas-right" >
12

    
13
            <div class="col-xs-6 col-sm-9 sidebar-offcanvas" *ngIf="projectInfo != null">
14

    
15
                <dl class="dl-horizontal">
16
                    <dt *ngIf="projectInfo.title != undefined && projectInfo.title != ''">Title: </dt>
17
                    <dd *ngIf="projectInfo.title != undefined && projectInfo.title != ''">{{projectInfo.title}}</dd>
18
                    <dt *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">Funding: </dt>
19
                    <dd *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">{{projectInfo.funding}}</dd>
20
                    <dt *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">Call: </dt>
21
                    <dd *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">{{projectInfo.callIdentifier}}</dd>
22
                    <dt *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">Contract (GA) number: </dt>
23
                    <dd *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">{{projectInfo.contractNum}}</dd>
24
                    <dt *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">Start Date: </dt>
25
                    <dd *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">{{projectInfo.startDate}}</dd>
26
                    <dt *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">End Date: </dt>
27
                    <dd *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">{{projectInfo.endDate}}</dd>
28
                    <dt *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">Open Access mandate: </dt>
29
                    <dd *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">{{projectInfo.openAccessMandate}}</dd>
30
                    <dt *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">Special Clause 39: </dt>
31
                    <dd *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">{{projectInfo.specialClause39}}</dd>
32
                    <dt *ngIf="projectInfo.organizations != undefined">Organizations: </dt>
33
                    <dd *ngIf="projectInfo.organizations != undefined">
34
                        <ul class="list-inline">
35
                            <li *ngFor="let key of projectInfo.organizations.keys()">
36
                        <a *ngIf="projectInfo.organizations.get(key) != null &&
37
                            projectInfo.organizations.get(key) != ''"
38
                            href="{{(projectInfo.organizations.get(key))}}" target="_blank">
39
                                {{key}}
40
                        </a>
41
                        <span *ngIf="projectInfo.organizations.get(key) == null ||
42
                            projectInfo.organizations.get(key) == ''">
43
                                {{key}}
44
                        </span>
45
                        <span>;</span>
46
                            </li>
47
                        </ul>
48
                    </dd>
49
                    <dt *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">More information:</dt>
50
                    <dd *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">
51
                        <a target="_blank" href="{{projectInfo.url}}">
52
                            {{projectInfo.urlInfo}}
53
                        </a>
54
                    </dd>
55
                </dl>
56
                <div class="text-right">
57
                	<button (click)=" toggleClaimResult()" class = "btn btn-primary   btn-xs" >Add Research Results</button>
58
                </div>
59
                <inline-claim-result inlineType ="project" [inlineEntity]="project"  (datasetAdded)="resultsAdded($event,false)"  (publicationAdded)="resultsAdded($event,true)"   ></inline-claim-result>
60

    
61
                <ul class="nav nav-tabs">
62
                    <li class="active">
63
                        <a data-toggle="tab" href="#publicationsTab">
64
                            Publications
65
                            <span class="badge">
66
                                {{searchPublicationsComponent.searchUtils.totalResults}}
67
                            </span>
68
                        </a>
69
                    </li>
70
                    <li (click)="searchDatasetsInit()">
71
                        <a data-toggle="tab" href="#researchDataTab">
72
                            Research Data
73
                            <span class="badge">
74
                                {{searchDatasetsComponent.searchUtils.totalResults}}
75
                            </span>
76
                        </a>
77
                    </li>
78
                    <li>
79
                        <a data-toggle="tab" href="#statisticsTab">
80
                            Statistics
81
                        </a>
82
                    </li>
83
                </ul>
84

    
85
                <div class="tab-content">
86
                    <div id="publicationsTab" class="tab-pane fade in active panel-body">
87

    
88
                        <div *ngIf="searchPublicationsComponent.searchUtils.totalResults == 0" class = "alert alert-info " >
89
                            There are no publications
90
                        </div>
91

    
92
                        <div *ngIf="searchPublicationsComponent.searchUtils.totalResults > 0">
93
                            <p>
94
                                The results below are discovered through our pilot algorithms.
95
                                <a href="mailto:">Let us know how we are doing!</a>
96
                            </p>
97

    
98
                            <div class = "text-right" *ngIf = "searchPublicationsComponent.searchUtils.totalResults > 10" ><a [href] = "linkToSearchPublications" >View all {{searchPublicationsComponent.searchUtils.totalResults}} results</a></div>
99
                            <search-result [(results)]="searchPublicationsComponent.results" [(status)]= "searchPublicationsComponent.status"></search-result>
100
                        </div>
101
                    </div>
102

    
103
                    <div id="researchDataTab" class="tab-pane fade panel-body">
104
                        <div *ngIf="searchDatasetsComponent.searchUtils.totalResults == 0" class = "alert alert-info " >
105
                            There are no research data
106
                        </div>
107

    
108
                        <div *ngIf="searchDatasetsComponent.searchUtils.totalResults > 0">
109
                            <p>
110
                                The results below are discovered through our pilot algorithms.
111
                                <a href="mailto:">Let us know how we are doing!</a>
112
                            </p>
113

    
114
                            <div class = "text-right" *ngIf = "searchDatasetsComponent.searchUtils.totalResults > 10" ><a [href] = "linkToSearchDatasets" >View all {{searchDatasetsComponent.searchUtils.totalResults}} results</a></div>
115
                            <search-result [(results)]="searchDatasetsComponent.results" [(status)]= "searchDatasetsComponent.status"></search-result>
116
                        </div>
117
                    </div>
118

    
119
                    <div id="statisticsTab" class="tab-pane fade panel-body">
120
                        <div *ngIf="projectInfo.statistics == undefined" class = "alert alert-info ">
121
                            There are no statistics
122
                        </div>
123
                        <div *ngIf="projectInfo.statistics != undefined">
124
                            <p>
125
                                The results below are discovered through our pilot algorithms.
126
                                <a href="mailto:">Let us know how we are doing!</a>
127
                            </p>
128
                        </div>
129
                    </div>
130
                </div>
131
            </div>
132

    
133
            <div class="col-xs-12 col-sm-3" *ngIf="projectInfo != null">
134
                <ul class="list-group">
135
                    <li class="list-group-item">
136
                        Share - Bookmark
137
                    </li>
138
                    <li role="separator" class="list-group-item divider"></li>
139
                    <li class="list-group-item">
140
                        <a data-toggle="tab" href="">
141
                            Publication details
142
                        </a>
143
                    </li>
144
                    <li class="list-group-item">
145
                        <a data-toggle="tab" href="">
146
                            Dynamically incorporate publications in your site (HTML)
147
                        </a>
148
                    </li>
149

    
150
                    <li class="list-group-item">
151
                        <a data-toggle="tab" href="">
152
                            View EC progress report (HTML)
153
                        </a>
154
                    </li>
155
                    <li class="list-group-item">
156
                        <export
157
                            [linkname]="'Download EC progress report (CSV)'"
158
                            [filename]="'publications.csv'">
159
                        </export>
160
                    </li>
161
                    <!--li class="list-group-item">
162
                        <div class="text-center">
163
                            <a class="btn btn-primary" href="/linking">
164
                                Link Research Results
165
                            </a>
166
                        </div>
167
                    </li-->
168
                    <li class="list-group-item">
169
                        <div class="text-center">
170
                            <a class="btn btn-primary" href="/deposit-publications">
171
                                Deposit Publications
172
                            </a>
173
                        </div>
174
                    </li>
175
                </ul>
176
            </div>
177
        </div>
178
    </div>
179
</div>
(1-1/2)