Subversion Repositories SmartDukaan

Rev

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