| 20 |
20 |
|
| 21 |
21 |
HTML title = new HTML("<h1 class=\"uk-article-title\">Dashboard</h1>");
|
| 22 |
22 |
title.addStyleName("uk-margin-medium-bottom");
|
| 23 |
|
contentPanel.add(title);
|
|
23 |
// contentPanel.add(title);
|
| 24 |
24 |
contentPanel.add(dashboardPanel);
|
| 25 |
25 |
|
| 26 |
|
HTML dashboardContentsMock = new HTML("<div class=\"sidebard-panel\" style=\"min-height: 1215px;\">\n" +
|
| 27 |
|
" <div>\n" +
|
| 28 |
|
" <h4>Messages <span class=\"badge badge-info pull-right\">16</span></h4>\n" +
|
| 29 |
|
" <div class=\"feed-element\">\n" +
|
| 30 |
|
" <a class=\"pull-left\" href=\"#\">\n" +
|
| 31 |
|
" <img src=\"img/a1.jpg\" class=\"img-circle\" alt=\"image\">\n" +
|
| 32 |
|
" </a>\n" +
|
| 33 |
|
" <div class=\"media-body\">\n" +
|
| 34 |
|
" There are many variations of passages of Lorem Ipsum available.\n" +
|
| 35 |
|
" <br>\n" +
|
| 36 |
|
" <small class=\"text-muted\">Today 4:21 pm</small>\n" +
|
| 37 |
|
" </div>\n" +
|
| 38 |
|
" </div>\n" +
|
| 39 |
|
" <div class=\"feed-element\">\n" +
|
| 40 |
|
" <a class=\"pull-left\" href=\"#\">\n" +
|
| 41 |
|
" <img src=\"img/a2.jpg\" class=\"img-circle\" alt=\"image\">\n" +
|
| 42 |
|
" </a>\n" +
|
| 43 |
|
" <div class=\"media-body\">\n" +
|
| 44 |
|
" TIt is a long established fact that.\n" +
|
| 45 |
|
" <br>\n" +
|
| 46 |
|
" <small class=\"text-muted\">Yesterday 2:45 pm</small>\n" +
|
| 47 |
|
" </div>\n" +
|
| 48 |
|
" </div>\n" +
|
| 49 |
|
" <div class=\"feed-element\">\n" +
|
| 50 |
|
" <a class=\"pull-left\" href=\"#\">\n" +
|
| 51 |
|
" <img src=\"img/a3.jpg\" class=\"img-circle\" alt=\"image\">\n" +
|
| 52 |
|
" </a>\n" +
|
| 53 |
|
" <div class=\"media-body\">\n" +
|
| 54 |
|
" Many desktop publishing packages.\n" +
|
| 55 |
|
" <br>\n" +
|
| 56 |
|
" <small class=\"text-muted\">Yesterday 1:10 pm</small>\n" +
|
| 57 |
|
" </div>\n" +
|
| 58 |
|
" </div>\n" +
|
| 59 |
|
" <div class=\"feed-element\">\n" +
|
| 60 |
|
" <a class=\"pull-left\" href=\"#\">\n" +
|
| 61 |
|
" <img src=\"img/a4.jpg\" class=\"img-circle\" alt=\"image\">\n" +
|
| 62 |
|
" </a>\n" +
|
| 63 |
|
" <div class=\"media-body\">\n" +
|
| 64 |
|
" The generated Lorem Ipsum is therefore always free.\n" +
|
| 65 |
|
" <br>\n" +
|
| 66 |
|
" <small class=\"text-muted\">Monday 8:37 pm</small>\n" +
|
| 67 |
|
" </div>\n" +
|
| 68 |
|
" </div>\n" +
|
| 69 |
|
" </div>\n" +
|
| 70 |
|
" <div class=\"m-t-md\">\n" +
|
| 71 |
|
" <h4>Statistics</h4>\n" +
|
| 72 |
|
" <p>\n" +
|
| 73 |
|
" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.\n" +
|
| 74 |
|
" </p>\n" +
|
| 75 |
|
" <div class=\"row m-t-sm\">\n" +
|
| 76 |
|
" <div class=\"col-md-6\">\n" +
|
| 77 |
|
" <span class=\"bar\" style=\"display: none;\">5,3,9,6,5,9,7,3,5,2</span><svg class=\"peity\" height=\"16\" width=\"32\"><rect fill=\"#1ab394\" x=\"0\" y=\"7.111111111111111\" width=\"2.3\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"3.3\" y=\"10.666666666666668\" width=\"2.3\" height=\"5.333333333333333\"/><rect fill=\"#1ab394\" x=\"6.6\" y=\"0\" width=\"2.3\" height=\"16\"/><rect fill=\"#d7d7d7\" x=\"9.899999999999999\" y=\"5.333333333333334\" width=\"2.3\" height=\"10.666666666666666\"/><rect fill=\"#1ab394\" x=\"13.2\" y=\"7.111111111111111\" width=\"2.3\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"16.5\" y=\"0\" width=\"2.3\" height=\"16\"/><rect fill=\"#1ab394\" x=\"19.799999999999997\" y=\"3.555555555555557\" width=\"2.3\" height=\"12.444444444444443\"/><rect fill=\"#d7d7d7\" x=\"23.099999999999998\" y=\"10.666666666666668\" width=\"2.3\" height=\"5.333333333333333\"/><rect fill=\"#1ab394\" x=\"26.4\" y=\"7.111111111111111\" width=\"2.3\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"29.7\" y=\"12.444444444444445\" width=\"2.3\" height=\"3.5555555555555554\"/></svg>\n" +
|
| 78 |
|
" <h5><strong>169</strong> Posts</h5>\n" +
|
| 79 |
|
" </div>\n" +
|
| 80 |
|
" <div class=\"col-md-6\">\n" +
|
| 81 |
|
" <span class=\"line\" style=\"display: none;\">5,3,9,6,5,9,7,3,5,2</span><svg class=\"peity\" height=\"16\" width=\"32\"><polygon fill=\"#1ab394\" points=\"0 15 0 7.166666666666666 3.5555555555555554 10.5 7.111111111111111 0.5 10.666666666666666 5.5 14.222222222222221 7.166666666666666 17.77777777777778 0.5 21.333333333333332 3.833333333333332 24.888888888888886 10.5 28.444444444444443 7.166666666666666 32 12.166666666666666 32 15\"/><polyline fill=\"transparent\" points=\"0 7.166666666666666 3.5555555555555554 10.5 7.111111111111111 0.5 10.666666666666666 5.5 14.222222222222221 7.166666666666666 17.77777777777778 0.5 21.333333333333332 3.833333333333332 24.888888888888886 10.5 28.444444444444443 7.166666666666666 32 12.166666666666666\" stroke=\"#169c81\" stroke-width=\"1\" stroke-linecap=\"square\"/></svg>\n" +
|
| 82 |
|
" <h5><strong>28</strong> Orders</h5>\n" +
|
| 83 |
|
" </div>\n" +
|
| 84 |
|
" </div>\n" +
|
| 85 |
|
" </div>\n" +
|
| 86 |
|
" <div class=\"m-t-md\">\n" +
|
| 87 |
|
" <h4>Discussion</h4>\n" +
|
| 88 |
|
" <div>\n" +
|
| 89 |
|
" <ul class=\"list-group\">\n" +
|
| 90 |
|
" <li class=\"list-group-item\">\n" +
|
| 91 |
|
" <span class=\"badge badge-primary\">16</span>\n" +
|
| 92 |
|
" General topic\n" +
|
| 93 |
|
" </li>\n" +
|
| 94 |
|
" <li class=\"list-group-item \">\n" +
|
| 95 |
|
" <span class=\"badge badge-info\">12</span>\n" +
|
| 96 |
|
" The generated Lorem\n" +
|
| 97 |
|
" </li>\n" +
|
| 98 |
|
" <li class=\"list-group-item\">\n" +
|
| 99 |
|
" <span class=\"badge badge-warning\">7</span>\n" +
|
| 100 |
|
" There are many variations\n" +
|
| 101 |
|
" </li>\n" +
|
| 102 |
|
" </ul>\n" +
|
| 103 |
|
" </div>\n" +
|
| 104 |
|
" </div>\n" +
|
| 105 |
|
" </div><div class=\"wrapper wrapper-content\">\n" +
|
| 106 |
|
" <div class=\"row\">\n" +
|
| 107 |
|
" <div class=\"col-lg-12\">\n" +
|
| 108 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 109 |
|
" <div class=\"ibox-content\">\n" +
|
| 110 |
|
" <div>\n" +
|
| 111 |
|
" <span class=\"pull-right text-right\">\n" +
|
| 112 |
|
" <small>Average value of sales in the past month in: <strong>United states</strong></small>\n" +
|
| 113 |
|
" <br>\n" +
|
| 114 |
|
" All sales: 162,862\n" +
|
| 115 |
|
" </span>\n" +
|
| 116 |
|
" <h1 class=\"m-b-xs\">$ 50,992</h1>\n" +
|
| 117 |
|
" <h3 class=\"font-bold no-margins\">\n" +
|
| 118 |
|
" Half-year revenue margin\n" +
|
| 119 |
|
" </h3>\n" +
|
| 120 |
|
" <small>Sales marketing.</small>\n" +
|
| 121 |
|
" </div>\n" +
|
| 122 |
|
"\n" +
|
| 123 |
|
" <div>\n" +
|
| 124 |
|
" <canvas height=\"422\" id=\"lineChart\" style=\"width: 906px; height: 211px;\" width=\"1812\"></canvas>\n" +
|
| 125 |
|
" </div>\n" +
|
| 126 |
|
"\n" +
|
| 127 |
|
" <div class=\"m-t-md\">\n" +
|
| 128 |
|
" <small class=\"pull-right\">\n" +
|
| 129 |
|
" <i class=\"fa fa-clock-o\"> </i>\n" +
|
| 130 |
|
" Update on 16.07.2015\n" +
|
| 131 |
|
" </small>\n" +
|
| 132 |
|
" <small>\n" +
|
| 133 |
|
" <strong>Analysis of sales:</strong> The value has been changed over time, and last month reached a level over $50,000.\n" +
|
| 134 |
|
" </small>\n" +
|
| 135 |
|
" </div>\n" +
|
| 136 |
|
"\n" +
|
| 137 |
|
" </div>\n" +
|
| 138 |
|
" </div>\n" +
|
| 139 |
|
" </div>\n" +
|
| 140 |
|
" </div>\n" +
|
| 141 |
|
"\n" +
|
| 142 |
|
"\n" +
|
| 143 |
|
" <div class=\"row\">\n" +
|
| 144 |
|
"\n" +
|
| 145 |
|
" <div class=\"col-lg-4\">\n" +
|
| 146 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 147 |
|
" <div class=\"ibox-title\">\n" +
|
| 148 |
|
" <span class=\"label label-primary pull-right\">Today</span>\n" +
|
| 149 |
|
" <h5>Vistits</h5>\n" +
|
| 150 |
|
" </div>\n" +
|
| 151 |
|
" <div class=\"ibox-content\">\n" +
|
| 152 |
|
" <h1 class=\"no-margins\">22 285,400</h1>\n" +
|
| 153 |
|
" <div class=\"stat-percent font-bold text-navy\">20% <i class=\"fa fa-level-up\"></i></div>\n" +
|
| 154 |
|
" <small>New orders</small>\n" +
|
| 155 |
|
" </div>\n" +
|
| 156 |
|
" </div>\n" +
|
| 157 |
|
" </div>\n" +
|
| 158 |
|
" <div class=\"col-lg-4\">\n" +
|
| 159 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 160 |
|
" <div class=\"ibox-title\">\n" +
|
| 161 |
|
" <span class=\"label label-info pull-right\">Monthly</span>\n" +
|
| 162 |
|
" <h5>Orders</h5>\n" +
|
| 163 |
|
" </div>\n" +
|
| 164 |
|
" <div class=\"ibox-content\">\n" +
|
| 165 |
|
" <h1 class=\"no-margins\">60 420,600</h1>\n" +
|
| 166 |
|
" <div class=\"stat-percent font-bold text-info\">40% <i class=\"fa fa-level-up\"></i></div>\n" +
|
| 167 |
|
" <small>New orders</small>\n" +
|
| 168 |
|
" </div>\n" +
|
| 169 |
|
" </div>\n" +
|
| 170 |
|
" </div>\n" +
|
| 171 |
|
" <div class=\"col-lg-4\">\n" +
|
| 172 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 173 |
|
" <div class=\"ibox-title\">\n" +
|
| 174 |
|
" <span class=\"label label-warning pull-right\">Annual</span>\n" +
|
| 175 |
|
" <h5>Income</h5>\n" +
|
| 176 |
|
" </div>\n" +
|
| 177 |
|
" <div class=\"ibox-content\">\n" +
|
| 178 |
|
" <h1 class=\"no-margins\">$ 120 430,800</h1>\n" +
|
| 179 |
|
" <div class=\"stat-percent font-bold text-warning\">16% <i class=\"fa fa-level-up\"></i></div>\n" +
|
| 180 |
|
" <small>New orders</small>\n" +
|
| 181 |
|
" </div>\n" +
|
| 182 |
|
" </div>\n" +
|
| 183 |
|
" </div>\n" +
|
| 184 |
|
" </div>\n" +
|
| 185 |
|
"\n" +
|
| 186 |
|
" <div class=\"row\">\n" +
|
| 187 |
|
" <div class=\"col-lg-6\">\n" +
|
| 188 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 189 |
|
" <div class=\"ibox-title\">\n" +
|
| 190 |
|
" <h5>New data for the report</h5>\n" +
|
| 191 |
|
" <div class=\"ibox-tools\">\n" +
|
| 192 |
|
" <a class=\"collapse-link\">\n" +
|
| 193 |
|
" <i class=\"fa fa-chevron-up\"></i>\n" +
|
| 194 |
|
" </a>\n" +
|
| 195 |
|
" <a href=\"#\" data-toggle=\"dropdown\" class=\"dropdown-toggle\">\n" +
|
| 196 |
|
" <i class=\"fa fa-wrench\"></i>\n" +
|
| 197 |
|
" </a>\n" +
|
| 198 |
|
" <ul class=\"dropdown-menu dropdown-user\">\n" +
|
| 199 |
|
" <li><a href=\"#\">Config option 1</a>\n" +
|
| 200 |
|
" </li>\n" +
|
| 201 |
|
" <li><a href=\"#\">Config option 2</a>\n" +
|
| 202 |
|
" </li>\n" +
|
| 203 |
|
" </ul>\n" +
|
| 204 |
|
" <a class=\"close-link\">\n" +
|
| 205 |
|
" <i class=\"fa fa-times\"></i>\n" +
|
| 206 |
|
" </a>\n" +
|
| 207 |
|
" </div>\n" +
|
| 208 |
|
" </div>\n" +
|
| 209 |
|
" <div class=\"ibox-content ibox-heading\">\n" +
|
| 210 |
|
" <h3>Stock price up\n" +
|
| 211 |
|
" <div class=\"stat-percent text-navy\">34% <i class=\"fa fa-level-up\"></i></div>\n" +
|
| 212 |
|
" </h3>\n" +
|
| 213 |
|
" <small><i class=\"fa fa-stack-exchange\"></i> New economic data from the previous quarter.</small>\n" +
|
| 214 |
|
" </div>\n" +
|
| 215 |
|
" <div class=\"ibox-content\">\n" +
|
| 216 |
|
" <div>\n" +
|
| 217 |
|
"\n" +
|
| 218 |
|
" <div class=\"pull-right text-right\">\n" +
|
| 219 |
|
"\n" +
|
| 220 |
|
" <span class=\"bar_dashboard\" style=\"display: none;\">5,3,9,6,5,9,7,3,5,2,4,7,3,2,7,9,6,4,5,7,3,2,1,0,9,5,6,8,3,2,1</span><svg class=\"peity\" height=\"16\" width=\"100\"><rect fill=\"#1ab394\" x=\"0\" y=\"7.111111111111111\" width=\"2.2580645161290325\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"3.2580645161290325\" y=\"10.666666666666668\" width=\"2.2580645161290325\" height=\"5.333333333333333\"/><rect fill=\"#1ab394\" x=\"6.516129032258065\" y=\"0\" width=\"2.2580645161290325\" height=\"16\"/><rect fill=\"#d7d7d7\" x=\"9.774193548387098\" y=\"5.333333333333334\" width=\"2.2580645161290325\" height=\"10.666666666666666\"/><rect fill=\"#1ab394\" x=\"13.03225806451613\" y=\"7.111111111111111\" width=\"2.2580645161290325\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"16.290322580645164\" y=\"0\" width=\"2.2580645161290325\" height=\"16\"/><rect fill=\"#1ab394\" x=\"19.548387096774196\" y=\"3.555555555555557\" width=\"2.2580645161290325\" height=\"12.444444444444443\"/><rect fill=\"#d7d7d7\" x=\"22.806451612903228\" y=\"10.666666666666668\" width=\"2.2580645161290325\" height=\"5.333333333333333\"/><rect fill=\"#1ab394\" x=\"26.06451612903226\" y=\"7.111111111111111\" width=\"2.2580645161290325\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"29.322580645161292\" y=\"12.444444444444445\" width=\"2.2580645161290325\" height=\"3.5555555555555554\"/><rect fill=\"#1ab394\" x=\"32.58064516129033\" y=\"8.88888888888889\" width=\"2.2580645161290325\" height=\"7.111111111111111\"/><rect fill=\"#d7d7d7\" x=\"35.83870967741936\" y=\"3.555555555555557\" width=\"2.2580645161290325\" height=\"12.444444444444443\"/><rect fill=\"#1ab394\" x=\"39.09677419354839\" y=\"10.666666666666668\" width=\"2.2580645161290325\" height=\"5.333333333333333\"/><rect fill=\"#d7d7d7\" x=\"42.35483870967742\" y=\"12.444444444444445\" width=\"2.2580645161290325\" height=\"3.5555555555555554\"/><rect fill=\"#1ab394\" x=\"45.612903225806456\" y=\"3.555555555555557\" width=\"2.2580645161290325\" height=\"12.444444444444443\"/><rect fill=\"#d7d7d7\" x=\"48.87096774193549\" y=\"0\" width=\"2.2580645161290325\" height=\"16\"/><rect fill=\"#1ab394\" x=\"52.12903225806452\" y=\"5.333333333333334\" width=\"2.2580645161290325\" height=\"10.666666666666666\"/><rect fill=\"#d7d7d7\" x=\"55.38709677419355\" y=\"8.88888888888889\" width=\"2.2580645161290325\" height=\"7.111111111111111\"/><rect fill=\"#1ab394\" x=\"58.645161290322584\" y=\"7.111111111111111\" width=\"2.2580645161290325\" height=\"8.88888888888889\"/><rect fill=\"#d7d7d7\" x=\"61.903225806451616\" y=\"3.555555555555557\" width=\"2.2580645161290325\" height=\"12.444444444444443\"/><rect fill=\"#1ab394\" x=\"65.16129032258065\" y=\"10.666666666666668\" width=\"2.2580645161290325\" height=\"5.333333333333333\"/><rect fill=\"#d7d7d7\" x=\"68.41935483870968\" y=\"12.444444444444445\" width=\"2.2580645161290325\" height=\"3.5555555555555554\"/><rect fill=\"#1ab394\" x=\"71.67741935483872\" y=\"14.222222222222221\" width=\"2.2580645161290325\" height=\"1.7777777777777777\"/><rect fill=\"#d7d7d7\" x=\"74.93548387096774\" y=\"15.5\" width=\"2.2580645161290325\" height=\"0.5\"/><rect fill=\"#1ab394\" x=\"78.19354838709678\" y=\"0\" width=\"2.2580645161290325\" height=\"16\"/><rect fill=\"#d7d7d7\" x=\"81.45161290322581\" y=\"7.111111111111111\" width=\"2.2580645161290325\" height=\"8.88888888888889\"/><rect fill=\"#1ab394\" x=\"84.70967741935485\" y=\"5.333333333333334\" width=\"2.2580645161290325\" height=\"10.666666666666666\"/><rect fill=\"#d7d7d7\" x=\"87.96774193548387\" y=\"1.7777777777777786\" width=\"2.2580645161290325\" height=\"14.222222222222221\"/><rect fill=\"#1ab394\" x=\"91.22580645161291\" y=\"10.666666666666668\" width=\"2.2580645161290325\" height=\"5.333333333333333\"/><rect fill=\"#d7d7d7\" x=\"94.48387096774194\" y=\"12.444444444444445\" width=\"2.2580645161290325\" height=\"3.5555555555555554\"/><rect fill=\"#1ab394\" x=\"97.74193548387098\" y=\"14.222222222222221\" width=\"2.2580645161290325\" height=\"1.7777777777777777\"/></svg>\n" +
|
| 221 |
|
" <br>\n" +
|
| 222 |
|
" <small class=\"font-bold\">$ 20 054.43</small>\n" +
|
| 223 |
|
" </div>\n" +
|
| 224 |
|
" <h4>NYS report new data!\n" +
|
| 225 |
|
" <br>\n" +
|
| 226 |
|
" <small class=\"m-r\"><a href=\"graph_flot.html\"> Check the stock price! </a> </small>\n" +
|
| 227 |
|
" </h4>\n" +
|
| 228 |
|
" </div>\n" +
|
| 229 |
|
" </div>\n" +
|
| 230 |
|
" </div>\n" +
|
| 231 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 232 |
|
" <div class=\"ibox-title\">\n" +
|
| 233 |
|
" <h5>Read below comments and tweets</h5>\n" +
|
| 234 |
|
" <div class=\"ibox-tools\">\n" +
|
| 235 |
|
" <a class=\"collapse-link\">\n" +
|
| 236 |
|
" <i class=\"fa fa-chevron-up\"></i>\n" +
|
| 237 |
|
" </a>\n" +
|
| 238 |
|
" <a href=\"#\" data-toggle=\"dropdown\" class=\"dropdown-toggle\">\n" +
|
| 239 |
|
" <i class=\"fa fa-wrench\"></i>\n" +
|
| 240 |
|
" </a>\n" +
|
| 241 |
|
" <ul class=\"dropdown-menu dropdown-user\">\n" +
|
| 242 |
|
" <li><a href=\"#\">Config option 1</a>\n" +
|
| 243 |
|
" </li>\n" +
|
| 244 |
|
" <li><a href=\"#\">Config option 2</a>\n" +
|
| 245 |
|
" </li>\n" +
|
| 246 |
|
" </ul>\n" +
|
| 247 |
|
" <a class=\"close-link\">\n" +
|
| 248 |
|
" <i class=\"fa fa-times\"></i>\n" +
|
| 249 |
|
" </a>\n" +
|
| 250 |
|
" </div>\n" +
|
| 251 |
|
" </div>\n" +
|
| 252 |
|
" <div class=\"ibox-content no-padding\">\n" +
|
| 253 |
|
" <ul class=\"list-group\">\n" +
|
| 254 |
|
" <li class=\"list-group-item\">\n" +
|
| 255 |
|
" <p><a href=\"#\" class=\"text-info\">@Alan Marry</a> I belive that. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n" +
|
| 256 |
|
" <small class=\"block text-muted\"><i class=\"fa fa-clock-o\"></i> 1 minuts ago</small>\n" +
|
| 257 |
|
" </li>\n" +
|
| 258 |
|
" <li class=\"list-group-item\">\n" +
|
| 259 |
|
" <p><a href=\"#\" class=\"text-info\">@Stock Man</a> Check this stock chart. This price is crazy! </p>\n" +
|
| 260 |
|
" <small class=\"block text-muted\"><i class=\"fa fa-clock-o\"></i> 2 hours ago</small>\n" +
|
| 261 |
|
" </li>\n" +
|
| 262 |
|
" <li class=\"list-group-item\">\n" +
|
| 263 |
|
" <p><a href=\"#\" class=\"text-info\">@Kevin Smith</a> Lorem ipsum unknown printer took a galley </p>\n" +
|
| 264 |
|
" <small class=\"block text-muted\"><i class=\"fa fa-clock-o\"></i> 2 minuts ago</small>\n" +
|
| 265 |
|
" </li>\n" +
|
| 266 |
|
" <li class=\"list-group-item \">\n" +
|
| 267 |
|
" <p><a href=\"#\" class=\"text-info\">@Jonathan Febrick</a> The standard chunk of Lorem Ipsum</p>\n" +
|
| 268 |
|
" <small class=\"block text-muted\"><i class=\"fa fa-clock-o\"></i> 1 hour ago</small>\n" +
|
| 269 |
|
" </li>\n" +
|
| 270 |
|
" </ul>\n" +
|
| 271 |
|
" </div>\n" +
|
| 272 |
|
" </div>\n" +
|
| 273 |
|
" </div>\n" +
|
| 274 |
|
"\n" +
|
| 275 |
|
" <div class=\"col-lg-6\">\n" +
|
| 276 |
|
" <div class=\"ibox float-e-margins\">\n" +
|
| 277 |
|
" <div class=\"ibox-title\">\n" +
|
| 278 |
|
" <h5>Timeline</h5>\n" +
|
| 279 |
|
" <span class=\"label label-primary\">Meeting today</span>\n" +
|
| 280 |
|
" <div class=\"ibox-tools\">\n" +
|
| 281 |
|
" <a class=\"collapse-link\">\n" +
|
| 282 |
|
" <i class=\"fa fa-chevron-up\"></i>\n" +
|
| 283 |
|
" </a>\n" +
|
| 284 |
|
" <a href=\"#\" data-toggle=\"dropdown\" class=\"dropdown-toggle\">\n" +
|
| 285 |
|
" <i class=\"fa fa-wrench\"></i>\n" +
|
| 286 |
|
" </a>\n" +
|
| 287 |
|
" <ul class=\"dropdown-menu dropdown-user\">\n" +
|
| 288 |
|
" <li><a href=\"#\">Config option 1</a>\n" +
|
| 289 |
|
" </li>\n" +
|
| 290 |
|
" <li><a href=\"#\">Config option 2</a>\n" +
|
| 291 |
|
" </li>\n" +
|
| 292 |
|
" </ul>\n" +
|
| 293 |
|
" <a class=\"close-link\">\n" +
|
| 294 |
|
" <i class=\"fa fa-times\"></i>\n" +
|
| 295 |
|
" </a>\n" +
|
| 296 |
|
" </div>\n" +
|
| 297 |
|
" </div>\n" +
|
| 298 |
|
"\n" +
|
| 299 |
|
" <div class=\"ibox-content inspinia-timeline\">\n" +
|
| 300 |
|
"\n" +
|
| 301 |
|
" <div class=\"timeline-item\">\n" +
|
| 302 |
|
" <div class=\"row\">\n" +
|
| 303 |
|
" <div class=\"col-xs-3 date\">\n" +
|
| 304 |
|
" <i class=\"fa fa-briefcase\"></i>\n" +
|
| 305 |
|
" 6:00 am\n" +
|
| 306 |
|
" <br>\n" +
|
| 307 |
|
" <small class=\"text-navy\">2 hour ago</small>\n" +
|
| 308 |
|
" </div>\n" +
|
| 309 |
|
" <div class=\"col-xs-7 content no-top-border\">\n" +
|
| 310 |
|
" <p class=\"m-b-xs\"><strong>Meeting</strong></p>\n" +
|
| 311 |
|
"\n" +
|
| 312 |
|
" <p>Conference on the sales results for the previous year. Monica please examine sales trends in marketing and products.</p>\n" +
|
| 313 |
|
"\n" +
|
| 314 |
|
" </div>\n" +
|
| 315 |
|
" </div>\n" +
|
| 316 |
|
" </div>\n" +
|
| 317 |
|
" <div class=\"timeline-item\">\n" +
|
| 318 |
|
" <div class=\"row\">\n" +
|
| 319 |
|
" <div class=\"col-xs-3 date\">\n" +
|
| 320 |
|
" <i class=\"fa fa-file-text\"></i>\n" +
|
| 321 |
|
" 7:00 am\n" +
|
| 322 |
|
" <br>\n" +
|
| 323 |
|
" <small class=\"text-navy\">3 hour ago</small>\n" +
|
| 324 |
|
" </div>\n" +
|
| 325 |
|
" <div class=\"col-xs-7 content\">\n" +
|
| 326 |
|
" <p class=\"m-b-xs\"><strong>Send documents to Mike</strong></p>\n" +
|
| 327 |
|
" <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>\n" +
|
| 328 |
|
" </div>\n" +
|
| 329 |
|
" </div>\n" +
|
| 330 |
|
" </div>\n" +
|
| 331 |
|
" <div class=\"timeline-item\">\n" +
|
| 332 |
|
" <div class=\"row\">\n" +
|
| 333 |
|
" <div class=\"col-xs-3 date\">\n" +
|
| 334 |
|
" <i class=\"fa fa-coffee\"></i>\n" +
|
| 335 |
|
" 8:00 am\n" +
|
| 336 |
|
" <br>\n" +
|
| 337 |
|
" </div>\n" +
|
| 338 |
|
" <div class=\"col-xs-7 content\">\n" +
|
| 339 |
|
" <p class=\"m-b-xs\"><strong>Coffee Break</strong></p>\n" +
|
| 340 |
|
" <p>\n" +
|
| 341 |
|
" Go to shop and find some products.\n" +
|
| 342 |
|
" Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.\n" +
|
| 343 |
|
" </p>\n" +
|
| 344 |
|
" </div>\n" +
|
| 345 |
|
" </div>\n" +
|
| 346 |
|
" </div>\n" +
|
| 347 |
|
" <div class=\"timeline-item\">\n" +
|
| 348 |
|
" <div class=\"row\">\n" +
|
| 349 |
|
" <div class=\"col-xs-3 date\">\n" +
|
| 350 |
|
" <i class=\"fa fa-phone\"></i>\n" +
|
| 351 |
|
" 11:00 am\n" +
|
| 352 |
|
" <br>\n" +
|
| 353 |
|
" <small class=\"text-navy\">21 hour ago</small>\n" +
|
| 354 |
|
" </div>\n" +
|
| 355 |
|
" <div class=\"col-xs-7 content\">\n" +
|
| 356 |
|
" <p class=\"m-b-xs\"><strong>Phone with Jeronimo</strong></p>\n" +
|
| 357 |
|
" <p>\n" +
|
| 358 |
|
" Lorem Ipsum has been the industry's standard dummy text ever since.\n" +
|
| 359 |
|
" </p>\n" +
|
| 360 |
|
" </div>\n" +
|
| 361 |
|
" </div>\n" +
|
| 362 |
|
" </div>\n" +
|
| 363 |
|
" </div>\n" +
|
| 364 |
|
" </div>\n" +
|
| 365 |
|
" </div>\n" +
|
| 366 |
|
"\n" +
|
| 367 |
|
" </div>\n" +
|
| 368 |
|
"\n" +
|
| 369 |
|
" </div>");
|
|
26 |
HTML dashboardContentsMock = new HTML("<div class=\"uk-width-1-1@m uk-first-column\">\n" +
|
|
27 |
" <div class=\"uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade\" uk-scrollspy-class=\"\" uk-grid=\"\" style=\"\">\n" +
|
|
28 |
" <div class=\"uk-first-column\">\n" +
|
|
29 |
" \t<div uk-scrollspy-class=\"\" class=\"el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade\" style=\"\">\n" +
|
|
30 |
" \t\t<a href=\"#registerDatasource\" uk-scroll=\"\" class=\"el-link uk-position-cover uk-margin-remove-adjacent\"></a>\n" +
|
|
31 |
" \t\t<div class=\"uk-child-width-expand uk-flex-middle uk-grid\" uk-grid=\"\">\n" +
|
|
32 |
" \t\t<div class=\"uk-width-1-2@m uk-first-column\">\n" +
|
|
33 |
" \t\t<img src=\"img/iStock-153949408.jpg\" class=\"el-image uk-border-rounded\" alt=\"\">\n" +
|
|
34 |
" \t</div>\n" +
|
|
35 |
" \t\t<div>\n" +
|
|
36 |
" <div>\n" +
|
|
37 |
// " \t<div class=\"el-meta uk-margin uk-text-meta uk-margin-remove-adjacent uk-margin-small-bottom\">Large group of 10-15 people</div>\n" +
|
|
38 |
"\t\t\t\t\t\t\t<h3 class=\"el-title uk-margin uk-card-title\">Register </h3>\n" +
|
|
39 |
"\t\t\t\t\t\t\t<div class=\"el-content uk-margin\">Register data sources in the OpenAIRE infrastructure</div>\n" +
|
|
40 |
" \t</div>\n" +
|
|
41 |
" \t\t</div>\n" +
|
|
42 |
" \t\t</div>\n" +
|
|
43 |
"\t\t\t</div>\n" +
|
|
44 |
"\t\t</div>\n" +
|
|
45 |
" <div>\n" +
|
|
46 |
" \t<div uk-scrollspy-class=\"\" class=\"el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade\" style=\"\">\n" +
|
|
47 |
" \t\t<a href=\"#validate\" uk-scroll=\"\" class=\"el-link uk-position-cover uk-margin-remove-adjacent\"></a>\n" +
|
|
48 |
" \t\t<div class=\"uk-child-width-expand uk-flex-middle uk-grid\" uk-grid=\"\">\n" +
|
|
49 |
" \t\t<div class=\"uk-width-1-2@m uk-first-column\">\n" +
|
|
50 |
" \t\t<img src=\"img/iStock-516286898.jpg\" class=\"el-image uk-border-rounded\" alt=\"\">\n" +
|
|
51 |
" \t</div>\n" +
|
|
52 |
" \t\t<div>\n" +
|
|
53 |
" <div>\n" +
|
|
54 |
// " \t<div class=\"el-meta uk-margin uk-text-meta uk-margin-remove-adjacent uk-margin-small-bottom\">Up to 20 people</div>\n" +
|
|
55 |
"\t\t\t\t\t\t\t<h3 class=\"el-title uk-margin uk-card-title\">Validate</h3>\n" +
|
|
56 |
"\t\t\t\t\t\t\t<div class=\"el-content uk-margin\">Validate data sources against OpenAIRE guidelines</div>\n" +
|
|
57 |
" \t</div>\n" +
|
|
58 |
" \t\t</div>\n" +
|
|
59 |
" \t\t</div>\n" +
|
|
60 |
"\t\t\t</div>\n" +
|
|
61 |
"\t\t</div>\n" +
|
|
62 |
" <div class=\"uk-grid-margin uk-first-column\">\n" +
|
|
63 |
" \t<div uk-scrollspy-class=\"\" class=\"el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade\" style=\"\">\n" +
|
|
64 |
" \t\t<a href=\"#enrichContent/subscriptions\" uk-scroll=\"\" class=\"el-link uk-position-cover uk-margin-remove-adjacent\"></a>\n" +
|
|
65 |
" \t\t<div class=\"uk-child-width-expand uk-flex-middle uk-grid\" uk-grid=\"\">\n" +
|
|
66 |
" \t\t<div class=\"uk-width-1-2@m uk-first-column\">\n" +
|
|
67 |
" \t\t<img src=\"img/iStock-466267165.jpg\" class=\"el-image uk-border-rounded\" alt=\"\">\n" +
|
|
68 |
" \t</div>\n" +
|
|
69 |
" \t\t<div>\n" +
|
|
70 |
" <div>\n" +
|
|
71 |
// " \t<div class=\"el-meta uk-margin uk-text-meta uk-margin-remove-adjacent uk-margin-small-bottom\">Recommended for small groups</div>\n" +
|
|
72 |
"\t\t\t\t\t\t\t<h3 class=\"el-title uk-margin uk-card-title\">Notifications</h3>\n" +
|
|
73 |
"\t\t\t\t\t\t\t<div class=\"el-content uk-margin\">View notifications to enrich the metadata and the content</div>\n" +
|
|
74 |
" \t</div>\n" +
|
|
75 |
" \t\t</div>\n" +
|
|
76 |
" \t\t</div>\n" +
|
|
77 |
"\t\t\t</div>\n" +
|
|
78 |
"\t\t</div>\n" +
|
|
79 |
" <div class=\"uk-grid-margin\">\n" +
|
|
80 |
" \t<div uk-scrollspy-class=\"\" class=\"el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade\" style=\"\">\n" +
|
|
81 |
" \t\t<a href=\"#metrics\" uk-scroll=\"\" class=\"el-link uk-position-cover uk-margin-remove-adjacent\"></a>\n" +
|
|
82 |
" \t\t<div class=\"uk-child-width-expand uk-flex-middle uk-grid\" uk-grid=\"\">\n" +
|
|
83 |
" \t\t<div class=\"uk-width-1-2@m uk-first-column\">\n" +
|
|
84 |
" \t\t<img src=\"img/iStock-659630328.jpg\" class=\"el-image uk-border-rounded\" alt=\"\">\n" +
|
|
85 |
" \t</div>\n" +
|
|
86 |
" \t\t<div>\n" +
|
|
87 |
" \t<div>\n" +
|
|
88 |
// " \t<div class=\"el-meta uk-margin uk-text-meta uk-margin-remove-adjacent uk-margin-small-bottom\">Culinary experience</div>\n" +
|
|
89 |
"\t\t\t\t\t\t\t<h3 class=\"el-title uk-margin uk-card-title\">Metrics</h3>\n" +
|
|
90 |
"\t\t\t\t\t\t\t<div class=\"el-content uk-margin\">View aggregated, cleaned usage statistics for repository access</div>\n" +
|
|
91 |
" \t</div>\n" +
|
|
92 |
" \t\t</div>\n" +
|
|
93 |
" \t\t</div>\n" +
|
|
94 |
"\t\t\t</div>\n" +
|
|
95 |
"\t\t</div>\n" +
|
|
96 |
"\t</div>\n" +
|
|
97 |
"</div>");
|
| 370 |
98 |
|
| 371 |
|
// dashboardPanel.add(dashboardContentsMock);
|
|
99 |
dashboardPanel.add(dashboardContentsMock);
|
| 372 |
100 |
|
| 373 |
|
HTML html = new HTML("<div>Under construction</div>");
|
| 374 |
|
dashboardPanel.add(html);
|
|
101 |
// HTML html = new HTML("<div>Under construction</div>");
|
|
102 |
// dashboardPanel.add(html);
|
| 375 |
103 |
}
|
| 376 |
104 |
|
| 377 |
105 |
public static final DashboardWidget getInstance() {
|
Added by Stefania Martziou over 6 years ago
Added some new images in the home page