TChat/index.php at master · ACS-DDS/TChat · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<?php require(".data/php/controle.php");?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<title>TChat - Index</title>

		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans+Caption|Ubuntu">
		<link rel="stylesheet" type="text/css" href="./assets/css/style.css?<?=microtime(true);?>">

		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js?<?=microtime(true);?>"></script>
	</head>
	<body>
		<div class="notif" id="success">
			<div class="succes">
				<p id="bienvenue">Bonjour et bienvenue sur TChat, <b><?=$_SESSION["username"];?> !</b></p>
			</div>
		</div>
		<div class="notif" id="soon">
			<div class="success">
				<p id="bienvenue">Fonctionalitée en cours de développement !</b></p>
			</div>
		</div>
		<div id="header">
			<h1 id="ch-name"></h1>
<?php if ($_SESSION["username"] == "PERROT Corentin") : ?>
			<input type="button" id="reset" name="reset" value="Reset" />
<?php endif;?>
			<input type="text" id="search" name="search" placeholder="🔍Rechercher">
			<input type="button" id="logout" name="logout" value="🚪">
		</div>
		<div id="footer">
			<form id="form" method="post">
				<input type="text" id="content" name="content" placeholder="Ecrivez votre message...">
				<input type="button" id="send" name="submit" value="↩">
				<input type="hidden" id="author" name="author" value="<?=$_SESSION["username"];?>">
			</form>
		</div>
		<div id="messages"></div>
		<div id="sidebar">
			TChat
			<ul id="user-logged">
				<li class="logged"><?=$_SESSION["username"];?></li>
			</ul>
			<div id="channels">
				Channels
				<input type="button" id="createchannel" name="createchannel" value="+">
				<ul id="ch"></ul>
			</div>
			<div id="pm">
				Direct Messages
				<!-- <input type="button" id="directmessage" name="directmessage" value="+"> -->
				<ul id="logged"></ul>
			</div>
		</div>
		<div id="copyright">
			<p class="date"></p>
			<p>Design by <a href="http://alexm-pro.fr" target="_blank">AlexM</a> & <a href="http://kasai.moe" target="_blank">Kasai.</a></p>
			<p>Assistant Technique: <a href="http://yassinl.dijon.codeur.online" target="_blank">@CrackJ</a></p>
		</div>
		<script type="text/javascript">
			let channel='general',user,ch_name,a,c,d=new Date();

			$(document).ready(()=>{
				window.location='#success'
				setTimeout(()=>{window.location='#';},1500)
				$('.date').html('© Corentin PERROT | '+d.getFullYear())
				$('#ch-name').html(channel)
				$(window).on('unload',logout)
				$('#form').submit(send)
				$('#send').click(send)
<?php if ($_SESSION["username"] == "PERROT Corentin") : ?>
				$('#reset').click(resetChannel)
<?php endif;?>
				$('#createchannel').click(createChannel)
				$('#logout').click(logout)
				setTimeout(()=>{$('#messages').animate({scrollTop:$('#messages').get(0).scrollHeight},2000)},500)
				login()
			});
			let soon=()=>{window.location="#soon";setTimeout(()=>{window.location="#";},3000);}
			let login=()=>{$.ajax({url:"act.php",method:"POST",data:"login=<?=$_SESSION['username'];?>"})}
			let logout=()=>{$.ajax({url:"act.php",method:"POST",data:"logout=<?=$_SESSION['username'];?>",success:()=>{window.location="./login";}})};
			let send=e=>{a=encodeURIComponent($("#author").val());c=encodeURIComponent($("#content").val());if(a!=""&&c!="")=>{$.ajax({url:"act.php",method:"POST",data:"channel="+channel+"&author="+a+"&content="+c,success:()=>{$("#content").val("")}})}e.preventDefault();};
<?php if ($_SESSION["username"] == "PERROT Corentin") : ?>
			let deleteChannel=a=>{$.ajax({url:"act.php",method:"POST",data:"channel="+a+"&delete"})}
			let deleteMessage=(a,b)=>{$.ajax({url:"act.php",method:"POST",data:"channel="+channel+"&message="+a+"&time="+b+"&delete"})}
			let deleteUser=a=>{$.ajax({url:"act.php",method:"POST",data:"usersdelete="+a+"&delete"})}
			let resetChannel=()=>{$.ajax({url:"act.php",method:"POST",data:"channel="+channel+"&reset"})}
<?php endif;?>
			let createChannel=()=>{ch_name=prompt("Entrez le nom de votre Channel");$.ajax({url:"act.php",method:"POST",data:"channel="+ch_name+"&create"})};
			let changeChannel=a=>{$.ajax({url:"act.php",method:"POST",data:"change="+a,success:data=>{$("#messages").html(data);}});$("#ch-name").html(a);};
			let getMessages=()=>{$.ajax({url:"act.php",method:"POST",data:"get&channel="+channel,success:data=>{$("#messages").html(data);}})};
			let getUsers=()=>{$.ajax({url:"act.php",method:"POST",data:"get&users",success:data=>{$("#logged").html(data);}})};
			let getChannels=()=>{$.ajax({url:"act.php",method:"POST",data:"get&channels",success:data=>{$("#ch").html(data);}})};
			let it_get=setInterval(getMessages,1000),it_users=setInterval(getUsers,1000),it_channels=setInterval(getChannels,1000);
		</script>
	</body>
</html>