Subversion Repositories SmartDukaan

Rev

Rev 27333 | Rev 27336 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
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" />
27333 amit.gupta 35 
	<link rel="stylesheet" type="text/css" href="resources/css/multi.min.css"/>
36 
	<link rel="stylesheet" type="text/css" href="resources/css/slimselect.min.css"/>
37 
	<link rel="stylesheet" type="text/css" href="resources/js/chosen.min.css"/>
26010 amit.gupta 38 
	<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
39 
	<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
40 
	<style type="text/css">
41 
		.loading {
42 
  			display: none;
43 
		}
44 
		.breadcrumb {
45 
    		padding: 0 15px;
46 
    	}
47 
 
48 
    	.stars-outer {
49 
		  display: inline-block;
50 
		  position: relative;
51 
		  font-family: FontAwesome;
52 
		}
53 
 
54 
		.stars-outer::before {
55 
		  content: "\f006 \f006 \f006 \f006 \f006";
56 
		}
57 
 
58 
		.stars-inner {
59 
		  position: absolute;
60 
		  top: 0;
61 
		  left: 0;
62 
		  white-space: nowrap;
63 
		  overflow: hidden;
64 
		  width: 0;
65 
		}
66 
 
67 
		.stars-inner::before {
68 
		  content: "\f005 \f005 \f005 \f005 \f005";
69 
		  color: #f8ce0b;
70 
		}
71 
 
72 
 
73 
	.table-striped > tbody > tr:nth-child(odd) > td{
74 
  		background: white;
75 
  		background-color: #dae5f4;
76 
	}
77 
	.table-striped > tbody > tr:nth-child(even) > td{
78 
  		background:  #f2f2f2;
79 
  		background-color: #b8d1f3;
80 
	}
81 
 
82 
	.btn:hover{
83 
  		color: grey;
84 
  		text-decoration: none;
85 
	}
86 
	.btn-primary:hover{
87 
  		color: grey;
88 
  		text-decoration: none;
89 
	}
90 
	.sale-details{
91 
		cursor:pointer;
92 
	}
93 
 
94 
	.popover {
95 
		min-width:18%;
96 
	}
97 
	.fa-2x {
98 
		font-size:1.4em;
99 
	}
100 
	.cover {
101 
	  object-fit: cover;
102 
	  width: 100%;
103 
	  height: 90px;
104 
	  padding: 8px;
105 
	}
106 
	.info-box .notifications i {
107 
    display: inline-block;
108 
    margin-top:0px;
109 
    height: 25px;
110 
    font-size: 16px;
111 
    line-height: 25px;
112 
    width: 25px;
113 
    float: none;
114 
    text-align: center;
115 
    padding-right: 0px;
116 
    color:#768399;
117 
  }
118 
 
119 
	#preview {
120 
	  position: relative;
121 
	  color: #fff;
122 
	  float: left;
123 
	  width: 100%;
124 
	  -webkit-border-radius: 10px;
125 
	  -moz-border-radius: 10px;
126 
	  border-radius: 10px;
127 
	  clear: both;
128 
	}
129 
	#canvas-preview{
130 
	  width: 100%;
131 
	  position: relative;
132 
	  top:-15px;
133 
	}
134 
	#preview-textfield{
135 
	  position: absolute; top: -10px; left: 0; right: 0;
136 
	  text-align: center; font-size: 2em; font-weight: bold;
137 
	  color: white; font-family: 'Amaranth', sans-serif;
138 
	}
139 
 
140 
 
141 
	</style>
26418 tejbeer 142 
	<script type="text/javascript">
143 
	function getAuthUser(authId){
144 
 
26473 amit.gupta 145 
		doGetAjaxRequestHandler(context + "/getAuthUserPartners?authId="+authId,
26418 tejbeer 146 
			function(response) {
147 
				$('#' + "main-content").html(response);
148 
				console.log(response)
149 
			});
150 
	}
151 
	</script>
152 
 
26010 amit.gupta 153 
  </head>
154 
 
155 
  <body style="zoom:90%;background-color:#f7f7f7">
156 
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
157 
  <!-- container section start -->
158 
  <section id="container">
159 
 
160 
 
161 
      <header class="header dark-bg">
