WebUI: Fix reloading page after login
[qBittorrent.git] / src / webui / www / public / scripts / login.js
blob434b46709c015e6cfb58cda4825794e5cc265761
1 /*
2  * Bittorrent Client using Qt and libtorrent.
3  * Copyright (C) 2019-2024  Mike Tzou (Chocobo1)
4  *
5  * This program is free software; you can redistribute it and/or
6  * modify it under the terms of the GNU General Public License
7  * as published by the Free Software Foundation; either version 2
8  * of the License, or (at your option) any later version.
9  *
10  * This program is distributed in the hope that it will be useful,
11  * but WITHOUT ANY WARRANTY; without even the implied warranty of
12  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
13  * GNU General Public License for more details.
14  *
15  * You should have received a copy of the GNU General Public License
16  * along with this program; if not, write to the Free Software
17  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
18  *
19  * In addition, as a special exception, the copyright holders give permission to
20  * link this program with the OpenSSL project's "OpenSSL" library (or with
21  * modified versions of it that use the same license as the "OpenSSL" library),
22  * and distribute the linked executables. You must obey the GNU General Public
23  * License in all respects for all of the code used other than "OpenSSL".  If you
24  * modify file(s), you may extend this exception to your version of the file(s),
25  * but you are not obligated to do so. If you do not wish to do so, delete this
26  * exception statement from your version.
27  */
29 "use strict";
31 const submitLoginForm = (event) => {
32     event.preventDefault();
34     const errorMsgElement = document.getElementById("error_msg");
35     errorMsgElement.textContent = ""; // clear previous error
37     const usernameElement = document.getElementById("username");
38     const passwordElement = document.getElementById("password");
40     const query = new URLSearchParams();
41     query.set("username", usernameElement.value);
42     query.set("password", passwordElement.value);
43     passwordElement.value = ""; // clear previous value
45     fetch("api/v2/auth/login", {
46             method: "POST",
47             headers: {
48                 "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
49             },
50             body: query.toString()
51         })
52         .then(async (response) => {
53                 const responseText = await response.text();
54                 if (response.ok && (responseText === "Ok.")) {
55                     location.replace(location); // redirect
56                     location.reload(true);
57                 }
58                 else {
59                     errorMsgElement.textContent = `QBT_TR(Invalid Username or Password.)QBT_TR[CONTEXT=Login]\nQBT_TR(Server response:)QBT_TR[CONTEXT=Login] ${responseText}`;
60                 }
61             },
62             (error) => {
63                 errorMsgElement.textContent = `QBT_TR(Unable to log in, server is probably unreachable.)QBT_TR[CONTEXT=Login]\n${error}`;
64             });
67 document.addEventListener("DOMContentLoaded", () => {
68     const loginForm = document.getElementById("loginform");
69     loginForm.method = "POST";
70     loginForm.addEventListener("submit", submitLoginForm);
71 });