-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (57 loc) · 2.63 KB
/
index.html
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
<html>
<head>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./semantic/Semantic-UI-CSS-master/semantic.min.css">
<link rel="icon" href="./assets/icon-images/Chat-room-presentation_new.png" type="image/gif" sizes="19x19">
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyD0EWi5ZSFuNQl5pFQ2dmOLDdrBERkoDrc",
authDomain: "my-first-project-bc7a3.firebaseapp.com",
databaseURL: "https://my-first-project-bc7a3.firebaseio.com",
projectId: "my-first-project-bc7a3",
storageBucket: "my-first-project-bc7a3.appspot.com",
messagingSenderId: "503270154462",
appId: "1:503270154462:web:71f0095d8d727bbb4ea24f"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script>
<script src="https://www.gstatic.com/firebasejs/7.24.0/firebase-database.js"></script>
</head>
<body>
<div class="ui name modal">
<div class="header">Note</div>
<div class="content">
<br>
<p><strong>Note: </strong>you can't chat without a name<br/>
<strong>Note:</strong> choose Your name wisely because you can't change it
</p>
<div class="ui input"><input type="text" class="b-1px-solid" id="nameOfUser">
</div>
<p id="error1" class="Cred" style="display:none;">please fill the input</p>
</div>
<button class="ui inverted-black button" id="sub">Submit</button>
</div>
<div class="container">
<div class="child">
<div id="chatBox" class="chatBox">
</div>
<input class="messageInp" id="messageInp"/> <button class="ui inverted green button" id="sendNow">SEND</button>
</div>
<div class="ui updateTheMessage modal">
<div class="header">Note</div>
<div class="content"><div class="ui input">
<input type="text" name="" id="messageAfterUpdate"></div>
<p id="error2" class="Cred" style="display:none;">please fill the input</p>
</div><button class='ui inverted violet button' id="updatingMessage">update</button></div>
<script src="./semantic/jquery-3.2.1.min.js"></script>
<script src="./semantic/Semantic-UI-CSS-master/semantic.min.js"></script>
<script src="./js/index.js"></script>
</body>
</html>