BetterDiscordPanel/index.html at master · DiscordApps/BetterDiscordPanel · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>BetterDiscordPanel</title>
    <link rel="stylesheet" href="./style.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        window.oncontextmenu = function () {
            return false;
        }
        $(document).keydown(function (event) {
            if (event.keyCode == 123) {
                return false;
            }
            else if ((event.ctrlKey && event.shiftKey && event.keyCode == 73) || (event.ctrlKey && event.shiftKey && event.keyCode == 74)) {
                return false;
            }
        });
    </script>

</head>

<body>
    <!-- partial:index.partial.html -->
    <section id="login" class="show">
        <form>
            <h1>Welcome Back!</h1>
            <p>We're so excited to see you again!</p>
            <label for="email">Email<span></span></label>
            <input id="email" name="email" type="email" />
            <label for="password">Password<span></span></label>
            <input id="password" name="password" type="password" />
            <input type="submit" value="Login" />
            <a href="">Forgot your password?</a>
            <a href="">Register an account</a>
        </form>
    </section>
    <header>
        <button id="toggle-nav">=</button>
    </header>
    <nav>
        <button class="active"><svg class="homeIcon-tEMBK1" aria-hidden="false" width="28" height="20"
                viewBox="0 0 28 20">
                <path fill="currentColor"
                    d="M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z">
                </path>
            </svg></button>
        <span id="online-count">0 online</span>
        <button>
            F
            <img src="https://picsum.photos/200?gravity=east" alt="">
        </button>
        <button>
            R
            <img src="" alt="">
        </button>
        <button class="add">+</button>
    </nav>
    <section id="sub">
        <p class="border1"><br>BetterDiscordPanel<br></p>
        <p class="border2"><br>Message Panel</p>
        <select id="guilds"></select><br>
        <select id="channels"></select><br>
        <div class="options">
    </section>
    <main>
        <div class="friend-info">
            <p id='guildName' class="border"><br>Loading...<br></p>
            <p class="name"></p>
            <span class="status offline"></span>
            </p>
            <button>O</button>
            <button>...</button>
        </div>
        <div id="chat" class="messages">
            <div>

            </div>
        </div>
        <form>
            <input type="button" value="+" />
            <textarea class='send' id="toSend" placeholder="Write the content of your message"></textarea>
            <div class="invisible">
                <button id="send" class="blue"></button></div>

            <!--  <button id="delLast" class="red">🗓 Delete Last Message</button> -->
            </div>
        </form>
    </main>

    <footer>
        <div class="user-icon">
            <img src="https://i.pinimg.com/originals/e3/54/65/e354658df9dd581a078b071adad7a030.png" alt="">
            <span class="status"></span>
        </div>
        <div class="user-info">
            <p>USER</p>
            <span>#0000</span>
        </div>
        <a data-modal-target="#modal_account">
        <div class="settingsicon">
            <svg aria-hidden="false" width="20" height="20" viewBox="0 0 24 24">
                <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"
                    d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z">
                </path>
            </svg>
        </div>
        </a>
    </footer>
 <!--Settings-->
 <div class="modal" id="modal_account">
    <div class="modal-header">
      <div class="title">Settings</div>
      <button data-close-button class="close-button">&times;</button>
    </div>
    <div class="modal-body">
        <fieldset>
            <legend>Auto-Scroll</legend>
            <label class="switch">
                <input id="chk1" type="checkbox" value="last">
                <span class="slider round"></span>
            </label>
            <label for="last">Last Messages</label><br /><br />
            <label class="switch">
                <input id="chk2" type="checkbox" value="chatCheck" checked>
                <span class="slider round"></span>
            </label>
            <label id='channelNameLabel' for="chatCheck">Chat</label><br /><br />
            <label class="switch">
                <input id="chk3" type="checkbox" value="animCheck" checked>
                <span class="slider round"></span>
            </label>
            <label for="animCheck">Enable auto-scrolling animation</label><br /><br />
            <button id='refreshToken' class="red demi">Login/Logout</button><button id="btnrRefreshChat"
                class="demi">Refresh Chat</button>
        </fieldset>
        <h3 align="center">Programmed by D3VSJ#9933</h3>
    </div>
  </div>
  <div id="overlay"></div>

    <!-- partial -->
    <script src="./script.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="./js/discord.11.4.2.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/panel.js"></script>
    <script type="text/javascript" src="./js/modals.js"></script>
</body>

</html>