162 
            <div class="toggle-nav">
163 
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
164 
            </div>
165 
            <div class="top-nav notification-row">
166 
                <!-- notificatoin dropdown start-->
167 
                <ul class="nav pull-right top-menu">
168 
                    <!-- user login dropdown start-->
169 
                    <li class="dropdown">
170 
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
171 
                            <span class="profile-ava">
172 
                                <img class="avatar-custom" id="photo" alt="" src="">
173 
                            </span>
174 
                            <span class="username" id="fofo_name"></span>
175 
                            <b class="caret"></b>
176 
                        </a>
177 
                        <ul class="dropdown-menu extended logout">
178 
                            <div class="log-arrow-up"></div>
179 
                            <li class="eborder-top">
180 
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
181 
                            </li>
182 
                            <li>
183 
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
184 
                            </li>
185 
                        </ul>
186 
                    </li>
187 
                    <!-- user login dropdown end -->
188 
                </ul>
189 
                <!-- notificatoin dropdown end-->
190 
            </div>
191 
      </header>
192 
      <!--header end-->
193 
 
194 
      <!--sidebar start-->
195 
      <aside>
196 
          <div id="sidebar"  class="nav-collapse ">
197 
              <!-- sidebar menu start-->
198 
              <ul class="sidebar-menu">
199 
              	  <li class="active">
200 
                      <a class="" href="${rc.contextPath}/dashboard">
201 
                          <i class="icon_house_alt"></i>
202 
                          <span>Dashboard</span>
203 
                      </a>
204 
                  </li>
26512 amit.gupta 205 
                  <li><a class="product-compare-info" href="javascript:void(0);">Product Compare</a></li>
26740 amit.gupta 206 
                  <li><a class="web-listing" href="javascript:void(0);">Web Listing</a></li>
26958 tejbeer 207 
                  <li><a class="banner-listing" href="javascript:void(0);">Banner Listing</a></li>
26014 amit.gupta 208 
                  #foreach($menuItem in $menu)
209 
		            <li class="sub-menu">
210 
		              <a href="javascript:;" class="">
211 
	                       <i class="icon_document_alt"></i>
212 
	                       <span>$menuItem.getDisplayText()</span>
213 
	                       <span class="menu-arrow arrow_carrot-right"></span>
214 
		              </a>
215 
					  <ul class="sub">
216 
					  #foreach($subMenu in $menuItem.getSubMenus())
217 
						  <li><a class="$subMenu.getActionClass()" href="javascript:void(0);">$subMenu.getDisplayText()</a></li>
218 
					  #end
219 
					</ul>
220 
		           	</li>
26010 amit.gupta 221 
                  #end
222 
              </ul>
223 
              <!-- sidebar menu end-->
224 
          </div>
225 
      </aside>
226 
      <!--sidebar end-->
227 
 
228 
	<!--main content start-->
229 
	<section id="main-content">
230 
		<section class="wrapper">
231 
          	<!--overview start-->
232 
			<div class="row">
233 
				<div class="col-lg-12">
234 
					<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
235 
					<ol class="breadcrumb">
236 
						<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
237 
						<li><i class="fa fa-laptop"></i>Dashboard</li>
238 
					</ol>
239 
				</div>
240 
			</div>
241 
			<!-- overview end -->
26418 tejbeer 242 
 
26468 amit.gupta 243 
			    #if($authIdAndallValues)
26418 tejbeer 244 
				<div class="row">
245 
 
246 
					<div class="col-lg-6">
247 
				 <table class="table table-striped table-advance table-hover">
248 
	    			<tbody>
249 
	    				<tr>
250 
	    				<th>Sale Head</th>
26472 amit.gupta 251 
	    				<th>Total Partners</th>
26418 tejbeer 252 
	    				<th>lmtd</th>
253 
	    				<th>mtd</th>
254 
	    				<th>Hygiene</th>
27333 amit.gupta 255 
	    				<th>Tickets</th>
256 
	    				<th>Leads</th>
257 
	    				<!--<th>In Stock Investment</th>
258 
	    				<th>Total Investment</th>-->
26418 tejbeer 259 
	    				</tr>
26460 amit.gupta 260 
	    				#foreach($name in $authIdAndallValues.keySet())
