Subversion Repositories SmartDukaan

Rev

Rev 27653 | Rev 27700 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 27653 Rev 27696
Line 263... Line 263...
263
	}
263
	}
264
	.sale-details{
264
	.sale-details{
265
		cursor:pointer;
265
		cursor:pointer;
266
	}
266
	}
267
	
267
	
268
	.popover {
-
 
269
		min-width:18%;
-
 
270
	}
-
 
271
	.fa-2x {
268
	.fa-2x {
272
		font-size:1.4em;
269
		font-size:1.4em;
273
	}
270
	}
274
	.cover {
271
	.cover {
275
	  object-fit: cover;
272
	  object-fit: cover;
Line 315... Line 312...
315
	 list-style: desc !important
312
	 list-style: desc !important
316
	 list-style-type:square;
313
	 list-style-type:square;
317
	 text-align:left;
314
	 text-align:left;
318
	}
315
	}
319
	
316
	
-
 
317
	.messagebutton{
-
 
318
	margin-left:1px;
-
 
319
	
-
 
320
	}
-
 
321
	
320
	
322
	
321
	</style>
323
	</style>
322
  </head>
324
  </head>
323
 
325
 
324
  <body style="zoom:90%;background-color:#f7f7f7">
326
  <body style="zoom:90%;background-color:#f7f7f7">
325
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
327
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
326
  <!-- container section start -->
328
  <!-- container section start -->
327
  <section id="container">
329
  <section id="container">
328
     
330
     
329
      
331
      
330
      <header class="header dark-bg">
332
      <header class="header dark-bg indian-flag">
331
            <div class="toggle-nav">
333
            <div class="toggle-nav">
332
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
334
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
333
            </div>
335
            </div>
334
 
-
 
335
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
336
            <a href="${rc.contextPath}/dashboard" class="logo" style="margin-top: 7px"> <img src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140" height="45" >$fofoStore.getCode()</a>
-
 
337
            
336
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
338
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
-
 
339
            
-
 
340
             <div class="btn-group message-filter" style="margin-left: 10%;"> 
-
 
341
							<button data-messagetype="notification" type="button"  class="btn btn-default notifi" aria-label="Notifications">
-
 
342
							<span class="notify1 Notificat">Notification</span></button> 
-
 
343
							<button data-messagetype="announcement" type="button"  class="btn btn-default price" aria-label="Announcements">
-
 
344
							<span class="notify Price">Price-Drop</span></button> 
-
 
345
							<button data-messagetype="scheme" type="button"  class="btn btn-default schem" aria-label="SmartDukaan Schemes">
-
 
346
								<span class="notify Scheme">Schemes</span>
-
 
347
							</button>
-
 
348
							
-
 
349
							<button data-messagetype="marketing" type="button" class="btn btn-default mark" aria-label="SmartDukaan Schemes">
-
 
350
								 <span class="notify market">Marketing</span>
-
 
351
							</button>
-
 
352
						</div>
-
 
353
                	
337
 
354
 
338
            <div class="top-nav notification-row">
355
            <div class="top-nav notification-row">
339
                <!-- notificatoin dropdown start-->
356
                <!-- notificatoin dropdown start-->
340
                <ul class="nav pull-right top-menu">
357
                <ul class="nav pull-right top-menu">
341
	                <li class="dropdown">
358
	                <li class="dropdown">
Line 1008... Line 1025...
1008
					
1025
					
1009
				</div>
1026
				</div>
1010
				</div>
1027
				</div>
1011
			
1028
			
1012
			
1029
			
1013
				<div class="row">
-
 
1014
					
-
 
1015
					<div class="col-lg-8">
-
 
1016
					<canvas id="bar-chart" width="518" height="420"></canvas>
-
 
1017
					</div>
-
 
1018
				
1030
			
1019
				</div>
-
 
1020
			</div>
1031
			</div>
1021
			
1032
			
1022
			<div class="col-lg-6">
1033
			<div class="col-lg-6">
1023
				#if($activatedImeis > 0)
1034
				#if($activatedImeis > 0)
1024
					<div class="row col-lg-12 info-box white-bg">
1035
					<div class="row col-lg-12 info-box white-bg">
Line 1096... Line 1107...
1096
				</div>
1107
				</div>
1097
				
1108
				
1098
				<div class="row col-lg-12 info-box white-bg">
1109
				<div class="row col-lg-12 info-box white-bg">
1099
					#parse("performance.vm")
1110
					#parse("performance.vm")
1100
				</div>
1111
				</div>
