| 26010 |
amit.gupta |
1 |
<!DOCTYPE html>
|
|
|
2 |
<html lang="en">
|
|
|
3 |
<head>
|
|
|
4 |
<meta charset="utf-8">
|
|
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
6 |
<meta name="description" content="Smart Dukaan FOCO Dashboard">
|
|
|
7 |
<meta name="author" content="smartdukaan">
|
|
|
8 |
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
|
9 |
<link rel="shortcut icon" href="assets/images/icons/favicon.png">
|
|
|
10 |
|
|
|
11 |
<title>Smart Dukaan - FOCO Dashboard</title>
|
|
|
12 |
|
|
|
13 |
<!-- Bootstrap CSS -->
|
|
|
14 |
<!-- bootstrap theme -->
|
|
|
15 |
<!--external css-->
|
|
|
16 |
<!-- font icon -->
|
|
|
17 |
<link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
|
|
|
18 |
<link href="resources/css/font-awesome.min.css" rel="stylesheet" />
|
|
|
19 |
<!-- full calendar css-->
|
|
|
20 |
<!-- owl carousel -->
|
|
|
21 |
<link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
|
|
|
22 |
<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
|
|
|
23 |
<!-- Custom styles -->
|
|
|
24 |
<link href="resources/css/widgets.css" rel="stylesheet">
|
|
|
25 |
<link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
|
|
|
26 |
<link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
|
|
|
27 |
<link href="resources/css/style-responsive.css" rel="stylesheet" />
|
|
|
28 |
<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
|
|
|
29 |
<link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
|
|
|
30 |
<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
|
|
|
31 |
<link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
|
32 |
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
|
|
|
33 |
|
|
|
34 |
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
|
|
|
35 |
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
|
|
|
36 |
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
|
|
|
37 |
<style type="text/css">
|
|
|
38 |
.loading {
|
|
|
39 |
display: none;
|
|
|
40 |
}
|
|
|
41 |
.breadcrumb {
|
|
|
42 |
padding: 0 15px;
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
.stars-outer {
|
|
|
46 |
display: inline-block;
|
|
|
47 |
position: relative;
|
|
|
48 |
font-family: FontAwesome;
|
|
|
49 |
}
|
|
|
50 |
|
|
|
51 |
.stars-outer::before {
|
|
|
52 |
content: "\f006 \f006 \f006 \f006 \f006";
|
|
|
53 |
}
|
|
|
54 |
|
|
|
55 |
.stars-inner {
|
|
|
56 |
position: absolute;
|
|
|
57 |
top: 0;
|
|
|
58 |
left: 0;
|
|
|
59 |
white-space: nowrap;
|
|
|
60 |
overflow: hidden;
|
|
|
61 |
width: 0;
|
|
|
62 |
}
|
|
|
63 |
|
|
|
64 |
.stars-inner::before {
|
|
|
65 |
content: "\f005 \f005 \f005 \f005 \f005";
|
|
|
66 |
color: #f8ce0b;
|
|
|
67 |
}
|
|
|
68 |
|
|
|
69 |
|
|
|
70 |
.table-striped > tbody > tr:nth-child(odd) > td{
|
|
|
71 |
background: white;
|
|
|
72 |
background-color: #dae5f4;
|
|
|
73 |
}
|
|
|
74 |
.table-striped > tbody > tr:nth-child(even) > td{
|
|
|
75 |
background: #f2f2f2;
|
|
|
76 |
background-color: #b8d1f3;
|
|
|
77 |
}
|
|
|
78 |
|
|
|
79 |
.btn:hover{
|
|
|
80 |
color: grey;
|
|
|
81 |
text-decoration: none;
|
|
|
82 |
}
|
|
|
83 |
.btn-primary:hover{
|
|
|
84 |
color: grey;
|
|
|
85 |
text-decoration: none;
|
|
|
86 |
}
|
|
|
87 |
.sale-details{
|
|
|
88 |
cursor:pointer;
|
|
|
89 |
}
|
|
|
90 |
|
|
|
91 |
.popover {
|
|
|
92 |
min-width:18%;
|
|
|
93 |
}
|
|
|
94 |
.fa-2x {
|
|
|
95 |
font-size:1.4em;
|
|
|
96 |
}
|
|
|
97 |
.cover {
|
|
|
98 |
object-fit: cover;
|
|
|
99 |
width: 100%;
|
|
|
100 |
height: 90px;
|
|
|
101 |
padding: 8px;
|
|
|
102 |
}
|
|
|
103 |
.info-box .notifications i {
|
|
|
104 |
display: inline-block;
|
|
|
105 |
margin-top:0px;
|
|
|
106 |
height: 25px;
|
|
|
107 |
font-size: 16px;
|
|
|
108 |
line-height: 25px;
|
|
|
109 |
width: 25px;
|
|
|
110 |
float: none;
|
|
|
111 |
text-align: center;
|
|
|
112 |
padding-right: 0px;
|
|
|
113 |
color:#768399;
|
|
|
114 |
}
|
|
|
115 |
|
|
|
116 |
#preview {
|
|
|
117 |
position: relative;
|
|
|
118 |
color: #fff;
|
|
|
119 |
float: left;
|
|
|
120 |
width: 100%;
|
|
|
121 |
-webkit-border-radius: 10px;
|
|
|
122 |
-moz-border-radius: 10px;
|
|
|
123 |
border-radius: 10px;
|
|
|
124 |
clear: both;
|
|
|
125 |
}
|
|
|
126 |
#canvas-preview{
|
|
|
127 |
width: 100%;
|
|
|
128 |
position: relative;
|
|
|
129 |
top:-15px;
|
|
|
130 |
}
|
|
|
131 |
#preview-textfield{
|
|
|
132 |
position: absolute; top: -10px; left: 0; right: 0;
|
|
|
133 |
text-align: center; font-size: 2em; font-weight: bold;
|
|
|
134 |
color: white; font-family: 'Amaranth', sans-serif;
|
|
|
135 |
}
|
|
|
136 |
|
|
|
137 |
|
|
|
138 |
</style>
|
|
|
139 |
</head>
|
|
|
140 |
|
|
|
141 |
<body style="zoom:90%;background-color:#f7f7f7">
|
|
|
142 |
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
|
|
|
143 |
<!-- container section start -->
|
|
|
144 |
<section id="container">
|
|
|
145 |
|
|
|
146 |
|
|
|
147 |
<header class="header dark-bg">
|
|
|
148 |
<div class="toggle-nav">
|
|
|
149 |
<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
|
|
|
150 |
</div>
|
|
|
151 |
<div class="top-nav notification-row">
|
|
|
152 |
<!-- notificatoin dropdown start-->
|
|
|
153 |
<ul class="nav pull-right top-menu">
|
|
|
154 |
<!-- user login dropdown start-->
|
|
|
155 |
<li class="dropdown">
|
|
|
156 |
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
|
157 |
<span class="profile-ava">
|
|
|
158 |
<img class="avatar-custom" id="photo" alt="" src="">
|
|
|
159 |
</span>
|
|
|
160 |
<span class="username" id="fofo_name"></span>
|
|
|
161 |
<b class="caret"></b>
|
|
|
162 |
</a>
|
|
|
163 |
<ul class="dropdown-menu extended logout">
|
|
|
164 |
<div class="log-arrow-up"></div>
|
|
|
165 |
<li class="eborder-top">
|
|
|
166 |
<a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
|
|
|
167 |
</li>
|
|
|
168 |
<li>
|
|
|
169 |
<a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
|
|
|
170 |
</li>
|
|
|
171 |
</ul>
|
|
|
172 |
</li>
|
|
|
173 |
<!-- user login dropdown end -->
|
|
|
174 |
</ul>
|
|
|
175 |
<!-- notificatoin dropdown end-->
|
|
|
176 |
</div>
|
|
|
177 |
</header>
|
|
|
178 |
<!--header end-->
|
|
|
179 |
|
|
|
180 |
<!--sidebar start-->
|
|
|
181 |
<aside>
|
|
|
182 |
<div id="sidebar" class="nav-collapse ">
|
|
|
183 |
<!-- sidebar menu start-->
|
|
|
184 |
<ul class="sidebar-menu">
|
|
|
185 |
<li class="active">
|
|
|
186 |
<a class="" href="${rc.contextPath}/dashboard">
|
|
|
187 |
<i class="icon_house_alt"></i>
|
|
|
188 |
<span>Dashboard</span>
|
|
|
189 |
</a>
|
|
|
190 |
</li>
|
| 26014 |
amit.gupta |
191 |
#foreach($menuItem in $menu)
|
|
|
192 |
<li class="sub-menu">
|
|
|
193 |
<a href="javascript:;" class="">
|
|
|
194 |
<i class="icon_document_alt"></i>
|
|
|
195 |
<span>$menuItem.getDisplayText()</span>
|
|
|
196 |
<span class="menu-arrow arrow_carrot-right"></span>
|
|
|
197 |
</a>
|
|
|
198 |
<ul class="sub">
|
|
|
199 |
#foreach($subMenu in $menuItem.getSubMenus())
|
|
|
200 |
<li><a class="$subMenu.getActionClass()" href="javascript:void(0);">$subMenu.getDisplayText()</a></li>
|
|
|
201 |
#end
|
|
|
202 |
</ul>
|
|
|
203 |
</li>
|
| 26010 |
amit.gupta |
204 |
#end
|
|
|
205 |
</ul>
|
|
|
206 |
<!-- sidebar menu end-->
|
|
|
207 |
</div>
|
|
|
208 |
</aside>
|
|
|
209 |
<!--sidebar end-->
|
|
|
210 |
|
|
|
211 |
<!--main content start-->
|
|
|
212 |
<section id="main-content">
|
|
|
213 |
<section class="wrapper">
|
|
|
214 |
<!--overview start-->
|
|
|
215 |
<div class="row">
|
|
|
216 |
<div class="col-lg-12">
|
|
|
217 |
<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
|
|
|
218 |
<ol class="breadcrumb">
|
|
|
219 |
<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
220 |
<li><i class="fa fa-laptop"></i>Dashboard</li>
|
|
|
221 |
</ol>
|
|
|
222 |
</div>
|
|
|
223 |
</div>
|
|
|
224 |
<!-- overview end -->
|
|
|
225 |
<div class="row">
|
| 26063 |
amit.gupta |
226 |
<div class="col-lg-6">
|
|
|
227 |
<div class="row col-lg-4">
|
|
|
228 |
<h3 style="margin-top:-2px;margin-bottom:24px"><strong>Reports</strong></h3>
|
| 26010 |
amit.gupta |
229 |
</div>
|
| 26063 |
amit.gupta |
230 |
<div class="row col-lg-12 info-box white-bg">
|
|
|
231 |
<table class="table table-striped">
|
|
|
232 |
<tbody>
|
|
|
233 |
<div class="list-group">
|
|
|
234 |
#foreach($reporticoProjectEntry in $reporticoProjectMap.entrySet())
|
|
|
235 |
#foreach($reporticoUrlInfo in $reporticoProjectEntry.getValue())
|
|
|
236 |
<a href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}" class="list-group-item"
|
|
|
237 |
#if($reporticoUrlInfo.getParamsList())
|
|
|
238 |
data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
|
|
|
239 |
#end
|
|
|
240 |
>
|
|
|
241 |
<h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
|
|
|
242 |
<p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
|
|
|
243 |
</a>
|
|
|
244 |
|
|
|
245 |
#end
|
|
|
246 |
#end
|
|
|
247 |
</div>
|
|
|
248 |
</tbody>
|
|
|
249 |
</table>
|
|
|
250 |
|
|
|
251 |
</div>
|
|
|
252 |
</div>
|
|
|
253 |
<div class="col-lg-6">
|
|
|
254 |
<div class="row col-lg-12 info-box white-bg">
|
|
|
255 |
<div class="col-lg-4">
|
|
|
256 |
<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
|
|
|
257 |
</h3>
|
| 26010 |
amit.gupta |
258 |
</div>
|
| 26063 |
amit.gupta |
259 |
<div class="col-lg-4">
|
|
|
260 |
<div class="btn-group message-filter">
|
|
|
261 |
<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
|
|
|
262 |
<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
|
|
|
263 |
<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
|
|
|
264 |
<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
|
|
|
265 |
<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
|
|
|
266 |
<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
|
|
|
267 |
</button>
|
|
|
268 |
</div>
|
|
|
269 |
</div>
|
|
|
270 |
<div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
|
|
|
271 |
</div>
|
| 26010 |
amit.gupta |
272 |
</div>
|
|
|
273 |
</div>
|
|
|
274 |
</div>
|
|
|
275 |
</section>
|
|
|
276 |
<div class="text-center">
|
|
|
277 |
<div class="credits">
|
|
|
278 |
<p>All rights reserved.©2017, Smart Dukaan</p>
|
|
|
279 |
</div>
|
|
|
280 |
</div>
|
|
|
281 |
</section>
|
|
|
282 |
|
|
|
283 |
<script type="text/javascript">
|
|
|
284 |
context="${rc.contextPath}";
|
|
|
285 |
webApiScheme="$webApiScheme";
|
|
|
286 |
webApiRoot="$webApiRoot";
|
|
|
287 |
webApiHost="$webApiHost";
|
|
|
288 |
webApiPort="$webApiPort";
|
|
|
289 |
</script>
|
|
|
290 |
#parse("include-scripts.vm")
|
|
|
291 |
|
|
|
292 |
<script>
|
|
|
293 |
|
|
|
294 |
//knob
|
|
|
295 |
$(function() {
|
|
|
296 |
/*$(".knob").knob({
|
|
|
297 |
'draw' : function () {
|
|
|
298 |
$(this.i).val(this.cv + '%')
|
|
|
299 |
}
|
|
|
300 |
});*/
|
|
|
301 |
$.fn.dataTable.moment( 'DD/MM/YYYY' );
|
|
|
302 |
$.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
|
|
|
303 |
$('.currency').each(function(index, ele) {
|
|
|
304 |
if (!isNaN(parseInt($(ele).html()))) {
|
|
|
305 |
$(ele).html(numberToComma($(ele).html()));
|
|
|
306 |
}
|
|
|
307 |
});
|
|
|
308 |
});
|
|
|
309 |
|
| 26088 |
amit.gupta |
310 |
retailers = $retailers;
|
|
|
311 |
|
| 26010 |
amit.gupta |
312 |
$(function() {
|
|
|
313 |
var profile = localStorage.getItem('profile');
|
|
|
314 |
if (profile){
|
|
|
315 |
$("#photo").attr("src",JSON.parse(profile).image_url);
|
|
|
316 |
$("#fofo_name").text(JSON.parse(profile).name);
|
|
|
317 |
}
|
|
|
318 |
else{
|
|
|
319 |
$("#photo").attr("src","");
|
|
|
320 |
$("#fofo_name").text("Welcome, User");
|
|
|
321 |
}
|
|
|
322 |
});
|
|
|
323 |
|
|
|
324 |
|
|
|
325 |
|
|
|
326 |
$(function(){
|
|
|
327 |
dateRangeCallback(moment(),moment());
|
|
|
328 |
loaderDialogObj = bootbox.dialog({
|
|
|
329 |
message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
|
|
|
330 |
show: false
|
|
|
331 |
});
|
|
|
332 |
});
|
| 26062 |
tejbeer |
333 |
|
|
|
334 |
$(document).ready(function(){
|
|
|
335 |
|
|
|
336 |
$('div.message-filter').on('click', 'button', function() {
|
|
|
337 |
messageType = $(this).data("messagetype");
|
|
|
338 |
if($(this).hasClass('btn-pressed')) {
|
|
|
339 |
messageType="";
|
|
|
340 |
$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
|
|
|
341 |
} else {
|
|
|
342 |
$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
|
|
|
343 |
$(this).addClass('btn-pressed').removeClass('btn-default');
|
|
|
344 |
}
|
|
|
345 |
notifyTypeChange(messageType);
|
|
|
346 |
});
|
|
|
347 |
notifyTypeChange("");
|
|
|
348 |
|
|
|
349 |
});
|
|
|
350 |
|
|
|
351 |
$(function(){
|
|
|
352 |
|
|
|
353 |
messageType = $(this).data("messagetype");
|
|
|
354 |
if($(this).hasClass('btn-pressed')) {
|
|
|
355 |
messageType="";
|
|
|
356 |
$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
|
|
|
357 |
} else {
|
|
|
358 |
$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
|
|
|
359 |
$(this).addClass('btn-pressed').removeClass('btn-default');
|
|
|
360 |
}
|
|
|
361 |
notifyTypeChange(messageType);
|
|
|
362 |
});
|
| 26010 |
amit.gupta |
363 |
</script>
|
| 26088 |
amit.gupta |
364 |
<div id="report-modal" class="modal fade" role="dialog" data-backdrop="static" data-keyboard="false">
|
| 26063 |
amit.gupta |
365 |
<div class="modal-dialog">
|
|
|
366 |
|
|
|
367 |
<!-- Modal content-->
|
|
|
368 |
<div class="modal-content">
|
|
|
369 |
<div class="modal-header">
|
|
|
370 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
371 |
<h4 class="modal-title"></h4>
|
|
|
372 |
</div>
|
|
|
373 |
<div class="modal-body">
|
|
|
374 |
</div>
|
|
|
375 |
<div class="modal-footer">
|
|
|
376 |
<button type="button" data-dismiss="modal" class="btn btn-default download-report">Download</button>
|
|
|
377 |
</div>
|
|
|
378 |
</div>
|
|
|
379 |
</div>
|
|
|
380 |
</div>
|
| 26010 |
amit.gupta |
381 |
|
|
|
382 |
</body>
|
|
|
383 |
</html>
|