thedesk/app/js/login/login.js

530 lines
15 KiB
JavaScript
Raw Normal View History

2018-01-28 23:22:43 +11:00
/*ログイン処理・認証までのJS*/
//最初に読むやつ
2018-02-09 03:43:11 +11:00
//アスタルテ判定初期化
2018-03-31 13:39:06 +11:00
2018-02-09 03:43:11 +11:00
localStorage.removeItem("kirishima")
2018-04-16 23:58:14 +10:00
localStorage.removeItem("imas")
2018-02-19 04:41:25 +11:00
localStorage.removeItem("image");
2019-03-13 02:51:07 +11:00
localStorage.removeItem("stable")
2019-05-19 17:39:30 +10:00
localStorage.setItem("mode_misskey.xyz", "misskey")
2018-01-28 23:22:43 +11:00
function ck() {
2018-05-20 16:17:10 +10:00
var main = localStorage.getItem("main");
2019-05-19 17:39:30 +10:00
if (!main) {
localStorage.setItem("main", 0)
2018-05-20 16:17:10 +10:00
}
2019-03-08 05:19:26 +11:00
var domainz = localStorage.getItem("domain_0");
2018-07-07 03:51:48 +10:00
var at = localStorage.getItem("acct_0_at");
2018-02-18 16:43:11 +11:00
//コード受信
2019-05-19 17:39:30 +10:00
if (location.search) {
2018-02-26 02:32:10 +11:00
var m = location.search.match(/\?mode=([a-zA-Z-0-9]+)\&code=(.+)/);
2019-05-19 17:39:30 +10:00
var mode = m[1];
var codex = m[2];
if (mode == "manager" || mode == "login") {
code(codex, mode);
} else {
2018-02-18 16:43:11 +11:00
}
}
2019-02-05 13:33:32 +11:00
var multi = localStorage.getItem("multi");
2019-05-19 17:39:30 +10:00
if (!multi || multi == "[]") {
location.href = "acct.html?mode=first&code=true"
} else {
2019-02-05 13:33:32 +11:00
var obj = JSON.parse(multi);
2019-05-19 17:39:30 +10:00
Object.keys(obj).forEach(function (key) {
var acct = obj[key];
if (acct.domain) {
refresh(key, true)
}
});
if (obj[0].domain) {
$("#tl").show();
ticker();
multiSelector();
verck(ver);
$("#something-wrong img").attr("src", "../../img/thinkingdesk.png")
2019-02-05 13:33:32 +11:00
}
2018-01-28 23:22:43 +11:00
}
}
2019-05-19 17:39:30 +10:00
ck();
2019-05-11 02:31:15 +10:00
2018-01-28 23:22:43 +11:00
//ログインポップアップ
function login(url) {
2019-05-19 17:39:30 +10:00
if ($('#linux:checked').val() == "on") {
2018-02-26 02:32:10 +11:00
var red = "urn:ietf:wg:oauth:2.0:oob"
2019-05-19 17:39:30 +10:00
} else {
2018-02-26 02:32:10 +11:00
var red = 'thedesk://login';
}
localStorage.setItem("redirect", red);
2018-01-28 23:22:43 +11:00
var start = "https://" + url + "/api/v1/apps";
2018-04-17 03:10:35 +10:00
var httpreq = new XMLHttpRequest();
httpreq.open('POST', start, true);
httpreq.setRequestHeader('Content-Type', 'application/json');
2019-03-08 05:19:26 +11:00
httpreq.responseType = "json";
2018-04-17 03:10:35 +10:00
httpreq.send(JSON.stringify({
scopes: 'read write follow',
client_name: "TheDesk(PC)",
redirect_uris: red,
website: "https://thedesk.top"
}));
2019-05-19 17:39:30 +10:00
httpreq.onreadystatechange = function () {
2019-03-08 05:19:26 +11:00
if (httpreq.readyState === 4) {
2018-04-17 03:10:35 +10:00
var json = httpreq.response;
var auth = "https://" + url + "/oauth/authorize?client_id=" + json[
2018-01-28 23:22:43 +11:00
"client_id"] + "&client_secret=" + json["client_secret"] +
2019-05-19 17:39:30 +10:00
"&response_type=code&redirect_uri=" + red + "&scope=read+write+follow";
localStorage.setItem("domain_" + acct_id, url);
localStorage.setItem("client_id", json["client_id"]);
localStorage.setItem("client_secret", json["client_secret"]);
$("#auth").show();
$("#masara").hide();
const { shell } = require('electron');
2018-01-31 03:43:01 +11:00
2019-05-19 17:39:30 +10:00
shell.openExternal(auth);
if ($('#linux:checked').val() == "on") {
} else {
var electron = require("electron");
var ipc = electron.ipcRenderer;
ipc.send('quit', 'go');
}
2018-04-17 03:10:35 +10:00
}
}
2018-01-28 23:22:43 +11:00
}
//テキストボックスにURL入れた
function instance() {
var url = $("#url").val();
login(url);
}
2018-02-18 16:43:11 +11:00
2018-01-28 23:22:43 +11:00
//コードを入れた後認証
2019-05-19 17:39:30 +10:00
function code(code, mode) {
2018-02-26 02:32:10 +11:00
var red = localStorage.getItem("redirect");
localStorage.removeItem("redirect")
2019-05-19 17:39:30 +10:00
if (!code) {
2018-02-18 16:43:11 +11:00
var code = $("#code").val();
}
2019-05-19 17:39:30 +10:00
if (localStorage.getItem("domain_tmp")) {
2018-02-18 16:43:11 +11:00
var url = localStorage.getItem("domain_tmp");
2019-05-19 17:39:30 +10:00
} else {
2018-02-18 16:43:11 +11:00
var url = localStorage.getItem("domain_" + acct_id);
}
2018-01-28 23:22:43 +11:00
var start = "https://" + url + "/oauth/token";
var id = localStorage.getItem("client_id");
var secret = localStorage.getItem("client_secret");
fetch(start, {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
grant_type: "authorization_code",
2018-02-26 02:32:10 +11:00
redirect_uri: red,
2018-01-28 23:22:43 +11:00
client_id: id,
client_secret: secret,
code: code
})
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-01-28 23:22:43 +11:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-01-28 23:22:43 +11:00
todo(error);
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-02-18 16:43:11 +11:00
todo(json);
2018-01-28 23:22:43 +11:00
if (json["access_token"]) {
localStorage.setItem(url + "_at", json["access_token"]);
2019-05-19 17:39:30 +10:00
if (mode == "manager") {
2018-02-18 16:43:11 +11:00
getdataAdv(url, json["access_token"]);
2019-05-19 17:39:30 +10:00
} else {
2018-02-18 16:43:11 +11:00
getdata();
}
2019-05-19 17:39:30 +10:00
2018-01-28 23:22:43 +11:00
}
});
}
2018-02-18 16:43:11 +11:00
//ユーザーデータ取得(最初)
2018-01-28 23:22:43 +11:00
function getdata() {
var acct_id = 0;
var domain = localStorage.getItem("domain_" + acct_id);
2019-05-19 17:39:30 +10:00
var at = localStorage.getItem("acct_" + acct_id + "_at");
2018-01-28 23:22:43 +11:00
var start = "https://" + domain + "/api/v1/accounts/verify_credentials";
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
'Authorization': 'Bearer ' + at
},
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-01-28 23:22:43 +11:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-01-28 23:22:43 +11:00
todo(error);
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-01-28 23:22:43 +11:00
if (json.error) {
console.error("Error:" + json.error);
2019-05-19 17:39:30 +10:00
Materialize.toast(lang.lang_fatalerroroccured + "Error:" + json.error,
2018-01-28 23:22:43 +11:00
5000);
return;
}
2019-05-19 17:39:30 +10:00
var avatar = json["avatar"];
2018-03-31 13:39:06 +11:00
//missingがmissingなやつ
2019-05-19 17:39:30 +10:00
if (avatar == "/avatars/original/missing.png") {
avatar = "./img/missing.svg";
2018-03-31 13:39:06 +11:00
}
2018-01-28 23:22:43 +11:00
var obj = [{
at: at,
name: json["display_name"],
domain: domain,
user: json["acct"],
2018-06-18 00:26:45 +10:00
prof: avatar,
id: json["id"],
vis: json["source"]["privacy"]
2018-01-28 23:22:43 +11:00
}];
var json = JSON.stringify(obj);
localStorage.setItem("multi", json);
localStorage.setItem("name_" + acct_id, json["display_name"]);
localStorage.setItem("user_" + acct_id, json["acct"]);
localStorage.setItem("user-id_" + acct_id, json["id"]);
2018-03-31 13:39:06 +11:00
localStorage.setItem("prof_" + acct_id, avatar);
2018-02-18 16:43:11 +11:00
$("#masara").hide();
2018-01-28 23:22:43 +11:00
$("#auth").hide();
$("#tl").show();
parseColumn()
ckdb();
});
}
2018-02-18 16:43:11 +11:00
//ユーザーデータ取得(追加)
function getdataAdv(domain, at) {
var start = "https://" + domain + "/api/v1/accounts/verify_credentials";
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
'Authorization': 'Bearer ' + at
},
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-02-18 16:43:11 +11:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-02-18 16:43:11 +11:00
todo(error);
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-02-18 16:43:11 +11:00
if (json.error) {
console.error("Error:" + json.error);
2019-05-19 17:39:30 +10:00
Materialize.toast(lang.lang_fatalerroroccured + "Error:" + json.error,
2018-02-18 16:43:11 +11:00
5000);
return;
}
2019-05-19 17:39:30 +10:00
var avatar = json["avatar"];
2018-03-31 13:39:06 +11:00
//missingがmissingなやつ
2019-05-19 17:39:30 +10:00
if (avatar == "/avatars/original/missing.png") {
avatar = "../../img/missing.svg";
2018-03-31 13:39:06 +11:00
}
2019-05-19 17:39:30 +10:00
if (json["source"]["privacy"]) {
var priv = json["source"]["privacy"];
} else {
var priv = "public";
2018-07-07 03:51:48 +10:00
}
2018-02-18 16:43:11 +11:00
var add = {
at: at,
name: json["display_name"],
domain: domain,
user: json["acct"],
2018-03-31 13:39:06 +11:00
prof: avatar,
2018-06-18 00:26:45 +10:00
id: json["id"],
2018-07-07 03:51:48 +10:00
vis: priv
2018-02-18 16:43:11 +11:00
};
var multi = localStorage.getItem("multi");
var obj = JSON.parse(multi);
var target = obj.lengtth;
obj.push(add);
localStorage.setItem("name_" + target, json["display_name"]);
localStorage.setItem("user_" + target, json["acct"]);
localStorage.setItem("user-id_" + target, json["id"]);
2018-03-31 13:39:06 +11:00
localStorage.setItem("prof_" + target, avatar);
2018-02-18 16:43:11 +11:00
var json = JSON.stringify(obj);
localStorage.setItem("multi", json);
2019-05-19 17:39:30 +10:00
location.href = "index.html";
2018-02-18 16:43:11 +11:00
});
}
2018-08-17 03:21:40 +10:00
//ユーザーデータ更新
2019-05-19 17:39:30 +10:00
function refresh(target, loadskip) {
2018-08-17 03:21:40 +10:00
var multi = localStorage.getItem("multi");
var obj = JSON.parse(multi);
2019-05-19 17:39:30 +10:00
if (obj[target].mode == "misskey") {
2018-08-17 03:21:40 +10:00
return
}
var start = "https://" + obj[target].domain +
"/api/v1/accounts/verify_credentials";
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json',
'Authorization': 'Bearer ' + obj[target].at
},
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-08-17 03:21:40 +10:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-08-17 03:21:40 +10:00
todo(error);
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-08-17 03:21:40 +10:00
if (json.error) {
console.error("Error:" + json.error);
2019-05-19 17:39:30 +10:00
Materialize.toast(lang.lang_fatalerroroccured + "Error:" + json.error,
2018-08-17 03:21:40 +10:00
5000);
return;
}
2019-05-19 17:39:30 +10:00
var avatar = json["avatar"];
2018-08-17 03:21:40 +10:00
//missingがmissingなやつ
2019-05-19 17:39:30 +10:00
if (avatar == "/avatars/original/missing.png" || !avatar) {
avatar = "./img/missing.svg";
2018-08-17 03:21:40 +10:00
}
var ref = {
at: obj[target].at,
name: json["display_name"],
domain: obj[target].domain,
user: json["acct"],
prof: avatar,
id: json["id"],
vis: json["source"]["privacy"]
};
localStorage.setItem("name_" + target, json["display_name"]);
localStorage.setItem("user_" + target, json["acct"]);
localStorage.setItem("user-id_" + target, json["id"]);
localStorage.setItem("prof_" + target, avatar);
localStorage.setItem("follow_" + target, json["following_count"]);
obj[target] = ref;
var json = JSON.stringify(obj);
localStorage.setItem("multi", json);
2019-05-19 17:39:30 +10:00
if (!loadskip) {
2019-02-05 13:33:32 +11:00
load();
}
2018-08-17 03:21:40 +10:00
});
}
2018-03-27 13:39:35 +11:00
//MarkdownやBBCodeの対応、文字数制限をチェック
2018-08-17 03:21:40 +10:00
//絶対ストリーミングを閉じさせないマン
2018-02-09 03:43:11 +11:00
function ckdb(acct_id) {
2018-01-28 23:22:43 +11:00
var domain = localStorage.getItem("domain_" + acct_id);
2018-09-19 02:41:48 +10:00
localStorage.removeItem("home_" + acct_id);
localStorage.removeItem("bb_" + acct_id);
localStorage.removeItem("md_" + acct_id);
localStorage.removeItem("local_" + acct_id);
localStorage.removeItem("public_" + acct_id);
localStorage.removeItem("notification_" + acct_id);
localStorage.removeItem("post_" + acct_id);
localStorage.removeItem("fav_" + acct_id);
localStorage.removeItem("bt_" + acct_id);
2019-03-06 19:08:48 +11:00
localStorage.removeItem("followlocale_" + acct_id);
2019-05-19 17:39:30 +10:00
if (domain == "kirishima.cloud") {
2018-02-09 03:43:11 +11:00
localStorage.setItem("kirishima", "true");
$("#ranking-btn").show();
2019-05-19 17:39:30 +10:00
} else if (domain == "imastodon.net") {
2018-04-16 23:58:14 +10:00
localStorage.setItem("imas", "true");
2018-07-28 07:25:12 +10:00
$(".imasonly").show();
2018-02-09 03:43:11 +11:00
}
2019-05-19 17:39:30 +10:00
var at = localStorage.getItem("acct_" + acct_id + "_at");
2018-01-28 23:22:43 +11:00
var bbcode = domain + "_bbcode";
var letters = domain + "_letters";
2019-05-19 17:39:30 +10:00
if (localStorage.getItem("instance")) {
var json = JSON.parse(localStorage.getItem("instance"));
if (json[bbcode]) {
if (json[bbcode] == "enabled") {
localStorage.setItem("bb_" + acct_id, "true");
2018-02-25 19:41:34 +11:00
} else {
localStorage.removeItem("bb_" + acct_id);
$("[data-activates='bbcode']").addClass("disabled");
2019-05-19 17:39:30 +10:00
$("[data-activates='bbcode']").prop("disabled", true);
}
2019-05-19 17:39:30 +10:00
} else {
localStorage.removeItem("bb_" + acct_id);
$("[data-activates='bbcode']").addClass("disabled");
$("[data-activates='bbcode']").addClass("disabled", true);
}
if (json[domain + "_markdown"] == "enabled") {
localStorage.setItem("md_" + acct_id, "true");
$(".markdown").show();
} else {
$(".anti-markdown").hide();
$(".markdown").hide();
localStorage.removeItem("bb_" + acct_id);
}
if (json[domain + "_home"]) {
localStorage.setItem("home_" + acct_id, json[domain + "_home"]);
}
if (json[domain + "_local"]) {
localStorage.setItem("local_" + acct_id, json[domain + "_local"]);
}
if (json[domain + "_public"]) {
localStorage.setItem("public_" + acct_id, json[domain + "_public"]);
}
if (json[domain + "_notification"]) {
localStorage.setItem("notification_" + acct_id, json[domain + "_notification"]);
}
if (json[domain + "_post"]) {
localStorage.setItem("post_" + acct_id, json[domain + "_post"]);
}
if (json[domain + "_fav"]) {
localStorage.setItem("fav_" + acct_id, json[domain + "_fav"]);
}
if (json[domain + "_bt"]) {
localStorage.setItem("bt_" + acct_id, json[domain + "_bt"]);
}
if (json[domain + "_follow"]) {
localStorage.setItem("followlocale_" + acct_id, json[domain + "_follow"]);
}
2018-02-25 19:41:34 +11:00
}
2019-05-19 17:39:30 +10:00
if (localStorage.getItem("mode_" + domain) != "misskey") {
var start = "https://" + domain + "/api/v1/instance";
2018-08-17 03:21:40 +10:00
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json'
},
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-08-17 03:21:40 +10:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-08-17 03:21:40 +10:00
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-08-17 03:21:40 +10:00
if (json.error) {
2019-05-19 16:17:05 +10:00
console.error(json.error);
2018-08-17 03:21:40 +10:00
return;
}
2019-05-19 17:39:30 +10:00
if (json) {
if (json["max_toot_chars"]) {
2018-09-17 21:55:00 +10:00
localStorage.setItem("letters_" + acct_id, json["max_toot_chars"]);
}
2019-05-19 17:39:30 +10:00
if (json["urls"]["streaming_api"]) {
2018-09-17 21:55:00 +10:00
localStorage.setItem("streaming_" + acct_id, json["urls"]["streaming_api"]);
}
2018-01-28 23:22:43 +11:00
}
});
2019-05-19 17:39:30 +10:00
} else {
2018-08-17 03:21:40 +10:00
}
2019-05-19 17:39:30 +10:00
2018-08-17 03:21:40 +10:00
2018-01-28 23:22:43 +11:00
}
//アカウントを選択…を実装
2018-07-07 03:51:48 +10:00
function multiSelector() {
2018-01-28 23:22:43 +11:00
var multi = localStorage.getItem("multi");
if (!multi) {
2018-03-27 13:39:35 +11:00
var obj = [];
2018-01-28 23:22:43 +11:00
var json = JSON.stringify(obj);
localStorage.setItem("multi", json);
} else {
var obj = JSON.parse(multi);
}
var templete;
2019-05-19 17:39:30 +10:00
if (localStorage.getItem("mainuse") == "main") {
2018-05-20 16:17:10 +10:00
var last = localStorage.getItem("main");
2019-05-19 17:39:30 +10:00
} else if (localStorage.getItem("last-use")) {
2018-05-20 16:17:10 +10:00
var last = localStorage.getItem("last-use");
2019-05-20 23:34:58 +10:00
if (last == "webview" || last == "noauth") {
last = "0";
}
2019-05-19 17:39:30 +10:00
} else {
2019-05-20 23:34:58 +10:00
var last = "0";
2018-05-20 16:17:10 +10:00
}
2019-05-20 23:34:58 +10:00
last = last + "";
2018-01-28 23:22:43 +11:00
var sel;
2019-05-19 17:39:30 +10:00
if (obj.length < 1) {
2018-03-27 13:39:35 +11:00
$("#src-acct-sel").html('<option value="tootsearch">Tootsearch</option>');
2019-05-19 17:39:30 +10:00
$("#add-acct-sel").html('<option value="noauth">' + lang.lang_login_noauth + '</option>');
} else {
Object.keys(obj).forEach(function (key) {
var acct = obj[key];
var list = key * 1 + 1;
2019-05-20 23:34:58 +10:00
if (key+"" === last) {
2019-05-19 17:39:30 +10:00
sel = "selected";
var domain = acct.domain;
localStorage.setItem("domain_" + key, domain);
if (idata[domain + "_letters"]) {
$("#textarea").attr("data-length", idata[domain + "_letters"])
} else {
var maxletters = localStorage.getItem("letters_" + key);
if (maxletters > 0) {
$("#textarea").attr("data-length", maxletters)
} else {
$("#textarea").attr("data-length", 500)
}
}
2019-05-19 17:39:30 +10:00
if (idata[domain + "_glitch"]) {
$("#local-button").removeClass("hide")
}
var profimg = acct.prof;
localStorage.setItem("prof_" + key, profimg);
if (!profimg) {
profimg = "../../img/missing.svg";
}
$("#acct-sel-prof").attr("src", profimg);
if (domain) {
var cc = "(" + domain + ")";
} else {
var cc = "";
}
$("#toot-post-btn").text(lang.lang_toot + cc);
if (acct.background && acct.background != "def" && acct.text && acct.text != "def") {
$("#toot-post-btn").removeClass("indigo");
$("#toot-post-btn").css("background-color", "#" + acct.background);
$("#toot-post-btn").css("color", acct.text);
} else {
}
if (domain == "kirishima.cloud") {
$("#faicon-btn").show();
} else {
$("#faicon-btn").hide();
}
if (domain == "imastodon.net") {
trendTag();
} else {
$("#trendtag").html("");
}
} else {
sel = "";
2018-04-16 23:58:14 +10:00
}
2019-05-19 17:39:30 +10:00
templete = '<option value="' + key + '" data-icon="' + acct.prof +
'" class="left circle" ' + sel + '>' + acct.user + '@' + acct.domain +
'</option>';
$(".acct-sel").append(templete);
});
2018-03-27 13:39:35 +11:00
$("#src-acct-sel").append('<option value="tootsearch">Tootsearch</option>');
2019-05-19 17:39:30 +10:00
$("#add-acct-sel").append('<option value="noauth">' + lang.lang_login_noauth + '</option><option value="webview">Twitter</option>');
2018-03-27 13:39:35 +11:00
}
2018-03-21 16:36:02 +11:00
$('select').material_select('update');
2019-05-11 02:31:15 +10:00
parseColumn(true);
2018-01-28 23:22:43 +11:00
}
2018-02-18 16:43:11 +11:00
2018-03-14 05:31:31 +11:00
//バージョンエンコ
2019-05-19 17:39:30 +10:00
function enc(ver) {
var ver = ver.replace(/\s/g, "");
var ver = ver.replace(/\(/g, "-");
var ver = ver.replace(/\)/g, "");
var ver = ver.replace(/\[/g, "_");
var ver = ver.replace(/\]/g, "");
return ver;
2018-03-31 13:39:06 +11:00
}
2018-12-09 05:46:01 +11:00
//インスタンスティッカー
function ticker() {
var start = "https://toot.app/toot/";
fetch(start, {
method: 'GET',
headers: {
'content-type': 'application/json'
},
2019-05-19 17:39:30 +10:00
}).then(function (response) {
2018-12-09 05:46:01 +11:00
return response.json();
2019-05-19 17:39:30 +10:00
}).catch(function (error) {
2018-12-09 05:46:01 +11:00
console.error(error);
2019-05-19 17:39:30 +10:00
}).then(function (json) {
2018-12-09 05:46:01 +11:00
if (json.error) {
return;
}
2019-05-19 17:39:30 +10:00
if (json) {
2018-12-09 05:46:01 +11:00
localStorage.setItem("ticker", JSON.stringify(json));
}
});
}