ChatBook/notification.php at master · God-Hand/ChatBook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
	<title>Chatbook - Search</title>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onbeforeunload="countPage();">
	<?php include("header.php"); ?>
	<div role="main" class="container">
		<div class="row">
			<div class="col-md-4">
				<?php include("profile_card.php"); ?>
			</div>
			<div class="col-md-8 p-0">
				<div class="container-fluid" id='notification_area'>
				</div>
	  		<img id="loading" src="assets/images/icons/loading.gif">
			</div>
		</div>
	</div>
  <?php include("footer.php"); ?>
</body>
</html>

<script>
	var notificationRequestResponse = true;
	function DeleteNotification(obj){
		$.post('includes/delete_notification.php', {id : obj.id}, function(data){
			$('.notification#' + obj.id).fadeOut('slow');
			loadNotifications();
		});
	}
	function loadNotifications(){
		var last_id = $('.notification:last').attr('id');
		var noMoreNotifications = $('#notification_area').find('#noMoreNotifications').val();
		if (noMoreNotifications == 'false' && notificationRequestResponse) {
			$('#loading').show();
			notificationRequestResponse = false;
			$.post("includes/load_notifications.php", {last_id : last_id, limit : 5}, function(data){
				notificationRequestResponse = true;
				$('#notification_area').find('#noMoreNotifications').remove();
				$('#loading').hide();
				$('#notification_area').append(data);
			});
		}
	}
	$(document).ready(function() {
		$('#loading').show();
		notificationRequestResponse = false;
		$.post("includes/load_notifications.php", {last_id : 0 , limit : 7}, function(data){
			notificationRequestResponse = true;
			$('#loading').hide();
			$('#notification_area').html(data);
			var first = $('.notification:first').attr('id');
			$.post("includes/read_all_notifications.php", {first : first}, function(data){
			});
		});

		$(window).scroll(function() {
			var last_id = $('.notification:last').attr('id');
			var noMoreNotifications = $('#notification_area').find('#noMoreNotifications').val();
			if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
				loadNotifications();
			}
		});

		$('#newNotificationCount').val('');
	});
</script>