snappy-chat/chat.html at master · shivang-dev9/snappy-chat · 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
<!DOCTYPE html>
<html>
<head>
    <title>Snappy</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
</head>
<body>
    <div class="member-area">
        <div class="user-info">
            <img id="user-image" src="">
            <span id="username"></span>
            <span class="logout" id="logout-button">Log out</span>
        </div>

        <div class="members" id="members">
        </div>
    </div>

    <div class="message-area">
        <div id="chat-info" class="chat-info">

        </div>

        <div class="messages" id="messages">
            <h1 class="empty-state">
                No chat selected.
            </h1>
        </div>

        <div class="chat-form" id="chat-form">
            <input type="hidden" id="chat-id" />
            <input id="message-text" type="text" class="chat-message" placeholder="Write your message and presss enter..." />
            <button id="send-button" class="button send-button">Send</button>
        </div>
    </div>
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-database.js"></script>

    <!-- TODO: Add SDKs for Firebase products that you want to use
         https://firebase.google.com/docs/web/setup#config-web-app -->

    <script>
      // Your web app's Firebase configuration
      var firebaseConfig = {
        apiKey: "AIzaSyD19ccr603yUarAw0RnEXIUAqkB_DbzidA",
        authDomain: "snappy-chat-3a813.firebaseapp.com",
        databaseURL: "https://snappy-chat-3a813.firebaseio.com",
        projectId: "snappy-chat-3a813",
        storageBucket: "snappy-chat-3a813.appspot.com",
        messagingSenderId: "45027166197",
        appId: "1:45027166197:web:d282ed96b305c2a9"
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
    </script>

    <script type="text/javascript" src="functions.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript" src="chat.js"></script>
</body>
</html>