-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchat.php
159 lines (118 loc) · 5.73 KB
/
chat.php
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<?php
// The php file with the header template!
include 'header.php' ;
session_start();/*
if(isset($_SESSION["userRoll"])
$r = $_SESSION["userRoll"];
else */
$r = '2015103'//echo $r;
?>
<html>
<head>
<title>
Ping!
</title>
<style>
body{
height: 100vh;
overflow-y: hidden;
}
</style>
</head>
<body>
<!--The main container of the body!-->
<div class="ui container">
<div class="ui segment"
style="width: 42.5vw;
margin-top: 1.5vw;
margin-bottom: 0.5vw;
margin-left: auto;
margin-right: auto;">
<!--Left rail starts here!-->
<div class="ui left very close mini rail"
style="width: 22.5vw;
height: 84vh;
overflow-y: auto;">
<div class="ui segment">
<div class="ui fixed header">
Friends:
</div>
<?php
include 'friendlist.php';
?>
</div>
</div>
<!--Left rails ends here!-->
<!--The right rail starts here!-->
<div class="ui right close rail"
style="width: 23vw;">
<!--The quick chat card starts here!-->
<div
class="ui fluid card"
style="height: 27vw;
overflow-y: hidden;">
<div class="content">
<label class="ui huge basic fluid image label">
Kanishka Munshi
<span class="right floated">
<img class="ui avatar circular image" src="img/characters/hellboy.jpg">
</span>
</label>
</div>
<div class="ui move up reveal">
<div class="visible content">
<img class="ui large image" src="img/characters/white-walker-1.jpg">
</div>
<!--This code is triigered on image reveal-->
<div class="hidden content" style="margin: 0;">
<div class="ui divider"></div>
<div class="description" style="height: auto;">
<br>The quick chat goes here!
</div>
<!--TODO: Quick chat stuff-->
<div class="ui action fluid input"
style="position: absolute;
left:0;
right:0;
bottom: 1.5vh;">
<input type="text" placeholder="Enter message here...">
<button class="ui red right floated icon button ">
<i class="send icon"></i>
</button>
</div>
</div>
</div>
<div class="content">
<span class="right floated">
2015121
</span>
<i class="mail icon"></i>
kanishkamunshi@iiitdmj.ac.in
</div>
<!--
<div class="extra content">
<div class="ui huge transparent left icon input">
<i class="talk icon"></i>
<input type="text" placeholder="Enter message here...">
<i class=" icon"></i>
</div>
</div>
-->
</div><!--The card ends here!-->
<!--The events inclusion goes here!-->
<div>
<?php
include 'notification.php';
?>
</div>
</div><!--Right Rail ends here!-->
<!--The center rail!-->
<div class="center rail">
<?php
include 'chatbox.php';
?>
</div>
</div><!--The entire rail ends here!-->
</div><!--Container ends here!-->
</body>
</html>