1
|
package eu.dnetlib.repo.manager.client.getimpact;
|
2
|
|
3
|
import com.google.gwt.core.client.GWT;
|
4
|
import com.google.gwt.dom.client.Document;
|
5
|
import com.google.gwt.user.client.History;
|
6
|
import com.google.gwt.user.client.rpc.AsyncCallback;
|
7
|
import com.google.gwt.user.client.ui.FlowPanel;
|
8
|
import com.google.gwt.user.client.ui.Frame;
|
9
|
import com.google.gwt.user.client.ui.HTML;
|
10
|
import eu.dnetlib.domain.data.PiwikInfo;
|
11
|
import eu.dnetlib.domain.data.Repository;
|
12
|
import eu.dnetlib.gwt.client.help.HelpService;
|
13
|
import eu.dnetlib.gwt.client.help.HelpServiceAsync;
|
14
|
import eu.dnetlib.repo.manager.client.AbstractRepositoryManagerWidget;
|
15
|
import eu.dnetlib.repo.manager.client.HelpCallback;
|
16
|
import eu.dnetlib.repo.manager.client.RepositoryManagerWidget;
|
17
|
import eu.dnetlib.repo.manager.client.services.RepositoryService;
|
18
|
import eu.dnetlib.repo.manager.client.services.RepositoryServiceAsync;
|
19
|
import eu.dnetlib.repo.manager.shared.MetricsInfo;
|
20
|
import org.gwtbootstrap3.client.ui.Alert;
|
21
|
import org.gwtbootstrap3.client.ui.constants.AlertType;
|
22
|
|
23
|
/**
|
24
|
* Created by stefania on 12/15/16.
|
25
|
*/
|
26
|
public class MetricsForDatasourceWidget extends AbstractRepositoryManagerWidget implements RepositoryManagerWidget {
|
27
|
|
28
|
private String parentToken = "";
|
29
|
private String restToken = "";
|
30
|
|
31
|
private FlowPanel metricsForDatasourceBoxContent = new FlowPanel();
|
32
|
|
33
|
private Alert errorAlert = new Alert();
|
34
|
|
35
|
private RepositoryServiceAsync repositoryService = GWT.create(RepositoryService.class);
|
36
|
private static HelpServiceAsync helpService = GWT.create(HelpService.class);
|
37
|
|
38
|
public MetricsForDatasourceWidget() {
|
39
|
|
40
|
super();
|
41
|
|
42
|
HTML title = new HTML("<h1 class=\"uk-article-title\">Metrics</h1>");
|
43
|
title.addStyleName("uk-margin-medium-bottom");
|
44
|
contentPanel.add(title);
|
45
|
|
46
|
errorAlert.setType(AlertType.DANGER);
|
47
|
errorAlert.setDismissable(false);
|
48
|
errorAlert.setVisible(false);
|
49
|
metricsForDatasourceBoxContent.add(errorAlert);
|
50
|
|
51
|
contentPanel.add(metricsForDatasourceBoxContent);
|
52
|
}
|
53
|
|
54
|
@Override
|
55
|
public void clear() {
|
56
|
|
57
|
metricsForDatasourceBoxContent.clear();
|
58
|
errorAlert.setVisible(false);
|
59
|
gridPanel.remove(helpPanel);
|
60
|
}
|
61
|
|
62
|
@Override
|
63
|
public void reload() {
|
64
|
|
65
|
Document.get().getElementById("headerNoTransparent").removeClassName("tm-header-transparent");
|
66
|
metricsForDatasourceBoxContent.add(errorAlert);
|
67
|
|
68
|
helpService.getHelpById(parentToken + "_forDatasource", new HelpCallback(helpPanel, gridPanel));
|
69
|
|
70
|
final HTML loadingWheel = new HTML("<div class=\"loader-big\" style=\"text-align: center; padding-top: 170px; " +
|
71
|
"color: rgb(47, 64, 80); font-weight: bold;\">Retrieving repository information...</div>" +
|
72
|
"<div class=\"whiteFilm\"></div>");
|
73
|
metricsForDatasourceBoxContent.addStyleName("loading-big");
|
74
|
metricsForDatasourceBoxContent.add(loadingWheel);
|
75
|
|
76
|
repositoryService.getRepository(restToken, new AsyncCallback<Repository>() {
|
77
|
|
78
|
@Override
|
79
|
public void onFailure(Throwable caught) {
|
80
|
|
81
|
metricsForDatasourceBoxContent.removeStyleName("loading-big");
|
82
|
metricsForDatasourceBoxContent.remove(loadingWheel);
|
83
|
|
84
|
errorAlert.setText("System error retrieving repository info");
|
85
|
errorAlert.setVisible(true);
|
86
|
}
|
87
|
|
88
|
@Override
|
89
|
public void onSuccess(final Repository repository) {
|
90
|
|
91
|
if(repository.getPiwikInfo()==null) {
|
92
|
|
93
|
metricsForDatasourceBoxContent.removeStyleName("loading-big");
|
94
|
metricsForDatasourceBoxContent.remove(loadingWheel);
|
95
|
|
96
|
EnableMetricsWidget enableMetricsWidget = new EnableMetricsWidget(repository);
|
97
|
metricsForDatasourceBoxContent.add(enableMetricsWidget.asWidget());
|
98
|
|
99
|
} else if(!repository.getPiwikInfo().isValidated()) {
|
100
|
|
101
|
History.replaceItem("getImpact/instructions/" + repository.getId());
|
102
|
|
103
|
} else {
|
104
|
|
105
|
repositoryService.getMetricsInfoForRepository(repository.getId(), new AsyncCallback<MetricsInfo>() {
|
106
|
|
107
|
@Override
|
108
|
public void onFailure(Throwable throwable) {
|
109
|
metricsForDatasourceBoxContent.removeStyleName("loading-big");
|
110
|
metricsForDatasourceBoxContent.remove(loadingWheel);
|
111
|
|
112
|
errorAlert.setText("System error retrieving metrics info");
|
113
|
errorAlert.setVisible(true);
|
114
|
}
|
115
|
|
116
|
@Override
|
117
|
public void onSuccess(MetricsInfo metricsInfo) {
|
118
|
|
119
|
metricsForDatasourceBoxContent.removeStyleName("loading-big");
|
120
|
metricsForDatasourceBoxContent.remove(loadingWheel);
|
121
|
|
122
|
metricsForDatasourceBoxContent.add(createMetricsPanel(metricsInfo, repository.getPiwikInfo()));
|
123
|
}
|
124
|
});
|
125
|
}
|
126
|
}
|
127
|
});
|
128
|
}
|
129
|
|
130
|
@Override
|
131
|
public void setToken(String parentToken, String rest) {
|
132
|
this.parentToken = parentToken;
|
133
|
this.restToken = rest;
|
134
|
}
|
135
|
|
136
|
@Override
|
137
|
public void afterAdditionToRootPanel() {
|
138
|
|
139
|
}
|
140
|
|
141
|
private FlowPanel createMetricsPanel(MetricsInfo metricsInfo, PiwikInfo piwikInfo) {
|
142
|
|
143
|
FlowPanel metricsPanel = new FlowPanel();
|
144
|
|
145
|
FlowPanel numbersPanel = new FlowPanel();
|
146
|
numbersPanel.addStyleName("uk-margin-medium-bottom");
|
147
|
|
148
|
String numbers = "<div class=\"uk-child-width-1-3@m uk-grid-small uk-grid-match uk-grid\" uk-grid=\"\">" +
|
149
|
"<div class=\"metrics-openaire uk-first-column\">" +
|
150
|
"<div class=\"uk-tile uk-tile-default uk-padding-small\">";
|
151
|
|
152
|
if(metricsInfo.getMetricsNumbers()!=null && metricsInfo.getMetricsNumbers().getPageViews()!=null
|
153
|
&& !metricsInfo.getMetricsNumbers().getPageViews().trim().equals(""))
|
154
|
numbers += "<div class=\"uk-text-center\"> " + metricsInfo.getMetricsNumbers().getPageViews() + "</div>";
|
155
|
else
|
156
|
numbers += "<div class=\"uk-text-center\">--</div>";
|
157
|
|
158
|
numbers += "<div class=\"uk-text-center\"> views in OpenAIRE</div>" +
|
159
|
"</div></div>" +
|
160
|
"<div class=\"metrics-views\">" +
|
161
|
"<div class=\"uk-tile uk-tile-muted uk-padding-small\">";
|
162
|
|
163
|
if(metricsInfo.getMetricsNumbers()!=null && metricsInfo.getMetricsNumbers().getTotalViews()!=null
|
164
|
&& !metricsInfo.getMetricsNumbers().getTotalViews().trim().equals(""))
|
165
|
numbers += "<div class=\"uk-text-center\"> " + metricsInfo.getMetricsNumbers().getTotalViews();
|
166
|
else
|
167
|
numbers += "<div class=\"uk-text-center\"> --";
|
168
|
|
169
|
if(metricsInfo.getMetricsNumbers()!=null && metricsInfo.getMetricsNumbers().getTotalOpenAIREViews()!=null
|
170
|
&& !metricsInfo.getMetricsNumbers().getTotalOpenAIREViews().trim().equals(""))
|
171
|
numbers += "<span>( " + metricsInfo.getMetricsNumbers().getTotalOpenAIREViews() + " from OpenAIRE )</span>";
|
172
|
else
|
173
|
numbers += "<span>( -- from OpenAIRE )</span>";
|
174
|
|
175
|
numbers += "</div>" +
|
176
|
"<div class=\"uk-text-center\">views in local repository</div>" +
|
177
|
"</div></div>" +
|
178
|
"<div class=\"metrics-downloads\">" +
|
179
|
"<div class=\"uk-tile uk-tile-primary uk-padding-small\">";
|
180
|
|
181
|
if(metricsInfo.getMetricsNumbers()!=null && metricsInfo.getMetricsNumbers().getTotalDownloads()!=null
|
182
|
&& !metricsInfo.getMetricsNumbers().getTotalDownloads().trim().equals(""))
|
183
|
numbers += "<div class=\"uk-text-center\"> " + metricsInfo.getMetricsNumbers().getTotalDownloads();
|
184
|
else
|
185
|
numbers += "<div class=\"uk-text-center\"> --";
|
186
|
|
187
|
if(metricsInfo.getMetricsNumbers()!=null && metricsInfo.getMetricsNumbers().getTotalOpenAIREDownloads()!=null
|
188
|
&& !metricsInfo.getMetricsNumbers().getTotalOpenAIREDownloads().trim().equals(""))
|
189
|
numbers += "<span>( " + metricsInfo.getMetricsNumbers().getTotalOpenAIREDownloads() + " from OpenAIRE )</span>";
|
190
|
else
|
191
|
numbers += "<span>( -- from OpenAIRE )</span>";
|
192
|
|
193
|
numbers += "</div>" +
|
194
|
"<div class=\"uk-text-center\">downloads in local repository</div>" +
|
195
|
"</div>" +
|
196
|
"</div>" +
|
197
|
"</div>";
|
198
|
|
199
|
numbersPanel.add(new HTML(numbers));
|
200
|
metricsPanel.add(numbersPanel);
|
201
|
|
202
|
String datasourcesMonthlyViewsURL = metricsInfo.getDiagramsBaseURL() + "merge.php?com=query&data=[{\"query\":\"dtsrcRepoViews\"," +
|
203
|
"\"dtsrcName\":\"" + piwikInfo.getOpenaireId() + "\",\"table\":\"\",\"fields\":[{\"fld\":\"sum\",\"agg\":\"sum\"," +
|
204
|
"\"type\":\"chart\",\"yaxis\":1,\"c\":false}],\"xaxis\":{\"name\":\"month\",\"agg\":\"sum\"},\"group\":\"\",\"color\":\"\"," +
|
205
|
"\"type\":\"chart\",\"size\":30,\"sort\":\"xaxis\",\"xStyle\":{\"r\":-30,\"s\":\"0\",\"l\":\"-\",\"ft\":\"-\",\"wt\":\"-\"}," +
|
206
|
"\"title\":\"\",\"subtitle\":\"\",\"xaxistitle\":\"\",\"yaxisheaders\":[\"Monthly views\"],\"generalxaxis\":\"\"," +
|
207
|
"\"theme\":0,\"in\":[]}]&info_types=[\"spline\"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&" +
|
208
|
"style=[{\"color\":\"rgba(0, 0, 0, 1)\",\"size\":\"18\"},{\"color\":\"rgba(0, 0, 0, 1)\",\"size\":\"18\"}," +
|
209
|
"{\"color\":\"000000\",\"size\":\"\"},{\"color\":\"000000\",\"size\":\"\"}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124,\n" +
|
210
|
"181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125,\n" +
|
211
|
"1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233,\n" +
|
212
|
"1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84,\n" +
|
213
|
"1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91,\n" +
|
214
|
"1)&colors[]=rgba(145, 232, 225,\n" +
|
215
|
"1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false";
|
216
|
|
217
|
Frame datasourcesMonthlyViews = new Frame(datasourcesMonthlyViewsURL);
|
218
|
datasourcesMonthlyViews.setStyleName("statsFrame");
|
219
|
|
220
|
FlowPanel monthlyViewsPanel = new FlowPanel();
|
221
|
monthlyViewsPanel.addStyleName("uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview " +
|
222
|
"uk-animation-slide-top-medium uk-margin-bottom uk-padding");
|
223
|
monthlyViewsPanel.add(datasourcesMonthlyViews);
|
224
|
metricsPanel.add(monthlyViewsPanel);
|
225
|
|
226
|
String datasourcesMonthlyDownloadsURL = metricsInfo.getDiagramsBaseURL() + "merge.php?com=query&data=[{\"query\":\"dtsrcRepoDownloads\"," +
|
227
|
"\"dtsrcName\":\"" + piwikInfo.getOpenaireId() + "\",\"table\":\"\",\"fields\":[{\"fld\":\"sum\"," +
|
228
|
"\"agg\":\"sum\",\"type\":\"chart\",\"yaxis\":1,\"c\":false}],\"xaxis\":{\"name\":\"month\",\"agg\":\"sum\"}," +
|
229
|
"\"group\":\"\",\"color\":\"\",\"type\":\"chart\",\"size\":30,\"sort\":\"xaxis\",\"xStyle\":{\"r\":-30,\"s\":\"0\",\"l\":\"-\"," +
|
230
|
"\"ft\":\"-\",\"wt\":\"-\"},\"title\":\"\",\"subtitle\":\"\",\"xaxistitle\":\"\",\"yaxisheaders\":[\"Monthly\n" +
|
231
|
"downloads\"],\"generalxaxis\":\"\",\"theme\":0,\"in\":[]}]&info_types=[\"spline\"]&stacking=&steps=false&fontFamily=Courier&" +
|
232
|
"spacing=[5,0,0,0]&style=[{\"color\":\"rgba(0, 0, 0, 1)\",\"size\":\"18\"},{\"color\":\"rgba(0, 0, 0,\n" +
|
233
|
"1)\",\"size\":\"18\"},{\"color\":\"000000\",\"size\":\"\"},{\"color\":\"000000\",\"size\":\"\"}]&backgroundColor=" +
|
234
|
"rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125,\n" +
|
235
|
"1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233,\n" +
|
236
|
"1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84,\n" +
|
237
|
"1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91,\n" +
|
238
|
"1)&colors[]=rgba(145, 232, 225,\n" +
|
239
|
"1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false";
|
240
|
|
241
|
Frame datasourcesMonthlyDownloads = new Frame(datasourcesMonthlyDownloadsURL);
|
242
|
datasourcesMonthlyDownloads.setStyleName("statsFrame");
|
243
|
|
244
|
FlowPanel monthlyDownloadsPanel = new FlowPanel();
|
245
|
monthlyDownloadsPanel.addStyleName("uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview " +
|
246
|
"uk-animation-slide-top-medium uk-margin-bottom uk-padding");
|
247
|
monthlyDownloadsPanel.add(datasourcesMonthlyDownloads);
|
248
|
metricsPanel.add(monthlyDownloadsPanel);
|
249
|
|
250
|
return metricsPanel;
|
251
|
}
|
252
|
}
|