26418 tejbeer 261 
	    				<tr onclick="getAuthUser($name)">
26468 amit.gupta 262 
	    	 		     <td>$authIdAndAuthUserMap.get($name).getFirstName() $authIdAndAuthUserMap.get($name).getLastName()</td>
263 
	    	 		     <td>$authIdAndallValues.get($name).getCount()</td>
26418 tejbeer 264 
	    	 		     <td class="currency">$authIdAndallValues.get($name).getLmtd()</td>
265 
	    	 		     <td class="currency">$authIdAndallValues.get($name).getMtd()</td>
26460 amit.gupta 266 
	    	 		     <td>$authIdAndallValues.get($name).getHygienePercentage()</td>
27333 amit.gupta 267 
	    	 		     <td>$authIdAndallValues.get($name).getTicket()</td>
268 
	    	 		     <td>$authIdAndallValues.get($name).getLeads()</td>
269 
	    	 		     <!--<td class="currency">$authIdAndallValues.get($name).getInvestment().getInStockAmount()</td>
270 
	    	 		     <td class="currency">$authIdAndallValues.get($name).getInvestment().getTotalInvestment()</td>-->
26418 tejbeer 271 
 
272 
	    				</tr>
273 
	    				 #end
274 
 
275 
	    		    </tbody>
276 
	    		</table>
277 
						</div>
278 
 
279 
						<div class="col-lg-4">
280 
						 <table class="table table-striped table-advance table-hover">
281 
	    			<tbody>
282 
	    				<tr>
27333 amit.gupta 283 
	    				<th>W/H Location</th>
284 
	    				<th>Brand</th>
285 
	    				<th>Total Stock</th>
286 
	    				<th>Total Value</th>
26418 tejbeer 287 
	    				</tr>
288 
 
289 
	    				#foreach($key in $authIdAndallValues.keySet())
290 
	    				<tr>
27333 amit.gupta 291 
	    					<td></td>
292 
	    					<td></td>
293 
	    					<td></td>
294 
	    					<td></td>
26418 tejbeer 295 
		                  </tr>
296 
	    				 #end
297 
 
298 
 
299 
	    		    </tbody>
300 
	    		</table>
301 
 
302 
			 </div>
303 
			</div>
304 
 
305 
			#end
306 
 
26010 amit.gupta 307 
			<div class="row">
26063 amit.gupta 308 
				<div class="col-lg-6">
309 
					<div class="row col-lg-4">
310 
						<h3 style="margin-top:-2px;margin-bottom:24px"><strong>Reports</strong></h3>
26010 amit.gupta 311 
					</div>
26063 amit.gupta 312 
					<div class="row col-lg-12 info-box white-bg">
26214 amit.gupta 313 
						<table class="table table-striped reports-table" style="display:none">
26063 amit.gupta 314 
						    <tbody>
315 
					    		<div class="list-group">
316 
					            #foreach($reporticoProjectEntry in $reporticoProjectMap.entrySet())
317 
						            #foreach($reporticoUrlInfo in $reporticoProjectEntry.getValue())
318 
										  <a href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}" class="list-group-item"
319 
											  #if($reporticoUrlInfo.getParamsList())
320 
											  data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
321 
											  #end
322 
										  >
323 
										    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
324 
										    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
325 
										  </a>
326 
 
327 
					    			#end
328 
				    			#end
329 
								</div>
330 
						    </tbody>
331 
						</table>
332 
 
333 
					</div>
334 
				</div>
335 
				<div class="col-lg-6">
336 
					<div class="row col-lg-12 info-box white-bg">
337 
						<div class="col-lg-4">
338 
						<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
339 
						</h3>
26010 amit.gupta 340 
						</div>
26063 amit.gupta 341 
						<div class="col-lg-4">
342 
							<div class="btn-group message-filter">
343 
								<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
344 
								<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
345 
								<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
346 
								<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
347 
								<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
348 
									<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
349 
								</button>
26446 tejbeer 350 
								<button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
351 
								 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
352 
							</button>
26063 amit.gupta 353 
							</div>
354 
						</div>
355 
				    	<div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
356 
						</div>
26010 amit.gupta 357 
					</div>
358 
				</div>
