Python-Messaging-P2P-Server/messaging.html at master · SaviMohan/Python-Messaging-P2P-Server · 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
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Messaging</title>  <!-- The html page for displaying the message communications between any 2 users -->

      <link rel="stylesheet" href="css/messagingStyle.css"> <!-- Stylesheet for this html page. -->

</head>

<body>

<div id="outer"> <!-- This div contains all the buttons that appear on the top 'menu'. -->
  <div class="inner"><button type="submit" class="msgBtn" onclick="window.location.href='/openUsersListPage'" >View Users</button></div>
  <div class="inner"><button type="submit" class="msgBtn" onclick="window.location.href='/viewProfilePage'">View My Profile</button></div>
  <div class="inner"><button type="submit" class="msgBtn" onclick="window.location.href='/editProfile'">Edit My Profile</button></div>
  <div class="inner"><button type="submit" class="msgBtn"  onclick="window.location.href='/signout'">Log Out</button></div>
  <div class="inner"><button type="submit" class="msgBtn"  onclick="window.location.href='/openSetUserStatusPage'">Set User Status</button></div>
</div>

<div class="ui">

  <div class="chat">
    <div class="top">

      <div class="info"> <!-- This div contains the user info to be displayed on the top pane of the chat -->

        <pre class="name">{userDetails:}</pre>

      </div>

    </div>
    <ul class="messages">
      {userMessages:} <!-- The dynamically generated html code from the python to display the user messages goes here. -->

    </ul>
    <div class="write-form">
		<form accept-charset="utf-8" action="/sendMessage" method="post" enctype="multipart/form-data">
				<input name = "destination" value="{receiverUsername:}" type="hidden">
				<input name = "sender" value="{senderUsername:}" type="hidden">

				<input type="text" name="message"/>

				<input type="checkbox" name="markDown" value="1" id="checkBox1"><label for="checkBox1"> Tick for Markdown</label>

			  <input type="submit" value="Send Message"/>
		  </form>
      <form accept-charset="utf-8" action = "/sendFile" method="post" enctype="multipart/form-data" style="float:left;"><!-- Form for uploading and sending a file. -->
        <input type = "file" name = "outFile"/>
        <input name = "destination" value="{receiverUsername:}" type="hidden">
		<input name = "sender" value="{senderUsername:}" type="hidden">

        <button class="msgBtn" type="submit">Send File</button>

      </form>
    </div>
  </div>
</div>


</body>
</html>