Fix: emoji parette
This commit is contained in:
cutls
parent
25d24ddef0
commit
5dfb28f2de
|
|
@ -7,225 +7,187 @@ var prev_val = input.value;
|
||||||
var oldSuggest;
|
var oldSuggest;
|
||||||
var suggest;
|
var suggest;
|
||||||
|
|
||||||
input.addEventListener("focus", function () {
|
input.addEventListener(
|
||||||
localStorage.removeItem("cursor");
|
"focus",
|
||||||
var acct_id = $("#post-acct-sel").val();
|
function() {
|
||||||
$("#suggest").html("");
|
localStorage.removeItem("cursor");
|
||||||
window.clearInterval(timer);
|
var acct_id = $("#post-acct-sel").val();
|
||||||
timer = window.setInterval(function () {
|
$("#suggest").html("");
|
||||||
var new_val = input.value;
|
window.clearInterval(timer);
|
||||||
if (new_val == "") {
|
timer = window.setInterval(function() {
|
||||||
$("#suggest").html("");
|
var new_val = input.value;
|
||||||
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
if (new_val == "") {
|
||||||
$("#right-side").hide()
|
|
||||||
$("#right-side").css("width", "300px")
|
|
||||||
$("#left-side").css("width", "100%")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1
|
|
||||||
} else {
|
|
||||||
width = 300
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (prev_val != new_val) {
|
|
||||||
var semoji = new_val.match(/:(\S{3,})/);
|
|
||||||
if (semoji) {
|
|
||||||
var obj = JSON.parse(localStorage.getItem("emoji_" + acct_id));
|
|
||||||
if (!obj) {
|
|
||||||
var ehtml = lang.lang_suggest_nodata;
|
|
||||||
} else {
|
|
||||||
var num = obj.length;
|
|
||||||
var ehtml = "";
|
|
||||||
for (i = 0; i < num; i++) {
|
|
||||||
var emoji = obj[i];
|
|
||||||
if (~emoji.shortcode.indexOf(semoji[1])) {
|
|
||||||
if (emoji) {
|
|
||||||
ehtml = ehtml + '<a onclick="emojiInsert(\':' + emoji.shortcode +
|
|
||||||
': \',\':' + semoji[1] + '\')" class="pointer"><img src="' + emoji.url + '" width="20"></a>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (ehtml != "") {
|
|
||||||
$("#right-side").show()
|
|
||||||
$("#right-side").css("width", "200px")
|
|
||||||
$("#left-side").css("width", "calc(100% - 200px)")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1 + 200
|
|
||||||
} else {
|
|
||||||
width = 500
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
$("#poll").addClass("hide")
|
|
||||||
$("#emoji").addClass("hide")
|
|
||||||
} else {
|
|
||||||
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
|
||||||
$("#right-side").hide()
|
|
||||||
$("#right-side").css("width", "300px")
|
|
||||||
$("#left-side").css("width", "100%")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1
|
|
||||||
} else {
|
|
||||||
width = 300
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$("#suggest").html(ehtml);
|
|
||||||
}
|
|
||||||
|
|
||||||
var tag = new_val.match(/#(\S{3,})/);
|
|
||||||
var acct = new_val.match(/@(\S{3,})/);
|
|
||||||
if (tag && tag[1]) {
|
|
||||||
var q = tag[1];
|
|
||||||
} else if (acct && acct[1]) {
|
|
||||||
var q = acct[1];
|
|
||||||
} else {
|
|
||||||
$("#suggest").html("");
|
$("#suggest").html("");
|
||||||
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
||||||
$("#right-side").hide()
|
$("#right-side").hide();
|
||||||
$("#right-side").css("width", "300px")
|
$("#right-side").css("width", "300px");
|
||||||
$("#left-side").css("width", "100%")
|
$("#left-side").css("width", "100%");
|
||||||
var width = localStorage.getItem("postbox-width");
|
var width = localStorage.getItem("postbox-width");
|
||||||
if (width) {
|
if (width) {
|
||||||
width = width.replace("px", "") * 1
|
width = width.replace("px", "") * 1;
|
||||||
} else {
|
} else {
|
||||||
width = 300
|
width = 300;
|
||||||
}
|
}
|
||||||
$("#post-box").css("width", width + "px")
|
$("#post-box").css("width", width + "px");
|
||||||
}
|
}
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
var domain = localStorage.getItem("domain_" + acct_id);
|
if (prev_val != new_val) {
|
||||||
var at = localStorage.getItem("acct_" + acct_id + "_at");
|
var tag = new_val.match(/#(\S{3,})/);
|
||||||
suggest = "https://" + domain + "/api/v2/search?q=" + q
|
var acct = new_val.match(/@(\S{3,})/);
|
||||||
if (suggest != oldSuggest) {
|
if (tag && tag[1]) {
|
||||||
console.log("Try to get suggest at " + suggest)
|
var q = tag[1];
|
||||||
fetch(suggest, {
|
} else if (acct && acct[1]) {
|
||||||
method: 'GET',
|
var q = acct[1];
|
||||||
headers: {
|
} else {
|
||||||
'content-type': 'application/json',
|
$("#suggest").html("");
|
||||||
'Authorization': 'Bearer ' + at
|
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
||||||
},
|
$("#right-side").hide();
|
||||||
}).then(function (response) {
|
$("#right-side").css("width", "300px");
|
||||||
if (!response.ok) {
|
$("#left-side").css("width", "100%");
|
||||||
response.text().then(function(text) {
|
var width = localStorage.getItem("postbox-width");
|
||||||
setLog(response.url, response.status, text);
|
if (width) {
|
||||||
});
|
width = width.replace("px", "") * 1;
|
||||||
}
|
} else {
|
||||||
return response.json();
|
width = 300;
|
||||||
}).catch(function (error) {
|
|
||||||
todo(error);
|
|
||||||
console.error(error);
|
|
||||||
}).then(function (json) {
|
|
||||||
console.log(["Search", json]);
|
|
||||||
//ハッシュタグ
|
|
||||||
if (json.hashtags[0] && tag) {
|
|
||||||
if (tag[1]) {
|
|
||||||
var tags = [];
|
|
||||||
Object.keys(json.hashtags).forEach(function (key4) {
|
|
||||||
var tag = json.hashtags[key4];
|
|
||||||
var his = tag.history;
|
|
||||||
var uses = his[0].uses * 1 + his[1].uses * 1 + his[2].uses * 1 + his[3].uses * 1 + his[4].uses * 1 + his[5].uses * 1 + his[6].uses * 1;
|
|
||||||
tagHTML = '<br><a onclick="tagInsert(\'#' + escapeHTML(tag.name) + '\',\'#' + q + '\')" class="pointer">#' +
|
|
||||||
escapeHTML(tag.name) + '</a> ' + uses + 'toot(s)'
|
|
||||||
var item = {
|
|
||||||
"uses": uses,
|
|
||||||
"html": tagHTML
|
|
||||||
}
|
|
||||||
tags.push(item)
|
|
||||||
});
|
|
||||||
var num_a = -1;
|
|
||||||
var num_b = 1;
|
|
||||||
tags = tags.sort(function (a, b) {
|
|
||||||
var x = a["uses"];
|
|
||||||
var y = b["uses"];
|
|
||||||
if (x > y) return num_a;
|
|
||||||
if (x < y) return num_b;
|
|
||||||
return 0;
|
|
||||||
});
|
|
||||||
var ins = ""
|
|
||||||
var nev = false
|
|
||||||
Object.keys(tags).forEach(function (key7) {
|
|
||||||
ins = ins + tags[key7].html
|
|
||||||
if (key7 <= 0 && !nev) {
|
|
||||||
ins = ins + '<br>'
|
|
||||||
nev = true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$("#suggest").html(ins);
|
|
||||||
$("#right-side").show()
|
|
||||||
$("#right-side").css("width", "200px")
|
|
||||||
$("#left-side").css("width", "calc(100% - 200px)")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1 + 200
|
|
||||||
} else {
|
|
||||||
width = 500
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
$("#poll").addClass("hide")
|
|
||||||
$("#emoji").addClass("hide")
|
|
||||||
}
|
}
|
||||||
} else if (json.accounts[0] && acct[1]) {
|
$("#post-box").css("width", width + "px");
|
||||||
var accts = "";
|
}
|
||||||
Object.keys(json.accounts).forEach(function (key3) {
|
return;
|
||||||
var acct = json.accounts[key3];
|
}
|
||||||
if (acct.acct != q) {
|
var domain = localStorage.getItem("domain_" + acct_id);
|
||||||
//Instance Actorって…
|
var at = localStorage.getItem("acct_" + acct_id + "_at");
|
||||||
if (acct.username.indexOf(".") < 0) {
|
suggest = "https://" + domain + "/api/v2/search?q=" + q;
|
||||||
accts = accts + '<a onclick="tagInsert(\'@' + acct.acct +
|
if (suggest != oldSuggest) {
|
||||||
'\',\'@' + q + '\')" class="pointer">@' + acct.acct + '</a><br>';
|
console.log("Try to get suggest at " + suggest);
|
||||||
|
fetch(suggest, {
|
||||||
|
method: "GET",
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
Authorization: "Bearer " + at
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(function(response) {
|
||||||
|
if (!response.ok) {
|
||||||
|
response.text().then(function(text) {
|
||||||
|
setLog(response.url, response.status, text);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return response.json();
|
||||||
|
})
|
||||||
|
.catch(function(error) {
|
||||||
|
todo(error);
|
||||||
|
setLog(start, "JSON", error);
|
||||||
|
console.error(error);
|
||||||
|
})
|
||||||
|
.then(function(json) {
|
||||||
|
console.log(["Search", json]);
|
||||||
|
//ハッシュタグ
|
||||||
|
if (json.hashtags[0] && tag) {
|
||||||
|
if (tag[1]) {
|
||||||
|
var tags = [];
|
||||||
|
Object.keys(json.hashtags).forEach(function(key4) {
|
||||||
|
var tag = json.hashtags[key4];
|
||||||
|
var his = tag.history;
|
||||||
|
var uses = his[0].uses * 1 + his[1].uses * 1 + his[2].uses * 1 + his[3].uses * 1 + his[4].uses * 1 + his[5].uses * 1 + his[6].uses * 1;
|
||||||
|
tagHTML = "<br><a onclick=\"tagInsert('#" + escapeHTML(tag.name) + "','#" + q + '\')" class="pointer">#' + escapeHTML(tag.name) + "</a> " + uses + "toot(s)";
|
||||||
|
var item = {
|
||||||
|
uses: uses,
|
||||||
|
html: tagHTML
|
||||||
|
};
|
||||||
|
tags.push(item);
|
||||||
|
});
|
||||||
|
var num_a = -1;
|
||||||
|
var num_b = 1;
|
||||||
|
tags = tags.sort(function(a, b) {
|
||||||
|
var x = a["uses"];
|
||||||
|
var y = b["uses"];
|
||||||
|
if (x > y) return num_a;
|
||||||
|
if (x < y) return num_b;
|
||||||
|
return 0;
|
||||||
|
});
|
||||||
|
var ins = "";
|
||||||
|
var nev = false;
|
||||||
|
Object.keys(tags).forEach(function(key7) {
|
||||||
|
ins = ins + tags[key7].html;
|
||||||
|
if (key7 <= 0 && !nev) {
|
||||||
|
ins = ins + "<br>";
|
||||||
|
nev = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$("#suggest").html(ins);
|
||||||
|
$("#right-side").show();
|
||||||
|
$("#right-side").css("width", "200px");
|
||||||
|
$("#left-side").css("width", "calc(100% - 200px)");
|
||||||
|
var width = localStorage.getItem("postbox-width");
|
||||||
|
if (width) {
|
||||||
|
width = width.replace("px", "") * 1 + 200;
|
||||||
|
} else {
|
||||||
|
width = 500;
|
||||||
|
}
|
||||||
|
$("#post-box").css("width", width + "px");
|
||||||
|
$("#poll").addClass("hide");
|
||||||
|
$("#emoji").addClass("hide");
|
||||||
|
}
|
||||||
|
} else if (json.accounts[0] && acct[1]) {
|
||||||
|
var accts = "";
|
||||||
|
Object.keys(json.accounts).forEach(function(key3) {
|
||||||
|
var acct = json.accounts[key3];
|
||||||
|
if (acct.acct != q) {
|
||||||
|
//Instance Actorって…
|
||||||
|
if (acct.username.indexOf(".") < 0) {
|
||||||
|
accts = accts + "<a onclick=\"tagInsert('@" + acct.acct + "','@" + q + '\')" class="pointer">@' + acct.acct + "</a><br>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$("#right-side").show();
|
||||||
|
$("#right-side").css("width", "200px");
|
||||||
|
$("#left-side").css("width", "calc(100% - 200px)");
|
||||||
|
var width = localStorage.getItem("postbox-width");
|
||||||
|
if (width) {
|
||||||
|
width = width.replace("px", "") * 1 + 200;
|
||||||
|
} else {
|
||||||
|
width = 500;
|
||||||
|
}
|
||||||
|
$("#post-box").css("width", width + "px");
|
||||||
|
$("#suggest").html(accts);
|
||||||
|
$("#poll").addClass("hide");
|
||||||
|
$("#emoji").addClass("hide");
|
||||||
|
} else {
|
||||||
|
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
||||||
|
$("#right-side").hide();
|
||||||
|
$("#right-side").css("width", "300px");
|
||||||
|
$("#left-side").css("width", "100%");
|
||||||
|
var width = localStorage.getItem("postbox-width");
|
||||||
|
if (width) {
|
||||||
|
width = width.replace("px", "") * 1;
|
||||||
|
} else {
|
||||||
|
width = 300;
|
||||||
|
}
|
||||||
|
$("#post-box").css("width", width + "px");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$("#right-side").show()
|
}
|
||||||
$("#right-side").css("width", "200px")
|
|
||||||
$("#left-side").css("width", "calc(100% - 200px)")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1 + 200
|
|
||||||
} else {
|
|
||||||
width = 500
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
$("#suggest").html(accts);
|
|
||||||
$("#poll").addClass("hide")
|
|
||||||
$("#emoji").addClass("hide")
|
|
||||||
} else {
|
|
||||||
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
|
||||||
$("#right-side").hide()
|
|
||||||
$("#right-side").css("width", "300px")
|
|
||||||
$("#left-side").css("width", "100%")
|
|
||||||
var width = localStorage.getItem("postbox-width");
|
|
||||||
if (width) {
|
|
||||||
width = width.replace("px", "") * 1
|
|
||||||
} else {
|
|
||||||
width = 300
|
|
||||||
}
|
|
||||||
$("#post-box").css("width", width + "px")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
};
|
oldSuggest = suggest;
|
||||||
oldSuggest = suggest;
|
prev_value = new_val;
|
||||||
prev_value = new_val;
|
}, 1000);
|
||||||
}, 1000);
|
},
|
||||||
}, false);
|
false
|
||||||
|
);
|
||||||
|
|
||||||
input.addEventListener("blur", function () {
|
input.addEventListener(
|
||||||
window.clearInterval(timer);
|
"blur",
|
||||||
favTag();
|
function() {
|
||||||
}, false);
|
window.clearInterval(timer);
|
||||||
|
favTag();
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
function tagInsert(code, del) {
|
function tagInsert(code, del) {
|
||||||
var now = $("#textarea").val();
|
var now = $("#textarea").val();
|
||||||
var selin = $("#textarea").prop('selectionStart');
|
var selin = $("#textarea").prop("selectionStart");
|
||||||
if (!del) {
|
if (!del) {
|
||||||
} else {
|
} else {
|
||||||
var regExp = new RegExp(del.replace(/[.*+?^=!:${}()|[\]\/\\]/g, "\\$&"), "g");
|
var regExp = new RegExp(del.replace(/[.*+?^=!:${}()|[\]\/\\]/g, "\\$&"), "g");
|
||||||
|
|
@ -242,47 +204,51 @@ function tagInsert(code, del) {
|
||||||
$("#textarea").val(newt);
|
$("#textarea").val(newt);
|
||||||
$("#textarea").focus();
|
$("#textarea").focus();
|
||||||
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
if ($("#poll").hasClass("hide") && $("#emoji").hasClass("hide")) {
|
||||||
$("#right-side").hide()
|
$("#right-side").hide();
|
||||||
$("#right-side").css("width", "300px")
|
$("#right-side").css("width", "300px");
|
||||||
$("#left-side").css("width", "50%")
|
$("#left-side").css("width", "50%");
|
||||||
var width = localStorage.getItem("postbox-width").replace("px", "") * 1;
|
var width = localStorage.getItem("postbox-width").replace("px", "") * 1;
|
||||||
if (!width) {
|
if (!width) {
|
||||||
width = 300
|
width = 300;
|
||||||
}
|
}
|
||||||
$("#post-box").css("width", width + "px")
|
$("#post-box").css("width", width + "px");
|
||||||
}
|
}
|
||||||
$("#suggest").html("");
|
$("#suggest").html("");
|
||||||
}
|
}
|
||||||
function cgNPs(q) {
|
function cgNPs(q) {
|
||||||
suggest = "https://cg.toot.app/api/v1/search/light?q=" + q
|
suggest = "https://cg.toot.app/api/v1/search/light?q=" + q;
|
||||||
if (suggest != oldSuggest) {
|
if (suggest != oldSuggest) {
|
||||||
console.log("Try to get suggest at " + suggest)
|
console.log("Try to get suggest at " + suggest);
|
||||||
fetch(suggest, {
|
fetch(suggest, {
|
||||||
method: 'GET',
|
method: "GET",
|
||||||
headers: {
|
headers: {
|
||||||
'content-type': 'application/json'
|
"content-type": "application/json"
|
||||||
},
|
|
||||||
}).then(function (response) {
|
|
||||||
if (!response.ok) {
|
|
||||||
response.text().then(function(text) {
|
|
||||||
setLog(response.url, response.status, text);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
}).catch(function (error) {
|
|
||||||
todo(error);
|
|
||||||
console.error(error);
|
|
||||||
}).then(function (json) {
|
|
||||||
if (json[0]) {
|
|
||||||
var tags = "";
|
|
||||||
Object.keys(json).forEach(function (key4) {
|
|
||||||
var tag = json[key4];
|
|
||||||
tags = tags + '<a onclick="cgNP(\'' + json[key4] + '\')" class="pointer">' + escapeHTML(json[key4]) + '</a> ';
|
|
||||||
});
|
|
||||||
$("#suggest").html("Cinderella NowPlaying:" + tags);
|
|
||||||
} else {
|
|
||||||
$("#suggest").html("Cinderella NowPlaying:Not Found");
|
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
.then(function(response) {
|
||||||
|
if (!response.ok) {
|
||||||
|
response.text().then(function(text) {
|
||||||
|
setLog(response.url, response.status, text);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return response.json();
|
||||||
|
})
|
||||||
|
.catch(function(error) {
|
||||||
|
todo(error);
|
||||||
|
setLog(start, "JSON", error);
|
||||||
|
console.error(error);
|
||||||
|
})
|
||||||
|
.then(function(json) {
|
||||||
|
if (json[0]) {
|
||||||
|
var tags = "";
|
||||||
|
Object.keys(json).forEach(function(key4) {
|
||||||
|
var tag = json[key4];
|
||||||
|
tags = tags + "<a onclick=\"cgNP('" + json[key4] + '\')" class="pointer">' + escapeHTML(json[key4]) + "</a> ";
|
||||||
|
});
|
||||||
|
$("#suggest").html("Cinderella NowPlaying:" + tags);
|
||||||
|
} else {
|
||||||
|
$("#suggest").html("Cinderella NowPlaying:Not Found");
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user