359 
			</div>
360 
		</section>
361 
    	<div class="text-center">
362 
          <div class="credits">
363 
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
364 
          </div>
365 
		</div>
366 
	</section>
367 
 
368 
	<script type="text/javascript">
369 
		context="${rc.contextPath}";
370 
		webApiScheme="$webApiScheme";
371 
		webApiRoot="$webApiRoot";
372 
		webApiHost="$webApiHost";
373 
		webApiPort="$webApiPort";
26287 amit.gupta 374 
		#if($authId)
26286 amit.gupta 375 
			retailers = $retailers;
376 
			warehouses = $warehouses;
26287 amit.gupta 377 
	        authId = $authId;
26286 amit.gupta 378 
		#end
26010 amit.gupta 379 
	</script>
380 
	#parse("include-scripts.vm")
381 
 
382 
  <script>
383 
 
384 
      //knob
385 
      $(function() {
386 
        /*$(".knob").knob({
387 
          'draw' : function () {
388 
            $(this.i).val(this.cv + '%')
389 
          }
390 
        });*/
391 
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
392 
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
393 
        $('.currency').each(function(index, ele) {
394 
			if (!isNaN(parseInt($(ele).html()))) {
395 
				$(ele).html(numberToComma($(ele).html()));
396 
			}
397 
		});
398 
      });
399 
 
400 
      $(function() {
401 
    	 	var profile = localStorage.getItem('profile');
402 
    	 	if (profile){
403 
    			$("#photo").attr("src",JSON.parse(profile).image_url);
404 
    			$("#fofo_name").text(JSON.parse(profile).name);
405 
    	 	}
406 
    	 	else{
407 
    	 		$("#photo").attr("src","");
408 
    			$("#fofo_name").text("Welcome, User");
409 
    	 	}
410 
    });
411 
 
412 
 
413 
 
414 
	$(function(){
415 
		dateRangeCallback(moment(),moment());
416 
		loaderDialogObj = bootbox.dialog({
417 
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
27333 amit.gupta 418 
		    show: false,
419 
		    closeButton:false,
27334 amit.gupta 420 
		    backdrop: null,
27333 amit.gupta 421 
		    onEscape: false
26010 amit.gupta 422 
		});
423 
	});
26062 tejbeer 424 
 
26166 amit.gupta 425 
	$(document).ready(function(){
26062 tejbeer 426 
		 $('div.message-filter').on('click', 'button', function() {
427 
			messageType = $(this).data("messagetype");
428 
			if($(this).hasClass('btn-pressed')) {
429 
				messageType="";
430 
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
431 
			} else {
432 
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
433 
				$(this).addClass('btn-pressed').removeClass('btn-default');
434 
			}
435 
			notifyTypeChange(messageType);
436 
		});
437 
		notifyTypeChange("");
26166 amit.gupta 438 
	});
26062 tejbeer 439 
 
26166 amit.gupta 440 
	/*$(function(){
26062 tejbeer 441 
		messageType = $(this).data("messagetype");
442 
		if($(this).hasClass('btn-pressed')) {
443 
			messageType="";
444 
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
445 
		} else {
446 
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
447 
			$(this).addClass('btn-pressed').removeClass('btn-default');
448 
		}
449 
		notifyTypeChange(messageType);
26166 amit.gupta 450 
	});*/
26010 amit.gupta 451 
</script>
26318 tejbeer 452 
	<div id="report-modal" class="modal" role="dialog" data-backdrop="static" data-keyboard="false">
26063 amit.gupta 453 
		<div class="modal-dialog">
454 
 
455 
		    <!-- Modal content-->
456 
		    <div class="modal-content">
457 
		      <div class="modal-header">
458 
		        <button type="button" class="close" data-dismiss="modal">&times;</button>
459 
		        <h4 class="modal-title"></h4>
460 
		      </div>
461 
		      <div class="modal-body">
462 
			  </div>
463 
			  <div class="modal-footer">
464 
		        <button type="button" data-dismiss="modal" class="btn btn-default download-report">Download</button>
465 
		      </div>
466 
	    	</div>
467 
		</div>
468 
	</div>
26010 amit.gupta 469 
 
470 
  </body>
471 
</html>