1101
				<div class="row col-lg-12 info-box white-bg">
-
 
1102
					<div class="col-lg-4">
1112
					<div class="row">
1103
					<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
-
 
1104
					</h3>
1113
					
1105
					</div>
-
 
1106
					<div class="col-lg-4">
-
 
1107
						<div class="btn-group message-filter"> 
1114
					<div class="col-lg-8" style="margin-left: 20px;">
1108
							<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
-
 
1109
							<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button> 
-
 
1110
							<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
-
 
1111
							<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button> 
-
 
1112
							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
-
 
1113
								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
1115
					<canvas id="bar-chart" width="518" height="420"></canvas>
1114
							</button>
-
 
1115
							
-
 
1116
							<button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
-
 
1117
								 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
-
 
1118
							</button>
-
 
1119
						</div>
-
 
1120
					</div>
-
 
1121
				    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
-
 
1122
					</div>
1116
					</div>
-
 
1117
				
1123
				</div>
1118
				</div>
1124
			</div>
1119
			</div>
1125
		</div>
1120
		</div>
1126
		</section>
1121
		</section>
1127
    	<div class="text-center">
1122
    	<div class="text-center">
Line 1269... Line 1264...
1269
	monthDays=$monthDays;
1264
	monthDays=$monthDays;
1270
	dayOfMonth = $dayOfMonth;
1265
	dayOfMonth = $dayOfMonth;
1271
	$(function(){
1266
	$(function(){
1272
		$('#links_bar').popover({
1267
		$('#links_bar').popover({
1273
			container:".notification-row",
1268
			container:".notification-row",
1274
			template:`<div class="popover">
1269
			template:`<div class="popover" style="min-width: 18%;">
1275
							<div class="arrow"></div>
1270
							<div class="arrow"></div>
1276
							<div class="popover-inner">
1271
							<div class="popover-inner">
1277
								<h4 class="popover-title">
1272
								<h4 class="popover-title">
1278
								</h4>
1273
								</h4>
1279
								<div class="popover-content"><p></p></div>
1274
								<div class="popover-content"><p></p></div>
Line 1312... Line 1307...
1312
					document.cookie = "punchIn=" + time;
1307
					document.cookie = "punchIn=" + time;
1313
				}
1308
				}
1314
			});	
1309
			});	
1315
		}
1310
		}
1316
	}
1311
	}
-
 
1312
	
1317
	var stopInterval;
1313
	var stopInterval;
1318
	$(document).ready(function(){
1314
	$(document).ready(function(){
1319
		 stopInterval = setInterval(showAttendanceModal, 100000000);
1315
		 stopInterval = setInterval(showAttendanceModal, 100000000);
-
 
1316
				  	 
-
 
1317
		 $('div.message-filter').on('click', 'button',function(){
-
 
1318
		 console.log("HELLO");
1320
		 
1319
		 
1321
		 $('div.message-filter').on('click', 'button', function() {
-
 
1322
			messageType = $(this).data("messagetype");
1320
		 messageType = $(this).data("messagetype");
1323
			if($(this).hasClass('btn-pressed')) {
1321
              if($(this).hasClass('btn-pressed')) {
1324
				messageType="";
1322
			//	messageType="";
1325
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1323
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
-
 
1324
			    $(this).addClass('btn-pressed').removeClass('btn-default');
1326
			} else {
1325
			} else {
1327
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1326
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1328
				$(this).addClass('btn-pressed').removeClass('btn-default');
1327
				$(this).addClass('btn-pressed').removeClass('btn-default');
1329
			}
1328
			}
1330
			notifyTypeChange(messageType);
1329
	notifyTypeChange(messageType,$(this));
1331
		});
-
 
1332
		notifyTypeChange("");
1330
	console.log(messageType);
1333
		 
1331
       });	 
1334
	});	
1332
	});	
-
 
1333
	
-
 
1334
 
