Add top segments to the Top section and bottom segments to the Bottom section.
Separate each segment with a carriage return. Top/bottom segments can be separated by adding spaces to the lines.
Note: The number of top segments and bottom segments must match.
Top
Bottom
`;
const LOAD_DIALOG = `
Saved sessions (%LOADNAME%):
Click an item to load that session into the current set of inputs.
Click Delete to delete selected sessions.
Click Save to save the current inputs as a new session.
`;
}
function RenderHTMLBlockButtons() {
let block_html = "";
HTML_TAGS.forEach((tag) => {
if (!TA.user_settings.available_html_tags.includes(tag)) return;
let button_class = (HTML_STYLE_TAGS.includes(tag) ? 'ta-html-style-tag' : 'ta-html-only-tag');
block_html += ``;
});
return block_html;
}
function RenderSectionTextInputs(section_class, section_names, config) {
let html = "";
section_names.forEach((name) => {
let display_name = JSPLib.utility.displayCase(name);
let input_name = section_class + '-' + JSPLib.utility.kebabCase(name);
let label_style = config[name]?.label || "";
let value = TA.save_data[input_name] || "";
html += ``;
});
return html;
}
function RenderSectionCheckboxes(section_class, section_names, config) {
let html = "";
section_names.forEach((name) => {
let display_name = JSPLib.utility.displayCase(name);
let input_name = section_class + '-' + JSPLib.utility.kebabCase(name);
let title = (config[name]?.title ? `title="${config[name].title}"` : "");
let checked = (TA.save_data[input_name] !== true ? "" : 'checked');
html += ``;
});
return html;
}
function RenderTextShadowGrid() {
let grid_html = "";
let right_em = 9;
let col_val = -1;
['left', 'center', 'right'].forEach((colname) => {
let top_em = 1;
let row_val = -1;
['top', 'middle', 'bottom'].forEach((rowname) => {
if (colname === 'center' && rowname === 'middle') {
grid_html += ``;
} else {
let input_name = 'shadow-grid-' + rowname + '-' + colname;
let classname = (row_val === 0 || col_val === 0 ? 'ta-grid-side' : 'ta-grid-corner');
TA.shadow_grid[input_name] = TA.save_data[input_name] !== false;
let checked = (TA.shadow_grid[input_name] ? "checked" : "");
grid_html += ``;
}
top_em += 4;
row_val += 1;
});
right_em -= 4;
col_val += 1;
});
return `
${grid_html}
`;
}
function RenderCharButtons(char_list) {
let html = "";
char_list.forEach((item) => {
let display = item.display || item["char"];
html += ``;
});
return html;
}
function RenderHTMLError(iteration, message, input_html) {
let number = JSPLib.utility.padNumber(iteration + 1, 2);
if (!('firstColumn' in message)) {
return `
`;
}
function RenderCSSError(iteration, error) {
let highlight_html = JSPLib.utility.HTMLEscape(error.excerpt);
let message_html = JSPLib.utility.HTMLEscape(error.message);
let letter = String.fromCharCode(65 + iteration);
return `
${letter}. ${message_html}
Position: ${error.index}
CSS: ${highlight_html}
`;
}
function RenderUserLink(user) {
let user_name = JSPLib.utility.maxLengthString(user.name);
return `
${user_name}
`;
}
//Network functions
function QueryNoteVersions(search_options, query_options) {
let send_options = {search: {post_id: TA.post_id}, limit: 1};
Object.assign(send_options.search, search_options);
Object.assign(send_options, query_options);
return JSPLib.danbooru.submitRequest('note_versions', send_options);
}
function QueryNewNotations() {
QueryNoteVersions({id_gt: TA.last_id, updater_id_not_eq: TA.user_id}, {only: 'id,updated_at'}).then((data) => {
if (data.length > 0) {
JSPLib.debug.debuglog("New note record:", data);
alert("New noter detected: " + JSPLib.utility.timeAgo(data[0].updated_at));
TA.noter_detected = true;
} else {
JSPLib.debug.debuglog("No new noter detected.");
}
});
}
function QueryLastNotation() {
let query_options = {only: 'id,updated_at,updater[id,name,level,level_string]'};
if (TA.user_settings.last_noter_cache_time > 0) {
query_options.expires_in = TA.user_settings.last_noter_cache_time + 'min';
}
let search_options = (TA.user_settings.filter_last_noter_enabled ? {updater_id_not_eq: TA.user_id} : {});
QueryNoteVersions(search_options, query_options).then((data) => {
JSPLib.debug.debuglog("Last note record:", data);
TA.last_noter_queried = true;
let timeago_timestamp = (data.length ? JSPLib.utility.timeAgo(data[0].updated_at) : 'N/A');
let last_updater = (data.length ? RenderUserLink(data[0].updater) : 'N/A');
let total_notes = $('#notes > article').length;
let [embedded_status, embedded_color] = (TA.has_embedded ? ['Enabled', 'green'] : ['Disabled', 'red']);
let html = JSPLib.utility.regexReplace(NOTICE_INFO, {
LASTUPDATED: timeago_timestamp,
LASTUPDATER: last_updater,
TOTALNOTES: total_notes,
EMBEDDEDSTATUS: embedded_status,
EMBEDDEDCOLOR: embedded_color,
});
TA.$text_box.html(html);
ToggleSideMenu(true, false);
TA.last_id = data[0]?.id || TA.last_id;
});
}
async function ValidateHTML(input_html) {
var data, resp;
let send_html = HTML_DOC_HEADER + input_html + HTML_DOC_FOOTER;
try {
//Replace this with a JSPLib.network.post version
resp = await GM.xmlHttpRequest({
method: 'POST',
url: 'https://validator.nu?out=json',
headers: {'Content-Type': "text/html; charset=UTF-8"},
data: send_html,
});
} catch(e) {
JSPLib.notice.error("Error querying validation server validator.nu");
JSPLib.debug.debugerror("Server error:", e);
return null;
}
try {
data = JSON.parse(resp.response);
} catch(e) {
JSPLib.notice.error("Unable to parse validation response!");
JSPLib.debug.debugerror("Parse error:", e, resp.response);
return null;
}
if (!JSPLib.validate.isHash(data) || !('messages' in data)) {
JSPLib.notice.error("Unexpected response format!");
JSPLib.debug.debugerror("Unexpected format:", data);
return null;
}
return data;
}
//// HTML functions
function IsInsideHTMLTag(html_text, cursor) {
let c = cursor;
let d = cursor - 1;
return (((html_text.indexOf('<', c) < 0) && (html_text.indexOf('>', c) >= 0)) || (html_text.indexOf('<', c) > html_text.indexOf('>', c))) &&
(((html_text.lastIndexOf('>', d) < 0) && (html_text.lastIndexOf('<', d) >= 0)), (html_text.lastIndexOf('>', d) < html_text.lastIndexOf('<', d)));
}
function BuildHTMLTag(tag_name, attrib_dict, style_dict, blank_style = false) {
let style_pairs = Object.entries(style_dict).filter((style_pair) => (style_pair[1] !== ""));
if (style_pairs.length){
attrib_dict.style = style_pairs.map((style_pair) => (style_pair[0] + ": " + style_pair[1])).join('; ') + ';';
} else if (blank_style) {
attrib_dict.style = "";
} else {
delete attrib_dict.style;
}
let attrib_html = Object.entries(attrib_dict).map((attrib_pair) => (attrib_pair[0] + '="' + attrib_pair[1] + '"')).join(' ');
attrib_html = (attrib_html ? " " : "") + attrib_html;
return '<' + tag_name + attrib_html + '>';
}
function ParseTagAttributes(html_tag) {
let attrib_items = JSPLib.utility.findAll(html_tag, /\w+="[^"]+"/g);
let attrib_pairs = attrib_items.map((attrib) => JSPLib.utility.findAll(attrib, /(\w+)="([^"]+)"/g).filter((_item, i) => (i % 3)));
let attrib_dict = Object.assign({}, ...attrib_pairs.map((attrib_pair) => ({[attrib_pair[0]]: attrib_pair[1]})));
var style_dict;
if ('style' in attrib_dict) {
let style_pairs = attrib_dict.style.split(';').filter((style) => (!style.match(/^\s*$/))).map((style) => (style.split(':').map((str) => str.trim())));
style_dict = Object.assign({}, ...style_pairs.map((style) => ({[style[0]]: style[1]})));
} else {
style_dict = {};
}
JSPLib.debug.debuglog("ParseTagAttributes", {attrib_dict, style_dict});
return {attrib_dict, style_dict};
}
function TokenizeHTML(html_string) {
if (TokenizeHTML.tags) return TokenizeHTML.tags;
let html_length = html_string.length;
let html_tags = [];
let tag_stack = [];
let unclosed_tags = [];
let position = 0;
let match = null;
while (match = html_string.match(HTML_REGEX)) {
let start_pos = position + match.index;
let end_pos = start_pos + match[0].length;
if (match[1]) {
let html_tag = tag_stack.pop();
if (html_tag) {
if (html_tag.tag_name === match[2]) {
html_tag.close_tag_start = start_pos;
html_tag.close_tag_end = end_pos;
unclosed_tags.forEach((tag) => {
tag.close_tag_start = tag.close_tag_end = start_pos;
});
unclosed_tags.length = 0;
} else {
unclosed_tags.push(html_tag);
}
}
} else {
let html_tag = {
tag_name: match[2],
open_tag_start: start_pos,
open_tag_end: end_pos
};
html_tags.push(html_tag);
tag_stack.push(html_tag);
}
let increment = match.index + match[0].length;
position += increment;
html_string = html_string.slice(increment);
}
tag_stack.concat(unclosed_tags).forEach((tag) => {
tag.close_tag_start = tag.close_tag_end = html_length;
});
html_tags.forEach((tag) => {
tag.ancestor_tags = html_tags.filter((outer_tag) => {
if (tag === outer_tag) return false;
return outer_tag.open_tag_end <= tag.open_tag_start && outer_tag.close_tag_start >= tag.close_tag_end;
});
tag.descendant_tags = html_tags.filter((inner_tag) => {
if (tag === inner_tag) return false;
return tag.open_tag_end <= inner_tag.open_tag_start && tag.close_tag_start >= inner_tag.close_tag_end;
});
});
return html_tags;
}
function GetParentTag(html_tags, cursor) {
let ancestor_tags = html_tags.filter((tag) => tag.open_tag_end <= cursor && tag.close_tag_start >= cursor);
return ancestor_tags.reduce((acc, tag) => (!acc || (tag.ancestor_tags.length > acc.ancestor_tags.length) ? tag : acc), null);
}
function GetTag(html_text, cursor, warning = true) {
let tag;
if (TA.mode === 'main' || TA.mode === 'constructs') {
tag = GetHTMLTag(html_text, cursor);
if (!tag && warning) {
ShowErrorMessages(["No open tag selected."]);
}
} else if (TA.mode === 'embedded') {
tag = GetEmbeddedTag(html_text);
if (!tag && warning) {
ShowErrorMessages(["No tag with class note-box-attributes ."]);
}
} else if (warning) {
ShowErrorMessages([`Mode ${TA.mode} not implement for current function.`]);
}
return tag;
}
function GetHTMLTag(html_text, cursor) {
let html_tags = TokenizeHTML(html_text);
let html_tag = html_tags.filter((tag) => (cursor >= tag.open_tag_start && cursor < tag.open_tag_end))[0];
if (!html_tag) return;
html_tag.open_tag = html_text.slice(html_tag.open_tag_start, html_tag.open_tag_end);
html_tag.close_tag = html_text.slice(html_tag.close_tag_start, html_tag.open_tag_end);
html_tag.inner_html = html_text.slice(html_tag.open_tag_end, html_tag.close_tag_start);
html_tag.full_tag = html_text.slice(html_tag.open_tag_start, html_tag.close_tag_end);
html_tag.tag_name = html_tag.open_tag.match(/<(\w+)/)[1];
Object.assign(html_tag, ParseTagAttributes(html_tag.open_tag));
JSPLib.debug.debuglog("GetHTMLTag", html_tag);
return html_tag;
}
function GetEmbeddedTag(html_text) {
let html_tags = TokenizeHTML(html_text);
let embedded_tag = html_tags.find((html_tag) => {
html_tag.open_tag = html_text.slice(html_tag.open_tag_start, html_tag.open_tag_end);
if (!html_tag.open_tag.match(/ class="[^"]+"/)) return;
Object.assign(html_tag, ParseTagAttributes(html_tag.open_tag));
if (html_tag.attrib_dict["class"].split(' ').includes('note-box-attributes')) return html_tag;
});
if (!embedded_tag) return;
embedded_tag.close_tag = html_text.slice(embedded_tag.close_tag_start, embedded_tag.open_tag_end);
embedded_tag.inner_html = html_text.slice(embedded_tag.open_tag_end, embedded_tag.close_tag_start);
embedded_tag.full_tag = html_text.slice(embedded_tag.open_tag_start, embedded_tag.close_tag_end);
embedded_tag.tag_name = embedded_tag.open_tag.match(/<(\w+)/)[1];
JSPLib.debug.debuglog("GetEmbeddedTag", embedded_tag);
return embedded_tag;
}
function GetRubyTag(html_text, cursor) {
let html_tags = TokenizeHTML(html_text);
let overall_ruby_tag = html_tags.find((html_tag) => {
if (html_tag.open_tag_start > cursor || html_tag.open_tag_end <= cursor) return;
html_tag.open_tag = html_text.slice(html_tag.open_tag_start, html_tag.open_tag_end);
html_tag.tag_name = html_tag.open_tag.match(/<(\w+)/)[1];
if (html_tag.tag_name !== 'ruby') return;
html_tag.close_tag = html_text.slice(html_tag.close_tag_start, html_tag.open_tag_end);
html_tag.inner_html = html_text.slice(html_tag.open_tag_end, html_tag.close_tag_start);
html_tag.full_tag = html_text.slice(html_tag.open_tag_start, html_tag.close_tag_end);
Object.assign(html_tag, ParseTagAttributes(html_tag.open_tag));
return html_tag;
});
if (!overall_ruby_tag) return;
let inner_tags = html_tags.filter((html_tag) => ((html_tag.open_tag_start >= overall_ruby_tag.open_tag_end) && (html_tag.close_tag_end <= overall_ruby_tag.close_tag_start)))
.sort((a, b) => (a.open_tag_start - b.open_tag_start));
let temp_inner_tags = [...inner_tags];
let base_inner_tags = [];
var next_inner_tag;
const _unshift_tags = function (current_tag, html_tags) {return html_tags.filter((html_tag) => (html_tag.open_tag_start >= next_inner_tag.close_tag_end));};
while (next_inner_tag = inner_tags.shift()) {
inner_tags = _unshift_tags(next_inner_tag, inner_tags);
next_inner_tag.open_tag = html_text.slice(next_inner_tag.open_tag_start, next_inner_tag.open_tag_end);
next_inner_tag.tag_name = next_inner_tag.open_tag.match(/<(\w+)/)[1];
if (next_inner_tag.tag_name !== 'rt' && next_inner_tag.tag_name !== 'span') continue;
next_inner_tag.close_tag = html_text.slice(next_inner_tag.close_tag_start, next_inner_tag.open_tag_end);
next_inner_tag.inner_html = html_text.slice(next_inner_tag.open_tag_end, next_inner_tag.close_tag_start);
next_inner_tag.full_tag = html_text.slice(next_inner_tag.open_tag_start, next_inner_tag.close_tag_end);
Object.assign(next_inner_tag, ParseTagAttributes(next_inner_tag.open_tag));
base_inner_tags.push(next_inner_tag);
}
let top_ruby_tags = base_inner_tags.filter((html_tag) => (html_tag.tag_name === 'rt'));
let bottom_ruby_tags = base_inner_tags.filter((html_tag) => (html_tag.tag_name === 'span'));
return {overall: overall_ruby_tag, top: top_ruby_tags, bottom: bottom_ruby_tags, temp_inner_tags, html_tags};
}
function ValidateCSS(input_html) {
let $validator = $('');
let valid_styles = Object.keys($validator[0].style).map(JSPLib.utility.kebabCase);
let error_array = [];
for (let match of input_html.matchAll(/(style\s*=\s*")([^"]+)"/g)) {
let style_index = match.index + match[1].length + 1; // One-based positioning
let styles = match[2].replace(/\s*;\s*$/, '').split(';'); // Remove the final semi-colon
for (let i = 0; i < styles.length; style_index += styles[i++].length + 1) {
let error = {
excerpt: styles[i],
index: style_index,
};
let [attr, value, ...misc] = styles[i].split(':');
if (misc.length) {
error_array.push(Object.assign({message: "Extra colons found."}, error));
continue;
}
attr = attr.trim();
if (value === undefined) {
if (attr.length === 0) {
error.excerpt += ';';
error_array.push(Object.assign({message: "Extra-semi colon found."}, error));
} else {
error_array.push(Object.assign({message: "No colons found."}, error));
}
continue;
}
if (!valid_styles.includes(attr)) {
error_array.push(Object.assign({message: "Invalid style attribute: " + attr}, error));
continue;
}
let attr_key = JSPLib.utility.camelCase(attr);
value = value.replace(/\s*!important\s*$/, "").trim();
$validator[0].style[attr_key] = value;
if ($validator[0].style[attr_key] === "") {
error_array.push(Object.assign({message: "Invalid style value: " + value}, error));
}
}
}
return error_array;
}
// DOM functions
function UpdateHTMLStyles(text_area, add_styles) {
//Add styles to an existing HTML tag
let html_tag = GetTag(text_area.value, text_area.selectionStart);
if (!html_tag) return;
let style_dict = MergeCSSStyles(html_tag.style_dict, add_styles);
let final_tag = BuildHTMLTag(html_tag.tag_name, html_tag.attrib_dict, style_dict);
text_area.value = text_area.value.slice(0, html_tag.open_tag_start) + final_tag + text_area.value.slice(html_tag.open_tag_end);
text_area.focus();
text_area.setSelectionRange(html_tag.open_tag_start, html_tag.open_tag_start + final_tag.length);
}
function InsertHTMLBlock(text_area, tag_name, style_dict) {
//Insert a new HTML tag
let prefix = BuildHTMLTag(tag_name, {}, style_dict);
let suffix = '';
let fixtext = "";
let select_start = text_area.selectionStart;
fixtext = text_area.value.slice(0, text_area.selectionStart);
let valueselection = text_area.value.slice(text_area.selectionStart, text_area.selectionEnd);
fixtext += prefix + valueselection + suffix;
let caretPos = fixtext.length;
fixtext += text_area.value.slice(text_area.selectionEnd);
text_area.value = fixtext;
text_area.focus();
text_area.setSelectionRange(select_start, caretPos);
}
function AddBlockElement(text_area, tag_name) {
let html_text = text_area.value;
let cursor = text_area.selectionStart;
let cursor_end = text_area.selectionEnd;
if (IsInsideHTMLTag(html_text, cursor_end)) {
ShowErrorMessages(["Cannot end selection inside another tag."]);
return;
}
let html_tags = TokenizeHTML(html_text);
if (GetParentTag(html_tags, cursor) !== GetParentTag(html_tags, cursor_end)) {
ShowErrorMessages(["Selection end cannot end inside a sibling tag."]);
return;
}
let initialize = $('#ta-css-style-initialize').get(0)?.checked;
let [create_styles, invalid_styles] = (initialize && HTML_STYLE_TAGS.includes(tag_name) ? GetCSSStyles(false, INPUT_SECTIONS[TA.mode]) : [{}, {}]);
InsertHTMLBlock(text_area, tag_name, create_styles);
let style_errors = Object.entries(invalid_styles).map((style_pair) => (`${style_pair[0]} => "${style_pair[1]}"`));
if (style_errors.length) {
ShowStyleErrors(style_errors);
} else {
TA.$close_notice_link.click();
}
}
function ChangeBlockElement(text_area, tag_name) {
let cursor = text_area.selectionStart;
let html_string = text_area.value;
let html_tags = TokenizeHTML(html_string);
let html_tag = html_tags.filter((tag) => ((cursor > tag.open_tag_start && cursor < tag.open_tag_end) || (cursor > tag.close_tag_start && cursor < tag.close_tag_end)))[0];
if (!html_tag) return;
if (html_tag.close_tag_start) {
//Open tags may not have a close tag
let end_tag = html_string.slice(html_tag.close_tag_start, html_tag.close_tag_end);
end_tag = end_tag.replace(HTML_REGEX, `<$1${tag_name}$3>`);
html_string = html_string.slice(0, html_tag.close_tag_start) + end_tag + html_string.slice(html_tag.close_tag_end);
}
let start_tag = html_string.slice(html_tag.open_tag_start, html_tag.open_tag_end);
start_tag = start_tag.replace(HTML_REGEX, `<$1${tag_name}$3>`);
html_string = html_string.slice(0, html_tag.open_tag_start) + start_tag + html_string.slice(html_tag.open_tag_end);
text_area.value = html_string;
text_area.focus();
let start_pos = html_tag.open_tag_start + 1;
text_area.setSelectionRange(start_pos, start_pos + tag_name.length);
TA.$close_notice_link.click();
}
function DeleteBlockElement(text_area) {
let cursor = text_area.selectionStart;
let html_string = text_area.value;
let html_tags = TokenizeHTML(html_string);
let html_tag = html_tags.filter((tag) => ((cursor > tag.open_tag_start && cursor < tag.open_tag_end) || (cursor > tag.close_tag_start && cursor < tag.close_tag_end)))[0];
if (!html_tag) return;
if (html_tag.close_tag_start) {
//Open tags may not have a close tag
html_string = html_string.slice(0, html_tag.close_tag_start) + html_string.slice(html_tag.close_tag_end);
}
html_string = html_string.slice(0, html_tag.open_tag_start) + html_string.slice(html_tag.open_tag_end);
text_area.value = html_string;
text_area.focus();
text_area.setSelectionRange(cursor, cursor);
TA.$close_notice_link.click();
}
//// Input functions
function GetInputs(key) {
let save_data = {};
let selector = INPUT_SECTIONS[key];
$(selector).each((_i, input) => {
if (input.tagName === 'INPUT' && input.type === 'checkbox') {
save_data[input.name] = input.checked;
} else {
save_data[input.name] = input.value;
}
});
return save_data;
}
function SetInputs(key, load_data) {
let selector = INPUT_SECTIONS[key];
$(selector).each((_i, input) => {
if (!(input.name in load_data)) return;
if (input.tagName === 'INPUT' && input.type === 'checkbox') {
input.checked = load_data[input.name];
} else {
input.value = load_data[input.name];
}
});
}
function SaveMenuState() {
for (let key in INPUT_SECTIONS) {
TA.save_data = Object.assign(TA.save_data, GetInputs(key));
}
JSPLib.storage.setStorageData('ta-saved-inputs', TA.save_data, localStorage);
JSPLib.storage.setStorageData('ta-mode', TA.mode, localStorage);
let {left, top, fontSize} = $('#ta-side-menu').get(0).style;
JSPLib.storage.setStorageData('ta-position', {left, top, fontSize}, localStorage);
}
function ClearInputs(selector) {
$(selector).each((_i, input) => {
input.value = "";
});
}
function GetActiveTextArea(close_notice = true) {
let text_area = $('.note-edit-dialog').filter((_i, entry) => (entry.style.display !== 'none')).find('textarea').get(0);
if (!text_area) {
JSPLib.notice.error("No active note edit box!");
return;
}
if (close_notice) {
TA.$close_notice_link.click();
}
TokenizeHTML.tags = null;
return text_area;
}
// Note functions
function ReloadNotes() {
Danbooru.Note.notes.clear();
$('.note-box, .note-body').remove();
Danbooru.Note.load_all();
Danbooru.Note.Box.scale_all();
}
function GetMovableNote() {
let note = [...Danbooru.Note.notes].filter((note) => note.is_selected())[0];
if (!note) {
JSPLib.notice.error("No selected note!");
} else {
TA.$close_notice_link.click();
}
return note;
}
function GetAllNotesOrdered() {
let [new_notes, saved_notes] = [...Danbooru.Note.notes].reduce((total, note) => ((note.id === null ? total[0].push(note) : total[1].push(note)) && total), [[], []]);
saved_notes.sort((a, b) => (a.id - b.id));
return JSPLib.utility.concat(saved_notes, new_notes);
}
function GetNotePlacement(note) {
$('#ta-placement-info-x').text(note.x);
$('#ta-placement-info-y').text(note.y);
$('#ta-placement-info-w').text(note.w);
$('#ta-placement-info-h').text(note.h);
}
function SetNotePlacement(note) {
note.box.place_note(note.x, note.y, note.w, note.h, true);
Danbooru.Note.Body.hide_all();
note.box.$note_box.addClass("unsaved");
}
function SelectNote(callback) {
if (Danbooru.Note.notes.size === 0) {
JSPLib.notice.error("No notes to select!");
}
let all_notes = GetAllNotesOrdered();
let current_note = all_notes.filter((note) => note.is_selected())[0];
let select_note = callback(current_note, all_notes);
if (current_note) {
current_note.unselect();
}
select_note.select();
select_note.box.$note_box[0].scrollIntoView({
behavior: 'auto',
block: 'center',
inline: 'nearest'
});
if (!TA.has_embedded) {
select_note.body.show();
}
}
// CSS functions
function GetCSSStyles(overwrite, selector) {
let add_styles = {};
let invalid_styles = {};
let test_div = document.createElement('div');
$(selector).each((_i, input) => {
let value = input.value.trim(/\s/);
if (value === "" && !overwrite) return;
let style_name = input.dataset.name;
let [parse_style_name, parse_value] = STYLE_CONFIG[style_name]?.parse?.(style_name, value) || [style_name, value];
let normalized_value = STYLE_CONFIG[style_name]?.normalize?.(parse_value) || parse_value;
let use_style_name = (STYLE_CONFIG[style_name]?.use_parse ? parse_style_name : style_name);
test_div.style.setProperty(use_style_name, normalized_value);
if (test_div.style.getPropertyValue(use_style_name) === normalized_value) {
let final_value = STYLE_CONFIG[style_name]?.finalize?.(parse_value) || parse_value;
add_styles[parse_style_name] = final_value;
} else {
JSPLib.debug.debugwarn(`Invalid style [${style_name}]: ${value} => ${parse_value} -> ${normalized_value} != ${test_div.style.getPropertyValue(style_name)}`);
invalid_styles[parse_style_name] = parse_value;
}
});
JSPLib.debug.debuglog('GetCSSStyles', {add_styles, invalid_styles});
return [add_styles, invalid_styles];
}
function MergeCSSStyles(style_dict, add_styles) {
let copy_style_dict = JSPLib.utility.dataCopy(style_dict);
let copy_keys = Object.keys(copy_style_dict);
for (let style_name in add_styles) {
copy_keys.forEach((key) => {
if (STYLE_CONFIG[style_name]?.family?.includes(key)) {
delete copy_style_dict[key];
}
});
copy_style_dict[style_name] = add_styles[style_name];
}
return copy_style_dict;
}
//// CSS color
function ValidateColor(text) {
let test_div = document.createElement('div');
let normalized_color = NormalizeColor(text);
test_div.style.color = normalized_color;
return test_div.style.color === normalized_color;
}
function NormalizeColor(text) {
var match;
if (match = text.match(/^#([0-9a-f])([0-9a-f])([0-9a-f])$/i)) {
text = '#' + match[1] + match[1] + match[2] + match[2] + match[3] + match[3];
} else if (match = text.match(/^#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])$/i)) {
text = '#' + match[1] + match[1] + match[2] + match[2] + match[3] + match[3] + match[4] + match[4];
}
if (match = text.match(/^#([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])$/i)) {
let [r, g, b] = [parseInt(match[1], 16), parseInt(match[2], 16), parseInt(match[3], 16)];
return `rgb(${r}, ${g}, ${b})`;
}
if (match = text.match(/^#([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])$/i)) {
let [r, g, b, a] = [parseInt(match[1], 16), parseInt(match[2], 16), parseInt(match[3], 16), parseFloat((parseInt(match[4], 16) / 255).toFixed(3))];
if (a === 1) {
return `rgb(${r}, ${g}, ${b})`;
}
return `rgba(${r}, ${g}, ${b}, ${a})`;
}
return FinalizeColor(text);
}
function FinalizeColor(text) {
var match;
let compressed_text = text.split(/\s+/).join('');
if (match = compressed_text.match(/^rgb\(([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})\)$/)) {
return `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
}
if (match = compressed_text.match(/^rgba\(([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3}),([0-9.]{1,5})\)$/)) {
if (parseFloat(match[4]) === 1) {
return `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
}
return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${match[4]})`;
}
return text;
}
//// CSS size
function ValidateSize(text) {
let test_div = document.createElement('div');
let normalized_size = NormalizeSize(text);
test_div.style.top = normalized_size;
return test_div.style.top === normalized_size;
}
function NormalizeSize(text) {
return text.replace(/(?<=^|\s)0(?=$|\s)/g, '0px');
}
//// CSS direction
function ParseDirection(style_name, text) {
let match = text.match(/^\s*(top|bottom|left|right)\s+(\S+)/);
return (match ? [style_name + '-' + match[1], match[2]] : [style_name, text]);
}
function CopyDirection(style_name, text) {
let [ , name, direction] = style_name.match(/(\S+)-(top|bottom|left|right)/);
return [name, direction + ' ' + text];
}
function ParseDirectionStyles(style_dict) {
let copy_style_dict = {};
for (let style_name in style_dict) {
let [copy_style_name, copy_value] = STYLE_CONFIG[style_name]?.copy?.(style_name, style_dict[style_name]) || [];
if (copy_style_name) {
copy_style_dict[copy_style_name] = copy_value;
} else {
copy_style_dict[style_name] = style_dict[style_name];
}
}
return copy_style_dict;
}
//// CSS text shadow
function BuildTextShadowStyle(append, style_dict) {
let errors = [];
let attribs = Object.assign(...$('#ta-text-shadow-attribs input').map((i, entry) => ({[entry.dataset.name.trim()]: entry.value})));
let initial_shadow = (append && style_dict['text-shadow']) || "";
if (attribs.size === "") {
return initial_shadow;
}
if (!ValidateSize(attribs.size)) errors.push("Invalid size specified.");
if ((attribs.color !== "") && !ValidateColor(attribs.color)) errors.push("Invalid color specified.");
if ((attribs.blur !== "") && !ValidateSize(attribs.blur)) errors.push("Invalid blur specified.");
if (errors.length) {
JSPLib.notice.error(errors.join(' '));
return false;
}
attribs.color = FinalizeColor(attribs.color);
let grid_points = $('#ta-text-shadow-grid input').filter((i, entry) => entry.checked).map((i, entry) => entry.value).toArray().map(JSON.parse);
let text_shadows = grid_points.map((grid_point) => {
let horizontal = (grid_point[0] === 0 ? '0' : "") || ((grid_point[0] === -1 ? '-' : "") + attribs.size);
let vertical = (grid_point[1] === 0 ? '0' : "") || ((grid_point[1] === -1 ? '-' : "") + attribs.size);
let text_shadow = horizontal + ' ' + vertical;
text_shadow += (attribs.blur !== "" ? ' ' + attribs.blur : "");
text_shadow += (attribs.color !== "" ? ' ' + attribs.color : "");
return text_shadow;
});
return (initial_shadow ? initial_shadow + ', ' : "") + text_shadows.join(', ');
}
function TokenizeTextShadow(shadow) {
let shadow_tokens = shadow.split(/\s+/);
if (shadow_tokens.length < 2) return;
if (!ValidateSize(shadow_tokens[0]) || !ValidateSize(shadow_tokens[1])) return;
let size = (shadow_tokens[0].match(/^-?(?:0\.|[1-9]).*/) || shadow_tokens[1].match(/^-?(?:0\.|[1-9]).*/) || [])[0];
if (!size) return;
size = (size[0] === '-' ? size.slice(1) : size);
let shadow_style = {size};
if (shadow_tokens.length === 3) {
if (ValidateSize(shadow_tokens[2])) {
shadow_style.blur = shadow_tokens[2];
} else if (ValidateColor(shadow_tokens[2])) {
shadow_style.color = shadow_tokens[2];
}
} else if (shadow_tokens.length === 4) {
if (ValidateSize(shadow_tokens[2])) {
shadow_style.blur = shadow_tokens[2];
}
if (ValidateColor(shadow_tokens[3])) {
shadow_style.color = shadow_tokens[3];
}
}
return shadow_style;
}
function ParseTextShadows(style_dict) {
if (!style_dict['text-shadow']) return;
let text_shadows = style_dict['text-shadow'].split(',').map((str) => str.trim());
//The first shadow is used for style parsing
let shadow_style = TokenizeTextShadow(text_shadows[0]);
if (!shadow_style) return;
['left', 'center', 'right'].forEach((colname) => {
['top', 'middle', 'bottom'].forEach((rowname) => {
let input_name = 'shadow-grid-' + rowname + '-' + colname;
TA.shadow_grid[input_name] = false;
});
});
text_shadows.forEach((shadow) => {
let style = TokenizeTextShadow(shadow);
if (!style) return;
//Break out of the loop when a new style is detected
if (style.blur !== shadow_style.blur || style.color !== shadow_style.color) return false;
let match = shadow.match(/^\s*(-)?(\d)\S*\s+(-)?(\d)/);
if (!match) return null;
let colname = (match[1] ? 'left' : (match[2] === '0' ? 'center' : 'right'));
let rowname = (match[3] ? 'top' : (match[4] === '0' ? 'middle' : 'bottom'));
let input_name = 'shadow-grid-' + rowname + '-' + colname;
TA.shadow_grid[input_name] = true;
});
JSPLib.debug.debuglog('ParseTextShadows', {shadow_style, shadow_grid: TA.shadow_grid});
return shadow_style;
}
// Dialogs
function OpenLoadDialog(panel) {
if (!TA.$load_dialog[panel]) {
let $dialog = $(RenderLoadDialog(panel));
$dialog.find('.ta-load-session-item').on(PROGRAM_CLICK, LoadSessionInput);
$dialog.find('.ta-load-saved-controls a').on(PROGRAM_CLICK, LoadControls);
$dialog.dialog(LOAD_DIALOG_SETTINGS);
TA.$load_dialog[panel] = $dialog;
}
TA.active_panel = panel;
TA.$load_dialog[panel].dialog('open');
}
function OpenRubyDialog() {
if (!TA.$ruby_dialog) {
TA.$ruby_dialog = $(RenderRubyDialog());
TA.$ruby_dialog.find('#ta-ruby-dialog-tabs > .ta-menu-tab').on(PROGRAM_CLICK, SwitchRubySections);
TA.$ruby_dialog.dialog(RUBY_DIALOG_SETTINGS);
TA.$pin_button = $("").button({icons: {primary: "ui-icon-pin-w"}, label: "pin", text: false});
TA.$pin_button.css({width: "20px", height: "20px", position: "absolute", right: "28.4px"});
TA.$ruby_dialog.parent().children(".ui-dialog-titlebar").append(TA.$pin_button);
TA.$pin_button.on(PROGRAM_CLICK, PinRubyDialog);
}
TA.$ruby_dialog.dialog('open');
}
// Event handlers
//// Side menu handlers
function OpenSideMenu() {
if ($("body").hasClass("mode-translation")) {
ToggleSideMenu(true);
}
}
function CloseSideMenu() {
ToggleSideMenu(false);
if (!TA.close_notice_shown && TA.user_settings.close_notice_enabled) {
JSPLib.notice.notice("The Translator Assist menu can be reopened by clicking Translator Assist in the Post options menu (Alt+T).");
TA.close_notice_shown = true;
} else {
TA.$close_notice_link.click();
}
}
function ResetSideMenu() {
TA.$side_menu.css({top: '', left: '', fontSize: ''});
}
function ResizeSideMenu(event) {
let additive = $(event.currentTarget).data('add');
let font_size_str = window.getComputedStyle(TA.$side_menu[0]).fontSize;
let font_size = Number(font_size_str.match(/^\d+/)[0]);
TA.$side_menu[0].style.fontSize = JSPLib.utility.clamp(font_size + additive, 9, 18) + 'px';
}
function KeyboardMenuToggle() {
if ($("body").hasClass("mode-translation")) {
ToggleSideMenu(!TA.side_menu_open);
}
}
function SwitchSections(event) {
$('#ta-side-menu-tabs .ta-menu-tab').removeClass('ta-active');
$(event.currentTarget).addClass('ta-active');
let value = $(event.currentTarget).data('value');
let selector = '#ta-section-' + value;
$('#ta-sections > div').hide();
$(selector).show();
if (value === 'main' || value === 'embedded') {
$('#ta-menu-options').show();
} else {
$('#ta-menu-options').hide();
}
if (value === 'controls' || value === 'codes') {
$('#ta-menu-controls').hide();
} else {
$('#ta-menu-controls').show();
}
TA.mode = value;
}
function ToggleSideNotice() {
if (!TA.initialized) {
InitializeSideMenu();
}
if(!$("body").hasClass("mode-translation")) {
if (!TA.last_noter_queried && TA.user_settings.query_last_noter_enabled) {
QueryLastNotation();
} else {
ToggleSideMenu(true, false);
}
if (TA.user_settings.new_noter_check_enabled) {
let interval_period = TA.user_settings.new_noter_check_interval * JSPLib.utility.one_minute;
TA.poll_timer = setInterval(() => {PollForNewNotations();}, interval_period);
}
} else {
if (TA.side_menu_open) {
ToggleSideMenu(false, false);
}
if (TA.user_settings.new_noter_check_enabled) {
clearInterval(TA.poll_timer);
}
}
TA.$post_option.hide();
}
//// Main handlers
function CopyTagStyles() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
let html_tag = GetTag(text_area.value, text_area.selectionStart);
if (!html_tag) return;
let style_dict = ParseDirectionStyles(html_tag.style_dict);
if (TA.mode === 'constructs') {
let shadow_style = ParseTextShadows(style_dict);
if (!shadow_style) {
ShowErrorMessages(["No valid text shadows found."]);
return;
}
style_dict = shadow_style;
$('#ta-text-shadow-grid input').each((_i, input) => {
let input_name = input.name;
let input_value = TA.shadow_grid[input_name];
input.checked = input_value;
});
}
let selector = INPUT_SECTIONS[TA.mode];
$(selector).each((_i, input) => {
let style_name = input.dataset.name;
let style_value = style_dict[style_name] || "";
input.value = style_value;
});
}
function ApplyTagStyles() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
SaveHTML(text_area);
let html_tag = GetTag(text_area.value, text_area.selectionStart);
if (!html_tag) return;
let overwrite = $('#ta-css-style-overwrite').get(0)?.checked;
var add_styles = {};
var invalid_styles = {};
if (TA.mode === 'constructs') {
let append = $('#ta-text-shadow-append').get(0)?.checked;
let text_shadow_style = BuildTextShadowStyle(append, html_tag.style_dict);
if (text_shadow_style === false) return;
add_styles['text-shadow'] = text_shadow_style;
} else {
[add_styles, invalid_styles] = GetCSSStyles(overwrite, INPUT_SECTIONS[TA.mode]);
}
let style_errors = Object.entries(invalid_styles).map((style_pair) => (`${style_pair[0]} => "${style_pair[1]}"`));
if (Object.keys(add_styles).length) {
UpdateHTMLStyles(text_area, add_styles);
} else if (!overwrite && style_errors.length === 0) {
ShowErrorMessages(["No styles entered."]);
return;
}
if (style_errors.length) {
ShowStyleErrors(style_errors);
} else {
TA.$close_notice_link.click();
}
}
function ClearTagStyles() {
ClearInputs(INPUT_SECTIONS[TA.mode]);
}
function LoadTagStyles() {
OpenLoadDialog(TA.mode);
}
//// Main section handlers
function ApplyBlock(event) {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
SaveHTML(text_area);
if (IsInsideHTMLTag(text_area.value, text_area.selectionStart)) {
ChangeBlockElement(text_area, event.currentTarget.value);
} else {
AddBlockElement(text_area, event.currentTarget.value);
}
}
function DeleteBlock() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
if (IsInsideHTMLTag(text_area.value, text_area.selectionStart)) {
SaveHTML(text_area);
DeleteBlockElement(text_area);
} else {
JSPLib.notice.error("No tag selected!");
}
}
function SaveHTML(text_area) {
let $text_area = $(text_area);
let undo_actions = $text_area.data('undo_actions') || [];
let undo_index = $text_area.data('undo_index') || 0;
undo_actions = undo_actions.slice(0, undo_index);
undo_actions.push(text_area.value);
$text_area.data('undo_actions', undo_actions);
$text_area.data('undo_index', undo_actions.length);
$text_area.data('undo_saved', true);
JSPLib.debug.debuglog('SaveMarkup', {undo_actions, undo_index});
}
function UndoAction() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
let $text_area = $(text_area);
let {undo_actions = [], undo_index = 0, undo_saved} = $text_area.data();
if (undo_saved) {
undo_actions.push(text_area.value);
$text_area.data('undo_actions', undo_actions);
}
let undo_html = undo_actions.slice(undo_index - 1, undo_index)[0];
if (JSPLib.validate.isString(undo_html)) {
text_area.value = undo_html;
} else {
JSPLib.notice.notice("Beginning of actions buffer reached.");
}
let new_index = Math.max(0, undo_index - 1);
$text_area.data('undo_index', new_index);
$text_area.data('undo_saved', false);
JSPLib.debug.debuglog('UndoAction', {undo_actions, undo_index, new_index});
return Boolean(undo_html);
}
function RedoAction() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
let $text_area = $(text_area);
let {undo_actions = [], undo_index = 0} = $text_area.data();
let undo_html = undo_actions.slice(undo_index + 1, undo_index + 2)[0];
if (undo_html) {
text_area.value = undo_html;
} else {
JSPLib.notice.notice("End of actions buffer reached.");
}
let new_index = Math.min(undo_actions.length - 1, undo_index + 1);
$text_area.data('undo_index', new_index);
$text_area.data('undo_saved', false);
JSPLib.debug.debuglog('RedoAction', {undo_actions, undo_index, new_index});
return Boolean(undo_html);
}
function ClearActions(event) {
let $text_area = $(event.currentTarget);
$text_area.data('undo_actions', []);
$text_area.data('undo_index', 0);
$text_area.data('undo_saved', false);
JSPLib.debug.debuglog('Cleared actions.');
}
function NormalizeNote() {
let text_area = GetActiveTextArea();
if (!text_area) return;
SaveHTML(text_area);
let html_text = text_area.value;
let normalized_text = $('
' + html_text + '
').html();
text_area.value = normalized_text;
text_area.focus();
}
async function SanitizeNote() {
let text_area = GetActiveTextArea();
if (!text_area) return;
SaveHTML(text_area);
let data = await JSPLib.danbooru.submitRequest('note_previews', {body: text_area.value});
text_area.value = data.body;
text_area.focus();
}
async function ValidateNote() {
let text_area = GetActiveTextArea();
if (!text_area) return;
let transform_html = text_area.value.replace(//g, '
').replace(/<\/tn>/g, '
');
let html_errors = await ValidateHTML(transform_html);
if (html_errors === null) {
return;
}
let error_lines = [];
if (html_errors.messages.length) {
JSPLib.debug.debuglog("HTML errors:", html_errors);
error_lines = html_errors.messages.map((message, i) => RenderHTMLError(i, message, transform_html));
}
let css_errors = ValidateCSS(text_area.innerHTML);
if (css_errors.length) {
JSPLib.debug.debuglog("CSS errors:", css_errors);
error_lines = JSPLib.utility.concat(error_lines, css_errors.map((error, i) => RenderCSSError(i, error)));
}
if (error_lines.length) {
JSPLib.notice.error('
' + error_lines.join('') + '
');
}
}
//// Constructs section handlers
function TextShadowControls(event) {
let value = $(event.currentTarget).data('value');
switch (value) {
case 'all':
$('#ta-text-shadow-grid input').each((i, entry) => {$(entry).prop('checked', true);});
break;
case 'sides':
$('#ta-text-shadow-grid .ta-grid-side').each((i, entry) => {$(entry).prop('checked', true);});
$('#ta-text-shadow-grid .ta-grid-corner').each((i, entry) => {$(entry).prop('checked', false);});
break;
case 'corners':
$('#ta-text-shadow-grid .ta-grid-corner').each((i, entry) => {$(entry).prop('checked', true);});
$('#ta-text-shadow-grid .ta-grid-side').each((i, entry) => {$(entry).prop('checked', false);});
break;
case 'none':
$('#ta-text-shadow-grid input').each((i, entry) => {$(entry).prop('checked', false);});
//falls through
default:
//do nothing
}
}
//// Embedded section handlers
function ToggleEmbeddedMode() {
if (TA.has_embedded) {
$('meta[name=post-has-embedded-notes]').attr('content', 'false');
$('#ta-embedded-status-text').text('Disabled').css('color', 'red');
$('#ta-side-embedded-sections').hide();
$('#post_has_embedded_notes').attr('checked', false);
} else {
$('meta[name=post-has-embedded-notes]').attr('content', 'true');
$('#ta-embedded-status-text').text('Enabled').css('color', 'green');
$('#ta-side-embedded-sections').show();
$('#post_has_embedded_notes').attr('checked', true);
}
let $notes = $('#notes');
Danbooru.Note.notes.forEach((note) => {
if (note.id === null) return;
let santized_html = (note.body.$note_body.html() === 'Click to edit' ? note.box.$inner_border.html() : note.body.$note_body.html());
let original_html = note.original_body;
if (TA.starting_notes.has(note.id)) {
let $note = $notes.find(`[data-id="${note.id}"]`);
$note.attr({
'data-width': note.w,
'data-height': note.h,
'data-x': note.x,
'data-y': note.y,
'data-id': note.id,
'data-body': JSPLib.utility.HTMLEscape(original_html),
});
$note.html(santized_html);
} else {
let html = `${santized_html}`;
$notes.append(html);
TA.starting_notes.add(note.id);
}
});
ReloadNotes();
TA.has_embedded = !TA.has_embedded;
JSPLib.network.put(`/posts/${TA.post_id}.json`, {data: {post: {has_embedded_notes: TA.has_embedded}}}).then(
() => {JSPLib.notice.notice("Settings updated.");},
() => {JSPLib.notice.error("Error updating settings.");},
);
}
function AddEmbeddedElement() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
SaveHTML(text_area);
let html_text = text_area.value;
let html_tag = GetTag(html_text, text_area.selectionStart, false);
if (html_tag) {
ShowErrorMessages(['Tag with class note-box-attributes already exists.']);
return;
}
let note_html = (html_tag ? html_text.replace(html_tag.full_tag, "") : html_text);
let initialize = $('#ta-css-style-initialize').get(0)?.checked;
let [add_styles, invalid_styles] = (initialize ? GetCSSStyles(false, INPUT_SECTIONS[TA.mode]) : [{}, {}]);
let embedded_tag = BuildHTMLTag('div', {class: 'note-box-attributes'}, add_styles, true) + '';
note_html += embedded_tag;
text_area.value = note_html;
let style_errors = Object.entries(invalid_styles).map((style_pair) => (`${style_pair[0]} => "${style_pair[1]}"`));
if (style_errors.length) {
ShowStyleErrors(style_errors);
} else {
TA.$close_notice_link.click();
}
}
function RemoveEmbeddedElement() {
let text_area = GetActiveTextArea();
if (!text_area) return;
SaveHTML(text_area);
let html_text = text_area.value;
let html_tag = GetTag(html_text, text_area.selectionStart);
if (!html_tag) return;
text_area.value = html_text.replace(html_tag.full_tag, "");
}
function SetEmbeddedLevel() {
let text_area = GetActiveTextArea();
if (!text_area) return;
SaveHTML(text_area);
let html_text = text_area.value;
let html_tag = GetTag(html_text, text_area.selectionStart);
if (!html_tag) return;
let classlist = html_tag.attrib_dict["class"].split(/\s+/).filter((classname) => (!classname.match(/level-[1-5]/)));
let level = $('#ta-embedded-level-select').val();
if (level.match(/^[1-5]$/)){
classlist.push('level-' + level);
}
html_tag.attrib_dict["class"] = classlist.join(' ');
let final_tag = BuildHTMLTag(html_tag.tag_name, html_tag.attrib_dict, html_tag.style_dict);
text_area.value = html_text.replace(html_tag.open_tag, final_tag);
}
//// Controls section handlers
function GetPlacement() {
let note = GetMovableNote();
if (!note) return;
GetNotePlacement(note);
}
function PlacementControl(event) {
let note = GetMovableNote();
if (!note) return;
let action = $(event.currentTarget).data('action');
switch (action) {
case 'move-up':
note.y -= 1;
break;
case 'move-down':
note.y += 1;
break;
case 'move-left':
note.x -= 1;
break;
case 'move-right':
note.x += 1;
break;
case 'contract-width':
note.w -= 1;
break;
case 'expand-width':
note.w += 1;
break;
case 'contract-height':
note.h -= 1;
break;
case 'expand-height':
note.h += 1;
//falls through
default:
//do nothing
}
SetNotePlacement(note);
GetNotePlacement(note);
}
function SaveNote() {
let note = GetMovableNote();
if (!note) return;
let params = {
x: note.x,
y: note.y,
width: note.w,
height: note.h,
};
var note_promise;
if (note.is_new()) {
// The body is only saveable this way for new notes; otherwise use the edit dialog.
params.body = note.original_body;
params.post_id = note.post_id;
note_promise = JSPLib.network.post(`/notes.json`, {data: {note: params }});
} else {
note_promise = JSPLib.network.put(`/notes/${note.id}.json`, {data: {note: params }});
}
note_promise.then(
(response) => {
if (note.is_new()) {
note.id = response.id;
}
note.box.$note_box.removeClass("unsaved");
JSPLib.notice.notice(`Note #${note.id} saved.`);
},
() => {JSPLib.notice.error(`Error saving note #${note.id}`);}
);
}
function ResetNote() {
let note = GetMovableNote();
if (!note) return;
if (!note.is_new()) {
JSPLib.network.getJSON(`/notes/${note.id}.json`).then((data) => {
note.box.place_note(data.x, data.y, data.width, data.height);
let text_area = GetActiveTextArea();
if (text_area) {
text_area.value = data.body;
}
note.body.preview_text(data.body).then(() => {
JSPLib.notice.notice(`Note #${note.id} reset.`);
note.box.$note_box.removeClass("unsaved");
});
});
} else {
JSPLib.notice.error("Reset not available for new unsaved notes.");
}
}
function DeleteNote() {
let note = GetMovableNote();
if (!note) return;
if (!note.is_new()) {
if (!confirm("Do you really want to delete this note?")) return;
JSPLib.network["delete"](`/notes/${note.id}.json`).then(
() => {JSPLib.notice.notice(`Note #${note.id} deleted.`);},
() => {JSPLib.notice.error(`Error deleting note #${note.id}.`);},
);
}
note.box.$note_box.remove();
note.body.$note_body.remove();
Danbooru.Note.notes["delete"](note);
TA.starting_notes["delete"](note.id);
}
function EditNote() {
let note = GetMovableNote();
if (!note) return;
Danbooru.Note.Edit.show(note);
}
function ShowNote() {
let note = GetMovableNote();
if (!note) return;
note.box.$note_box.show();
note.body.$note_body.show();
}
function HideNote() {
let note = GetMovableNote();
if (!note) return;
note.box.$note_box.hide();
note.body.$note_body.hide();
}
function NextNote() {
SelectNote((current_note, all_notes) => {
if (current_note) {
let next_index = (all_notes.indexOf(current_note) + 1) % Danbooru.Note.notes.size ;
return all_notes[next_index];
}
return all_notes[0];
});
}
function PreviousNote() {
SelectNote((current_note, all_notes) => {
if (current_note) {
let previous_index = all_notes.indexOf(current_note) - 1;
previous_index = (previous_index < 0 ? (Danbooru.Note.notes.size - 1) : previous_index);
return all_notes[previous_index];
}
return all_notes.slice(-1)[0];
});
}
function UnselectNote() {
let note = GetMovableNote();
if (!note) return;
note.unselect();
}
function CopyNote() {
let note = GetMovableNote();
let copy_note = new Danbooru.Note({
// Randomly place note within random width/height distance
x: JSPLib.utility.clamp(2 * note.w * (Math.random() - 0.5) + note.x, 0, note.post_width - note.w),
y: JSPLib.utility.clamp(2 * note.h * (Math.random() - 0.5) + note.y, 0, note.post_height - note.h),
w: note.w,
h: note.h,
original_body: note.original_body,
sanitized_body: (TA.has_embedded ? note.box.$inner_border.html() : note.body.$note_body.html()),
});
copy_note.select();
}
//// Codes section handlers
function InsertCharacter(event) {
let text_area = GetActiveTextArea();
if (!text_area) return;
let value = event.currentTarget.value;
let cursor = text_area.selectionStart;
let html_text = text_area.value;
text_area.value = html_text.slice(0, cursor) + value + html_text.slice(text_area.selectionEnd);
text_area.focus();
text_area.setSelectionRange(cursor + value.length, cursor + value.length);
}
//// Ruby dialog handlers
function SwitchRubySections(event) {
$('#ta-ruby-dialog-tabs .ta-menu-tab').removeClass('ta-active');
$(event.currentTarget).addClass('ta-active');
let value = $(event.currentTarget).data('value');
let selector = '#ta-ruby-dialog-styles-' + value;
$('#ta-ruby-dialog-style_sections > div').hide();
$(selector).show();
}
function PinRubyDialog() {
let $dialog_widget = TA.$ruby_dialog.closest('.ui-dialog');
let pos = $dialog_widget.offset();
if ($dialog_widget.css("position") === "absolute") {
pos.left -= $(window).scrollLeft();
pos.top -= $(window).scrollTop();
$dialog_widget.offset(pos).css({ position: "fixed" });
TA.$ruby_dialog.dialog("option", "resize", () => { $dialog_widget.css({ position: "fixed" }); });
TA.$pin_button.button("option", "icons", {primary: "ui-icon-pin-s"});
} else {
pos.left += $(window).scrollLeft();
pos.top += $(window).scrollTop();
$dialog_widget.offset(pos).css({ position: "absolute" });
TA.$ruby_dialog.dialog("option", "resize", () => { /* do nothing */ });
TA.$pin_button.button("option", "icons", {primary: "ui-icon-pin-w"});
}
}
function CopyRubyTag() {
let text_area = GetActiveTextArea();
if (!text_area) return;
let ruby_tag = GetRubyTag(text_area.value, text_area.selectionStart);
if (!ruby_tag) {
ShowErrorMessages(["No open ruby tag selected."]);
return;
}
let overall_style_dict = ParseDirectionStyles(ruby_tag.overall.style_dict);
$('#ta-ruby-dialog-styles-overall input').each((_i, input) => {
let style_name = input.dataset.name;
let style_value = overall_style_dict[style_name] || "";
input.value = style_value;
});
['top', 'bottom'].forEach((direction) => {
if (ruby_tag[direction].length) {
let style_dict = ruby_tag[direction][0].style_dict;
$(`#ta-ruby-dialog-styles-${direction} input`).each((_i, input) => {
let style_name = input.dataset.name;
let style_value = style_dict[style_name] || "";
input.value = style_value;
});
let segments = JSPLib.utility.getObjectAttributes(ruby_tag[direction], 'inner_html');
$(`#ta-ruby-${direction} textarea`).val(segments.join('\n'));
}
});
}
function ApplyRubyTag() {
let text_area = GetActiveTextArea(false);
if (!text_area) return;
SaveHTML(text_area);
let ruby_tag = GetRubyTag(text_area.value, text_area.selectionStart);
if (!ruby_tag && IsInsideHTMLTag(text_area.value, text_area.selectionStart)) {
JSPLib.notice.error(`Invalid selection range at cursor start... cannot create a ruby tag inside another tag.`);
return;
}
let top_segments = $('#ta-ruby-top textarea').val().split(/\r?\n/).filter((line) => line.trim() !== "");
let bottom_segments = $('#ta-ruby-bottom textarea').val().split(/\r?\n/).filter((line) => line.trim() !== "");
if (top_segments.length !== bottom_segments.length) {
JSPLib.notice.error(`The number of segments (lines) do not match: Top: ${top_segments.length} Bottom: ${bottom_segments.length}`);
return;
}
let [overall_add_styles, overall_invalid_styles] = GetCSSStyles(false, '#ta-ruby-dialog-styles-overall input');
let [top_add_styles, top_invalid_styles] = GetCSSStyles(false, '#ta-ruby-dialog-styles-top input');
let [bottom_add_styles, bottom_invalid_styles] = GetCSSStyles(false, '#ta-ruby-dialog-styles-bottom input');
let ruby_segments = [];
for (let i = 0; i < top_segments.length; i++) {
let top_segment = BuildHTMLTag('rt', {}, top_add_styles) + top_segments[i].replace(' ', '\u2002') + '';
let bottom_segment = BuildHTMLTag('span', {}, bottom_add_styles) + bottom_segments[i].replace(' ', '\u2002') + '';
ruby_segments.push(bottom_segment + top_segment);
}
let overall_segment = BuildHTMLTag('ruby', {}, overall_add_styles) + ruby_segments.join("") + '';
let select_start = (ruby_tag ? ruby_tag.overall.open_tag_start : text_area.selectionStart);
let final_text = text_area.value.slice(0, select_start);
final_text += overall_segment;
let select_end = final_text.length;
let slice_end = (ruby_tag ? ruby_tag.overall.close_tag_end : select_start);
final_text += text_area.value.slice(slice_end);
text_area.value = final_text;
text_area.focus();
text_area.setSelectionRange(select_start, select_end);
let style_errors = Object.entries(overall_invalid_styles).map((style_pair) => (`Overall - ${style_pair[0]} => "${style_pair[1]}"`));
style_errors = JSPLib.utility.concat(style_errors, Object.entries(top_invalid_styles).map((style_pair) => (`Top - ${style_pair[0]} => "${style_pair[1]}"`)));
style_errors = JSPLib.utility.concat(style_errors, Object.entries(bottom_invalid_styles).map((style_pair) => (`Bottom - ${style_pair[0]} => "${style_pair[1]}"`)));
if (style_errors.length) {
ShowStyleErrors(style_errors);
} else {
TA.$close_notice_link.click();
}
}
function LoadRubyStyles() {
OpenLoadDialog('ruby');
}
//// Load dialog handlers
function SaveSession() {
var name, key, isnew;
let panel = TA.active_panel;
let $dialog = TA.$load_dialog[panel];
let checked_sessions = $dialog.find('li').filter((i, entry) => $(entry).find('input').prop('checked'));
if (checked_sessions.length > 1) {
JSPLib.notice.error("Multiple sessions selected... select only 1 to edit, or none to create a new.");
return;
}
if (checked_sessions.length === 0) {
name = prompt("Enter a name for this session:");
if (!name) return;
name = JSPLib.utility.maxLengthString(name, 50);
key = JSPLib.utility.getUniqueID();
let session_list = JSPLib.storage.getStorageData('ta-load-session-' + panel, localStorage, []);
session_list.push({key, name});
JSPLib.storage.setStorageData('ta-load-session-' + panel, session_list, localStorage);
isnew = true;
} else {
({key, name} = checked_sessions.find('a')[0].dataset);
isnew = false;
}
let section_keys = LOAD_PANEL_KEYS[panel];
let save_inputs = {};
section_keys.forEach((key) => {
save_inputs = Object.assign(save_inputs, GetInputs(key));
});
JSPLib.storage.setStorageData('ta-session-' + key, save_inputs, localStorage);
if (isnew) {
let $load_item = $(RenderLoadItem({key, name}));
$load_item.find('a').on(PROGRAM_CLICK, LoadSessionInput);
let $list = TA.$load_dialog[panel].find('.ta-load-sessions ul');
if ($list.length === 0) {
$list = $('
');
TA.$load_dialog[panel].find('.ta-load-sessions').html("").append($list);
}
$list.append($load_item);
}
JSPLib.notice.notice('Session saved.');
}
function RenameSession() {
let panel = TA.active_panel;
let $dialog = TA.$load_dialog[panel];
let checked_sessions = $dialog.find('li').filter((i, entry) => $(entry).find('input').prop('checked'));
if (checked_sessions.length === 0) {
JSPLib.notice.error("Must select at least 1 session to rename.");
return;
}
if (checked_sessions.length > 1) {
JSPLib.notice.error("Must select only 1 session to rename.");
return;
}
let $link = checked_sessions.find('a');
let key = Number($link[0].dataset.key);
let name = prompt("Enter a name for this session:");
if (!name) return;
let session_list = JSPLib.storage.getStorageData('ta-load-session-' + panel, localStorage, []);
let rename_item = session_list.find((item) => item.key === key);
rename_item.name = name;
JSPLib.storage.setStorageData('ta-load-session-' + panel, session_list, localStorage);
$link.attr('data-name', name);
$link.text(name);
JSPLib.notice.notice('Session renamed.');
}
function DeleteSessions() {
let panel = TA.active_panel;
let $dialog = TA.$load_dialog[panel];
let update_items = [];
$dialog.find('.ta-load-sessions input').each((_i, input) => {
let key = input.id.match(/^ta-delete-(.*)/)[1];
let $link = $dialog.find(`.ta-load-session-item[data-key=${key}]`);
let item = $link.data();
if (input.checked) {
$link.closest('li').addClass('ta-delete');
JSPLib.storage.removeStorageData('ta-session-' + item.key, localStorage);
} else {
update_items.push(item);
}
});
let session_list = JSPLib.storage.getStorageData('ta-load-session-' + panel, localStorage, []);
if (update_items.length !== session_list.length) {
$dialog.find('.ta-delete').remove();
JSPLib.storage.setStorageData('ta-load-session-' + panel, update_items, localStorage);
JSPLib.notice.notice('Sessions deleted.');
if (update_items.length === 0) {
TA.$load_dialog[panel].find('.ta-load-sessions').html(NO_SESSIONS);
}
} else {
JSPLib.notice.error('No sessions selected!');
}
}
function LoadSessionInput(event) {
let panel = TA.active_panel;
let {key} = $(event.currentTarget).data();
let session_list = JSPLib.storage.getStorageData('ta-load-session-' + panel, localStorage);
let session_item = session_list.find((item) => item.key === key);
let load_inputs = JSPLib.storage.getStorageData('ta-session-' + key, localStorage);
if (!load_inputs) {
JSPLib.debug.debugerror('Missing session:', panel, key, session_item);
session_list = session_list.filter((item) => item.key !== key);
JSPLib.storage.setStorageData('ta-load-session-' + panel, session_list, localStorage);
$(event.currentTarget).closest('li').remove();
return;
}
let section_keys = LOAD_PANEL_KEYS[panel];
section_keys.forEach((section_key) => {
SetInputs(section_key, load_inputs);
});
JSPLib.notice.notice("Inputs loaded.");
}
function LoadControls(event) {
let panel = TA.active_panel;
let $dialog = TA.$load_dialog[panel];
let value = $(event.currentTarget).data('value');
switch (value) {
case 'all':
$dialog.find('.ta-load-sessions input').each((_i, input) => {input.checked = true;});
break;
case 'none':
$dialog.find('.ta-load-sessions input').each((_i, input) => {input.checked = false;});
break;
case 'invert':
$dialog.find('.ta-load-sessions input').each((_i, input) => {input.checked = !input.checked;});
//falls through
default:
//do nothing
}
}
// Last noted functions
function CleanupLastNoted() {
console.log('CleanupLastNoted');
if (JSPLib.concurrency.checkTimeout('ta-cleanup-last-noted-timeout', CLEANUP_LAST_NOTED)) {
let last_noted_keys = Object.keys(localStorage).filter((key) => key.startsWith('ta-post-seen-'));
last_noted_keys.forEach((key) => {
let expires = Number(JSPLib.storage.getStorageData(key, localStorage));
if (!JSPLib.utility.validateExpires(expires)) {
JSPLib.storage.removeStorageData(key, localStorage);
}
});
JSPLib.concurrency.setRecheckTimeout('ta-cleanup-last-noted-timeout', CLEANUP_LAST_NOTED);
}
}
function SetLastNoted() {
JSPLib.storage.setStorageData(TA.seen_key, Date.now() + TA.last_noted_cutoff, localStorage);
}
function CheckLastNoted() {
if ((Date.now() - TA.last_noted) < TA.last_noted_cutoff) {
let seen_expires = JSPLib.storage.getStorageData(TA.seen_key, localStorage);
if (!JSPLib.utility.validateExpires(seen_expires)) {
alert("Post was noted: " + JSPLib.utility.timeAgo(TA.last_noted));
}
JSPLib.storage.setStorageData(TA.seen_key, TA.last_noted + TA.last_noted_cutoff, localStorage);
}
}
function CheckMissedLastNoterPolls() {
if (TA.missed_poll && !TA.noter_detected && !document.hidden) {
QueryNewNotations();
TA.missed_poll = false;
}
}
function PollForNewNotations() {
if (!TA.noter_detected && !document.hidden) {
QueryNewNotations();
TA.missed_poll = false;
} else {
TA.missed_poll = true;
}
}
// Other functions
function CheckEmbeddedFontSize() {
JSPLib.utility.recheckTimer({
check: () => JSPLib.utility.isNamespaceBound('#image', 'click', 'danbooru') && $('.image-container').is(':visible'),
exec: () => {
let font_size = Number(($('.image-container').get(0)?.style?.fontSize || '').match(/\d+/)[0]);
if (font_size === 0) {
Danbooru.Note.Box.scale_all();
}
}
}, 500);
}
// Side menu functions
function ToggleSideMenu(open_menu, toggle_link = true) {
if (open_menu) {
TA.$side_menu.show();
TA.$side_menu.draggable({cancel: 'a, button, input, select, label, .ta-cursor-text'});
if (toggle_link) {
TA.$post_option.hide();
}
$(window).on('beforeunload.ta', SaveMenuState);
} else {
TA.$side_menu.hide();
TA.$side_menu.draggable('destroy');
if (toggle_link) {
TA.$post_option.show();
}
$(window).off('beforeunload.ta');
SaveMenuState();
}
TA.side_menu_open = open_menu;
}
function InitializeSideMenu() {
TA.save_data = JSPLib.storage.getStorageData('ta-saved-inputs', localStorage, {});
$('#page').append(RenderSideMenu());
if (TA.user_settings.text_shadow_enabled || TA.user_settings.ruby_enabled) {
$('#ta-side-menu-tabs [data-value=constructs]').show();
}
if (TA.user_settings.embedded_enabled) {
$('#ta-side-menu-tabs [data-value=embedded]').show();
if (TA.has_embedded) {
$('#ta-side-embedded-sections').show();
}
}
if (TA.user_settings.controls_enabled) {
$('#ta-side-menu-tabs [data-value=controls]').show();
}
if (TA.user_settings.codes_enabled) {
$('#ta-side-menu-tabs [data-value=codes]').show();
}
$('#post-option-add-note').after(MENU_OPTION);
$('#ta-side-menu-tabs .ta-menu-tab').on(PROGRAM_CLICK, SwitchSections);
$('#ta-toggle-embedded-mode').on(PROGRAM_CLICK, ToggleEmbeddedMode);
$('#ta-add-embedded-element').on(PROGRAM_CLICK, AddEmbeddedElement);
$('#ta-remove-embedded-element').on(PROGRAM_CLICK, RemoveEmbeddedElement);
$('#ta-set-embedded-level').on(PROGRAM_CLICK, SetEmbeddedLevel);
$('.ta-apply-block-element').on(PROGRAM_CLICK, ApplyBlock);
$('#ta-delete-block').on(PROGRAM_CLICK, DeleteBlock);
$('#ta-undo-action').on(PROGRAM_CLICK, UndoAction);
$('#ta-redo-action').on(PROGRAM_CLICK, RedoAction);
$(document).on(PROGRAM_KEYUP, '.note-edit-dialog textarea', ClearActions);
$('#ta-normalize-note').on(PROGRAM_CLICK, NormalizeNote);
$('#ta-sanitize-note').on(PROGRAM_CLICK, SanitizeNote);
$('#ta-validate-note').on(PROGRAM_CLICK, ValidateNote);
$('#ta-text-shadow-controls a').on(PROGRAM_CLICK, TextShadowControls);
$('#ta-ruby-dialog-open').on(PROGRAM_CLICK, OpenRubyDialog);
JSPLib.utility.clickAndHold('#ta-placement-controls .ta-button-placement', PlacementControl, PROGRAM_SHORTCUT);
$('#ta-get-placement').on(PROGRAM_CLICK, GetPlacement);
$('#ta-save-note').on(PROGRAM_CLICK, SaveNote);
$('#ta-edit-note').on(PROGRAM_CLICK, EditNote);
$('#ta-delete-note').on(PROGRAM_CLICK, DeleteNote);
$('#ta-show-note').on(PROGRAM_CLICK, ShowNote);
$('#ta-hide-note').on(PROGRAM_CLICK, HideNote);
$('#ta-reset-note').on(PROGRAM_CLICK, ResetNote);
$('#ta-next-note').on(PROGRAM_CLICK, NextNote);
$('#ta-previous-note').on(PROGRAM_CLICK, PreviousNote);
$('#ta-unselect-note').on(PROGRAM_CLICK, UnselectNote);
$('#ta-copy-note').on(PROGRAM_CLICK, CopyNote);
$('#ta-section-codes button').on(PROGRAM_CLICK, InsertCharacter);
$('#ta-side-menu-copy').on(PROGRAM_CLICK, CopyTagStyles);
$('#ta-side-menu-clear').on(PROGRAM_CLICK, ClearTagStyles);
$('#ta-side-menu-apply').on(PROGRAM_CLICK, ApplyTagStyles);
$('#ta-size-controls > a').on(PROGRAM_CLICK, ResizeSideMenu);
$('#ta-side-menu-reset').on(PROGRAM_CLICK, ResetSideMenu);
$('#ta-side-menu-close').on(PROGRAM_CLICK, CloseSideMenu);
$('#ta-side-menu-load').on(PROGRAM_CLICK, LoadTagStyles);
$('#ta-side-menu-open').on(PROGRAM_CLICK, OpenSideMenu);
$(document).on(PROGRAM_KEYDOWN, null, 'alt+t', KeyboardMenuToggle);
$(document).on(PROGRAM_KEYDOWN, null, 'alt+r', ResetSideMenu);
$(document).on('visibilitychange.ta', CheckMissedLastNoterPolls);
let positions = JSPLib.storage.getStorageData('ta-position', localStorage, {});
TA.$side_menu = $('#ta-side-menu');
for (let key in positions) {
if (positions[key]) {
TA.$side_menu.css(key, positions[key]);
}
}
TA.$text_box = $('#ta-side-menu-text');
TA.$post_option = $('#post-option-translator-assist');
TA.$close_notice_link = $('#close-notice-link');
if (TA.mode !== 'main') {
$(`.ta-menu-tab[data-value="${TA.mode}"]`).click();
}
TA.starting_notes = JSPLib.utility.getObjectAttributes(Danbooru.Note.notes, 'id');
TA.initialized = true;
JSPLib.utility.setCSSStyle(PROGRAM_CSS, 'program');
Danbooru.Note.Edit.save = JSPLib.utility.hijackFunction(Danbooru.Note.Edit.save, SetLastNoted);
}
// Settings functions
function InitializeProgramValues() {
Object.assign(TA, {
post_id: JSPLib.danbooru.getShowID(),
user_id: Danbooru.CurrentUser.data('id'),
has_embedded: JSPLib.utility.getMeta('post-has-embedded-notes') === 'true',
last_noted: JSPLib.utility.toTimeStamp(document.body.dataset.postLastNotedAt),
mode: JSPLib.storage.getStorageData('ta-mode', localStorage, 'main'),
last_noted_cutoff: TA.user_settings.last_noted_cutoff * JSPLib.utility.one_minute,
});
Object.assign(TA, {
seen_key: 'ta-post-seen-' + TA.post_id,
});
return true;
}
function RenderSettingsMenu() {
$('#translator-assist').append(JSPLib.menu.renderMenuFramework(MENU_CONFIG));
$("#ta-general-settings").append(JSPLib.menu.renderDomainSelectors());
$('#ta-general-settings').append(JSPLib.menu.renderCheckbox('close_notice_enabled'));
$('#ta-last-noted-settings').append(JSPLib.menu.renderCheckbox('check_last_noted_enabled'));
$('#ta-last-noted-settings').append(JSPLib.menu.renderTextinput('last_noted_cutoff', 10));
$('#ta-last-noted-settings').append(JSPLib.menu.renderCheckbox('query_last_noter_enabled'));
$('#ta-last-noted-settings').append(JSPLib.menu.renderCheckbox('filter_last_noter_enabled'));
$('#ta-last-noted-settings').append(JSPLib.menu.renderTextinput('last_noter_cache_time', 10));
$('#ta-last-noted-settings').append(JSPLib.menu.renderCheckbox('new_noter_check_enabled'));
$('#ta-last-noted-settings').append(JSPLib.menu.renderTextinput('new_noter_check_interval', 10));
$("#ta-main-settings").append(JSPLib.menu.renderInputSelectors('available_html_tags', 'checkbox'));
$("#ta-main-settings").append(JSPLib.menu.renderInputSelectors('available_css_styles', 'checkbox'));
$('#ta-constructs-settings').append(JSPLib.menu.renderCheckbox('text_shadow_enabled'));
$('#ta-constructs-settings').append(JSPLib.menu.renderCheckbox('ruby_enabled'));
$("#ta-constructs-settings").append(JSPLib.menu.renderInputSelectors('available_ruby_styles', 'checkbox'));
$('#ta-embedded-settings').append(JSPLib.menu.renderCheckbox('embedded_enabled'));
$("#ta-embedded-settings").append(JSPLib.menu.renderInputSelectors('available_embedded_styles', 'checkbox'));
$('#ta-controls-settings').append(JSPLib.menu.renderCheckbox('controls_enabled'));
$('#ta-codes-settings').append(JSPLib.menu.renderCheckbox('codes_enabled'));
JSPLib.menu.engageUI(true);
JSPLib.menu.saveUserSettingsClick();
JSPLib.menu.resetUserSettingsClick();
}
// Main function
function Main() {
JSPLib.debug.debuglog("Initialize start:", JSPLib.utility.getProgramTime());
const preload = {
run_on_settings: false,
default_data: DEFAULT_VALUES,
initialize_func: InitializeProgramValues,
menu_css: MENU_CSS,
};
if (!JSPLib.menu.preloadScript(TA, RenderSettingsMenu, preload)) return;
$('#translate').on(PROGRAM_CLICK, ToggleSideNotice);
if (TA.user_settings.check_last_noted_enabled) {
CheckLastNoted();
}
if (TA.has_embedded) {
CheckEmbeddedFontSize();
}
JSPLib.load.noncriticalTasks(CleanupLastNoted);
}
/****Initialization****/
//Variables for debug.js
JSPLib.debug.debug_console = false;
JSPLib.debug.level = JSPLib.debug.INFO;
JSPLib.debug.program_shortcut = PROGRAM_SHORTCUT;
//Variables for menu.js
JSPLib.menu.program_shortcut = PROGRAM_SHORTCUT;
JSPLib.menu.program_name = PROGRAM_NAME;
JSPLib.menu.program_data = TA;
JSPLib.menu.settings_migrations = [
{from: 'available_html_styles', to: 'available_css_styles'},
];
JSPLib.menu.settings_config = SETTINGS_CONFIG;
//Export JSPLib
JSPLib.load.exportData(PROGRAM_NAME, TA);
/****Execution start****/
JSPLib.load.programInitialize(Main, {program_name: PROGRAM_NAME, required_variables: PROGRAM_LOAD_REQUIRED_VARIABLES, optional_selectors: PROGRAM_LOAD_OPTIONAL_SELECTORS});
})
})