dnet45/modules/uoa-repository-manager-gui/trunk/src/main/java/eu/dnetlib/repo/manager/client/monitor/AggregationHistoryTimeline.java @ 50334
1 |
package eu.dnetlib.repo.manager.client.monitor; |
---|---|
2 |
|
3 |
import com.google.gwt.i18n.client.DateTimeFormat; |
4 |
import com.google.gwt.user.client.ui.FlowPanel; |
5 |
import com.google.gwt.user.client.ui.HTML; |
6 |
import com.google.gwt.user.client.ui.IsWidget; |
7 |
import com.google.gwt.user.client.ui.Widget; |
8 |
import eu.dnetlib.repo.manager.shared.AggregationDetails; |
9 |
|
10 |
import java.util.List; |
11 |
|
12 |
/**
|
13 |
* Created by stefania on 1/16/18.
|
14 |
*/
|
15 |
public class AggregationHistoryTimeline implements IsWidget { |
16 |
|
17 |
private FlowPanel aggregationHistoryPanel = new FlowPanel(); |
18 |
|
19 |
private DateTimeFormat dtf = DateTimeFormat.getFormat("yyyy-MM-dd"); |
20 |
|
21 |
public AggregationHistoryTimeline(List<AggregationDetails> aggregationHistory) { |
22 |
|
23 |
aggregationHistoryPanel.addStyleName("uk-width-1-1@m"); |
24 |
|
25 |
FlowPanel section = new FlowPanel(); |
26 |
section.addStyleName("section md-bg-blue-grey-700"); |
27 |
aggregationHistoryPanel.add(section); |
28 |
|
29 |
FlowPanel container = new FlowPanel(); |
30 |
container.addStyleName("uk-container uk-container-center"); |
31 |
section.add(container); |
32 |
|
33 |
FlowPanel timeline = new FlowPanel(); |
34 |
timeline.addStyleName("al_timeline"); |
35 |
container.add(timeline); |
36 |
|
37 |
for(AggregationDetails aggregationDetails: aggregationHistory) { |
38 |
|
39 |
FlowPanel timelineBlock = new FlowPanel(); |
40 |
timelineBlock.addStyleName("al_timeline_block versionChange"); |
41 |
|
42 |
FlowPanel timelineImage = new FlowPanel(); |
43 |
timelineImage.addStyleName("al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up"); |
44 |
timelineBlock.add(timelineImage); |
45 |
|
46 |
FlowPanel timelineContent = new FlowPanel(); |
47 |
timelineContent.addStyleName("al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left"); |
48 |
timelineBlock.add(timelineContent); |
49 |
|
50 |
String content = ""; |
51 |
|
52 |
if(aggregationDetails.getDate()!=null) |
53 |
content += "<h3>" + dtf.format(aggregationDetails.getDate()) + "</h3>"; |
54 |
|
55 |
if(aggregationDetails.getAggregationStage()!=null) |
56 |
content += "<p>Aggregation stage - " + aggregationDetails.getAggregationStage() + "</p>"; |
57 |
|
58 |
if(aggregationDetails.getCollectionMode()!=null) |
59 |
content += "<p>Collection mode - " + aggregationDetails.getCollectionMode() + "</p>"; |
60 |
|
61 |
content += "<p>Number of records - " + aggregationDetails.getNumberOfRecords() + "</p>"; |
62 |
// "<a class=\"md-btn md-btn-primary\" href=\"#\">View version details</a>" ;
|
63 |
timelineContent.add(new HTML(content)); |
64 |
|
65 |
timeline.add(timelineBlock); |
66 |
}
|
67 |
|
68 |
// String timelineContent = "<div _ngcontent-c5=\"\" class=\"uk-width-1-1@m\">\n" +
|
69 |
// "<section _ngcontent-c5=\"\" class=\"section md-bg-blue-grey-700\">\n" +
|
70 |
// " <div _ngcontent-c5=\"\" class=\"uk-container uk-container-center\">\n" +
|
71 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline\">\n" +
|
72 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block versionChange\">\n" +
|
73 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
74 |
// " </div>\n" +
|
75 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left\">\n" +
|
76 |
// " <h3 _ngcontent-c5=\"\">Version 3</h3>\n" +
|
77 |
// " <p _ngcontent-c5=\"\">Updated to this version on 08/08/17 by Antonis Lempesis</p>\n" +
|
78 |
// " <a _ngcontent-c5=\"\" class=\"md-btn md-btn-primary\" href=\"#\">View version details</a>\n" +
|
79 |
// " </div>\n" +
|
80 |
// " </div>\n" +
|
81 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block update\">\n" +
|
82 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
83 |
// " </div>\n" +
|
84 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right\">\n" +
|
85 |
// " <h3 _ngcontent-c5=\"\">Updated</h3>\n" +
|
86 |
// " <p _ngcontent-c5=\"\">on 07/06/17 by George Papastefanatos</p>\n" +
|
87 |
// " </div>\n" +
|
88 |
// " </div>\n" +
|
89 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block update\">\n" +
|
90 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
91 |
// " </div>\n" +
|
92 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right\">\n" +
|
93 |
// " <h3 _ngcontent-c5=\"\">Updated</h3>\n" +
|
94 |
// " <p _ngcontent-c5=\"\">on 05/06/17 by Antonis Lempesis</p>\n" +
|
95 |
// " </div>\n" +
|
96 |
// " </div>\n" +
|
97 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block versionChange\">\n" +
|
98 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
99 |
// " </div>\n" +
|
100 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right\">\n" +
|
101 |
// " <h3 _ngcontent-c5=\"\">Version 2</h3>\n" +
|
102 |
// " <p _ngcontent-c5=\"\">Updated to this version by Stefania Martziou</p>\n" +
|
103 |
// " <a _ngcontent-c5=\"\" class=\"md-btn md-btn-primary\" href=\"#\">View version details</a>\n" +
|
104 |
// " </div>\n" +
|
105 |
// " </div>\n" +
|
106 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block update\">\n" +
|
107 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
108 |
// " </div>\n" +
|
109 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right\">\n" +
|
110 |
// " <h3 _ngcontent-c5=\"\">Updated</h3>\n" +
|
111 |
// " <p _ngcontent-c5=\"\">on 07/06/17 by George Papastefanatos</p>\n" +
|
112 |
// " </div>\n" +
|
113 |
// " </div>\n" +
|
114 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block update\">\n" +
|
115 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
116 |
// " </div>\n" +
|
117 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right\">\n" +
|
118 |
// " <h3 _ngcontent-c5=\"\">Updated</h3>\n" +
|
119 |
// " <p _ngcontent-c5=\"\">on 07/06/17 by Panagiotis Lampropoulos</p>\n" +
|
120 |
// " </div>\n" +
|
121 |
// " </div>\n" +
|
122 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block update\">\n" +
|
123 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up\">\n" +
|
124 |
// " </div>\n" +
|
125 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left\">\n" +
|
126 |
// " <h3 _ngcontent-c5=\"\">Updated</h3>\n" +
|
127 |
// " <p _ngcontent-c5=\"\">on 07/06/17 by Stefania Martziou</p>\n" +
|
128 |
// " </div>\n" +
|
129 |
// " </div>\n" +
|
130 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_block versionChange\">\n" +
|
131 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_image\">\n" +
|
132 |
// " </div>\n" +
|
133 |
// " <div _ngcontent-c5=\"\" class=\"al_timeline_content\">\n" +
|
134 |
// " <h3 _ngcontent-c5=\"\">Version 1</h3>\n" +
|
135 |
// " <p _ngcontent-c5=\"\">Updated to this version on 01/01/2017 by George Papastefanatos</p>\n" +
|
136 |
// " <a _ngcontent-c5=\"\" class=\"md-btn md-btn-primary\" href=\"#\">View version details</a>\n" +
|
137 |
// " </div>\n" +
|
138 |
// " </div>\n" +
|
139 |
// " </div>\n" +
|
140 |
// " </div>\n" +
|
141 |
// " </section>\n" +
|
142 |
// "\n" +
|
143 |
// "\n" +
|
144 |
// " </div>";
|
145 |
//
|
146 |
// HTML timeline = new HTML(timelineContent);
|
147 |
//
|
148 |
// aggregationHistoryPanel.add(timeline);
|
149 |
|
150 |
}
|
151 |
|
152 |
@Override
|
153 |
public Widget asWidget() { |
154 |
return aggregationHistoryPanel; |
155 |
}
|
156 |
}
|