1335
	$(function(){
1335
	$(function(){
1336
		if (navigator.geolocation) {
1336
		if (navigator.geolocation) {
1337
	        navigator.geolocation.getCurrentPosition(showPosition);
1337
	        navigator.geolocation.getCurrentPosition(showPosition);
1338
	    } else { 
1338
	    } else { 
1339
	        console.log("Geolocation is not supported by browser.");
1339
	        console.log("Geolocation is not supported by browser.");
Line 1342... Line 1342...
1342
		loaderDialogObj = bootbox.dialog({
1342
		loaderDialogObj = bootbox.dialog({
1343
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1343
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1344
		    show: false	
1344
		    show: false	
1345
		});
1345
		});
1346
		
1346
		
1347
		messageType = $(this).data("messagetype");
-
 
1348
		if($(this).hasClass('btn-pressed')) {
-
 
1349
			messageType="";
-
 
1350
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
-
 
1351
		} else {
-
 
1352
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
-
 
1353
			$(this).addClass('btn-pressed').removeClass('btn-default');
-
 
1354
		}
-
 
1355
		notifyTypeChange(messageType);
-
 
1356
	});
1347
	});
1357
	
1348
	
1358
	
1349
	
1359
	
1350
	
1360
new Chart(document.getElementById("bar-chart"), 
1351
new Chart(document.getElementById("bar-chart"), 
Line 1378... Line 1369...
1378
    </div>
1369
    </div>
1379
   </div>
1370
   </div>
1380
 </div>
1371
 </div>
1381
 
1372
 
1382
  </body>
1373
  </body>
1383
</html>
-
 
1384
1374
</html>
-
 
1375
<style>
-
 
1376
 
-
 
1377
 
-
 
1378
.popover2{
-
 
1379
  min-width: 30em;
-
 
1380
    height:410px;
-
 
1381
    overflow: auto;
-
 
1382
    padding: 8px 5px;
-
 
1383
    overflow-x: hidden;
-
 
1384
    
-
 
1385
}
-
 
1386
.popover1{
-
 
1387
min-width: 30em;
-
 
1388
 
-
 
1389
 
-
 
1390
}
-
 
1391
 
-
 
1392
.mark{
-
 
1393
font-size: 13px;
-
 
1394
padding: 5px 6px;
-
 
1395
border: solid 3px red;
-
 
1396
margin-bottom: -14px;
-
 
1397
color:red;
-
 
1398
 
-
 
1399
}
-
 
1400
.mark.btn-pressed{
-
 
1401
color:black;
-
 
1402
background:white;
-
 
1403
font-size: 17px;
-
 
1404
border-radius: 3px;
-
 
1405
border: solid 2px black;
-
 
1406
}
-
 
1407
.price{
-
 
1408
padding: 5px 6px;
-
 
1409
font-size: 13px;
-
 
1410
border: solid 1px black;
-
 
1411
border: solid 3px red;
-
 
1412
margin-bottom: -14px;
-
 
1413
color:red;
-
 
1414
 
-
 
1415
}
-
 
1416
 
-
 
1417
.price.btn-pressed{
-
 
1418
color:black;
-
 
1419
background:white;
-
 
1420
font-size: 17px;
-
 
1421
border: solid 2px black;
-
 
1422
}
-
 
1423
 
-
 
1424
.schem{
-
 
1425
color:red;
-
 
1426
padding: 5px 6px;
-
 
1427
font-size: 13px;
-
 
1428
border: solid 3px red;
-
 
1429
margin-bottom: -14px;
-
 
1430
 
-
 
1431
}
-
 
1432
.schem.btn-pressed{
-
 
1433
color:black;
-
 
1434
background:white;
-
 
1435
font-size: 17px;
-
 
1436
border: solid 2px black;
-
 
1437
}
-
 
1438
.notify-messages{
-
 
1439
min-height: 65px;
-
 
1440
}
-
 
1441
.notifi{
-
 
1442
padding: 5px 6px;
-
 
1443
font-size: 13px;
-
 
1444
margin-bottom: -14px;
-
 
1445
 
-
 
1446
color:red;
-
 
1447
border: solid 3px red;
-
 
1448
}
-
 
1449
.notifi.btn-pressed{
-
 
1450
color:black;
-
 
1451
font-size: 17px;
-
 
1452
border: solid 2px black;
-
 
1453
background:white;
-
 
1454
}
-
 
1455
.indian-flag{
-
 
1456
background-image: linear-gradient(to right, #FF9933 12%, #ffffff 55%,#ffffff 55%,  #138808 115%);
-
 
1457
}
-
 
1458
.indianflag tr:nth-child(3n+3)
-
 
1459
{
-
 
1460
 background:#32CD32; 
-
 
1461
}
-
 
1462
.indianflag tr:nth-child(3n+2)
-
 
1463
{
-
 
1464
 background:white; 
-
 
1465
}
-
 
1466
.indianflag tr:nth-child(3n+1)
-
 
1467
{
-
 
1468
background:#FFA500; 
-
 
1469
}
-
 
1470
 
-
 
1471
</style>
-
 
1472
 
-
 
1473