Allows to find missing relations and entries with wrong chapter/episode count
当前为
// ==UserScript==
// @name MyAnimeList (MAL) Track Missing Relations
// @namespace https://greasyfork.org/users/7517
// @description Allows to find missing relations and entries with wrong chapter/episode count
// @icon http://i.imgur.com/b7Fw8oH.png
// @version 7.4
// @author akarin
// @include /^https?:\/\/myanimelist\.net\/profile/
// @grant none
// @noframes
// ==/UserScript==
/*jslint fudge, maxerr: 10, browser, devel, this, white, for, single */
/*global jQuery, window */
(function($) {
'use strict';
if ($('#malLogin').length !== 0) {
return;
}
// Status codes used by MAL API
var USER_STATUS = {
IN_PROCESS: 1, COMPLETED: 2, ON_HOLD: 3, DROPPED: 4, PLAN_TO: 6
};
var SERIES_STATUS = {
IN_PROCESS: 1, COMPLETED: 2, NOT_YET: 3
};
// Main object
var mal = {
version: '7.0.4', // cache
name: '', // username
type: '' // anime or manga
};
mal.settings = {
ajax: { delay: 300, timeout: 10000 },
width: 670, height: 765,
// Predefined data lists:
availableRelations: [
'Alternative Setting', 'Alternative Version', 'Character', 'Full Story', 'Other',
'Parent Story', 'Prequel', 'Sequel', 'Side Story', 'Spin-off', 'Summary'
],
availableStatus: {
anime: ['Watching', 'Completed', 'On-Hold', 'Dropped', 'Plan to Watch'],
manga: ['Reading', 'Completed', 'On-Hold', 'Dropped', 'Plan to Read']
},
otherSettings: [
{ id: 'expand_long', str: 'Expand long lists', def: false, val: false }
],
// User settings:
excludedRelations: { anime: [], manga: [] },
excludedStatus: { anime: [], manga: [] },
load: function() {
['anime', 'manga'].forEach(function(status) {
mal.settings.excludedRelations[status] = ['Adaptation'];
mal.settings.availableRelations.forEach(function(val) {
var id = 'mr_xr' + status[0] + '_' + val.toHtmlId();
if (mal.loadValue(id, 'false', true) !== 'false') {
mal.settings.excludedRelations[status].push(val);
}
});
mal.settings.excludedStatus[status] = ['Empty Status'];
mal.settings.availableStatus[status].forEach(function(val) {
var id = 'mr_xs' + status[0] + '_' + val.toHtmlId();
if (mal.loadValue(id, 'false', true) !== 'false') {
mal.settings.excludedStatus[status].push(val);
}
});
});
mal.settings.otherSettings.forEach(function(opt) {
opt.val = mal.loadValue('mr_xo_' + opt.id, opt.def ? 'true' : 'false', true) !== 'false';
});
},
reset: function() {
['anime', 'manga'].forEach(function(status) {
mal.settings.availableRelations.forEach(function(val) {
mal.saveValue('mr_xr' + status[0] + '_' + val.toHtmlId(), 'false', true);
});
mal.settings.availableStatus[status].forEach(function(val) {
mal.saveValue('mr_xs' + status[0] + '_' + val.toHtmlId(), 'false', true);
});
});
mal.settings.otherSettings.forEach(function(opt) {
opt.val = opt.def;
mal.saveValue('mr_xo_' + opt.id, opt.def ? 'true' : 'false', true);
});
}
};
$.fn.myfancybox = function(onstart) {
return $(this).click(function() {
mal.fancybox.start(onstart);
});
};
mal.fancybox = {
body: $('<div id="mr_fancybox_inner">'),
outer: $('<div id="mr_fancybox_outer">'),
wrapper: $('<div id="mr_fancybox_wrapper">'),
init: function(el) {
mal.fancybox.outer.hide()
.append(mal.fancybox.body)
.insertAfter(el);
mal.fancybox.wrapper.hide()
.insertAfter(el);
mal.fancybox.wrapper.click(function() {
mal.fancybox.close();
});
},
start: function(onstart) {
mal.fancybox.body.children().hide();
if (onstart()) {
mal.fancybox.wrapper.show();
mal.fancybox.outer.show();
} else {
mal.fancybox.close();
}
},
close: function() {
mal.fancybox.outer.hide();
mal.fancybox.wrapper.hide();
}
};
function main() {
mal.name = $('.icon-rss + div > a:first').prop('href').match(/&u=(.+)$/)[1].trim();
if (mal.name.length === 0) {
return;
}
var panel = $('<div id="mr_panel">')
.append(mal.status.body)
.prependTo(mal.content.body);
var span = $('<span id="mr_links_settings">')
.append($('<a href="javascript:void(0);" title="Switch lists" id="mr_link_switch">Manga</a>')
.click(function() {
if (mal.entries.isUpdating(true)) {
alert('Updating in process!');
} else {
var type = mal.type === 'anime' ? 'manga' : 'anime';
mal.fancybox.start(function() {
return mal.content.show(type);
});
}
})
)
.append(' - ')
.append($('<a href="javascript:void(0);" title="Change calculation settings">Settings</a>')
.myfancybox(function() {
mal.content.updateSettings();
return true;
})
)
.append(' - ')
.append($('<a href="javascript:void(0);" title="Recalculate missing relations">Rescan</a>')
.click(function() {
if (mal.entries.isUpdating(true)) {
alert('Updating in process!');
} else if (confirm('Recalculate missing relations?')) {
mal.entries.update(false);
}
})
)
.append(' - ')
.append($('<a href="javascript:void(0);" title="Find new missing relations">Update</a>')
.click(function() {
if (mal.entries.isUpdating(true)) {
alert('Updating in process!');
} else if (confirm('Find new missing relations?')) {
mal.entries.update(true);
}
})
);
$('<div id="mr_links">')
.append(span)
.prependTo(panel);
var header = $('<h2 id="mr_body_title">Missing Relations</h2>')
.prependTo(mal.content.body);
mal.fancybox.init('#contentWrapper');
mal.content.body
.append(mal.content.list)
.appendTo(mal.fancybox.body);
mal.content.settings
.prepend(header.clone())
.appendTo(mal.fancybox.body);
['anime', 'manga'].forEach(function(type) {
var el = $('.profile .user-statistics .user-statistics-stats .updates.' + type + ' > h5 > a[href*="/history/"]');
if (el.length > 0) {
el.text(el.text().replace(/^(Anime|Manga)\sHistory$/, 'History'));
}
$('<a class="floatRightHeader ff-Verdana mr4" href="javascript:void(0);">Missing Relations</a>')
.myfancybox(function() {
return mal.content.show(type);
})
.appendTo('.profile .user-statistics .user-statistics-stats .updates.' + type + ' > h5')
.before('<span class="floatRightHeader ff-Verdana mr4">-</span>');
});
}
mal.entries = {
// Cache data:
left: {}, graph: {}, title: {}, status: {}, wrong: {}, hidden: {}, ignored: {},
// Progress data:
total: 0, done: 0, fail: 0, skip: 0,
updating: false,
load: function() {
mal.entries.clear();
mal.entries.left = mal.loadValue('mal.entries.left', mal.entries.left, false);
mal.entries.graph = mal.loadValue('mal.entries.graph', mal.entries.graph, false);
mal.entries.title = mal.loadValue('mal.entries.title', mal.entries.title, false);
mal.entries.status = mal.loadValue('mal.entries.status', mal.entries.status, false);
mal.entries.wrong = mal.loadValue('mal.entries.wrong', mal.entries.wrong, false);
mal.entries.ignored = mal.loadValue('mal.entries.ignored', mal.entries.ignored, false);
mal.entries.hidden = mal.loadValue('mal.entries.hidden', mal.entries.hidden, false);
},
save: function() {
mal.saveValue('mal.entries.left', mal.entries.left, false);
mal.saveValue('mal.entries.graph', mal.entries.graph, false);
mal.saveValue('mal.entries.title', mal.entries.title, false);
mal.saveValue('mal.entries.status', mal.entries.status, false);
mal.saveValue('mal.entries.wrong', mal.entries.wrong, false);
mal.saveValue('mal.entries.ignored', mal.entries.ignored, false);
mal.entries.saveHidden();
},
saveHidden: function() {
mal.saveValue('mal.entries.hidden', mal.entries.hidden, false);
},
clear: function() {
mal.entries.total = 0;
mal.entries.done = 0;
mal.entries.fail = 0;
mal.entries.skip = 0;
mal.entries.left = {};
mal.entries.graph = {};
mal.entries.title = {};
mal.entries.status = {};
mal.entries.wrong = {};
mal.entries.ignored = {};
},
clearHidden: function() {
mal.entries.hidden = {};
},
isUpdating: function(strict) {
return (strict && mal.entries.updating) || ((mal.entries.done + mal.entries.fail + mal.entries.skip) < mal.entries.total);
},
update: function(onlyNew) {
var userlist = [];
var processed = {};
var right = {};
var relationRe = new RegExp('^(' + mal.settings.excludedRelations[mal.type].join('|') + ')$', 'i');
function setRelations(left_id, right_id) {
[ { x: left_id, y: right_id }, { x: right_id, y: left_id } ].forEach(function(rel) {
if (!mal.entries.graph.hasOwnProperty(rel.x)) {
mal.entries.graph[rel.x] = [];
}
if (mal.entries.graph[rel.x].indexOf(rel.y) < 0) {
mal.entries.graph[rel.x].push(rel.y);
}
});
}
function getRelations(left_id, data) {
$('#dialog .normal_header + form > br ~ div > small', data).each(function() {
var val = $('input[id^="relationGen"]', this).val();
if (!val.match(/^\d+\s\(/) || val.match(/^\d+\s\(\)$/)) {
console.log('Empty Relation: /' + mal.type + '/' + left_id);
return;
}
var right_id = val.match(/\d+/)[0];
var relation = $('select[name^="relationTypeId"] option:selected', this).text();
if (!relation.match(relationRe) && !mal.entries.ignored.hasOwnProperty(right_id)) {
setRelations(left_id, right_id);
right[right_id] = true;
}
});
}
function loadRight() {
if (mal.entries.isUpdating(false)) {
return;
}
var count = 0;
$.each(right, function(id) {
if (processed.hasOwnProperty(id)) {
delete right[id];
} else {
count += 1;
}
});
mal.status.done += mal.entries.done;
mal.status.fail += mal.entries.fail;
mal.status.skip += mal.entries.skip;
mal.status.total += mal.entries.total;
mal.entries.done = 0;
mal.entries.fail = 0;
mal.entries.skip = 0;
mal.entries.total = count;
mal.status.update();
if (mal.entries.total === 0) {
mal.content.updateList(true);
return;
}
var delay = 0;
$.each(right, function(id) {
setTimeout(function() {
$.ajax('/dbchanges.php?' + mal.type[0] + 'id=' + id + '&t=relations')
.done(function(data) {
mal.entries.done += 1;
processed[id] = true;
mal.entries.title[id] = $('#dialog .normal_header > a', data).text().toHtmlStr();
getRelations(id, data);
mal.status.update();
loadRight();
})
.fail(function() {
mal.entries.fail += 1;
mal.status.update();
console.log('Failed: /' + mal.type + '/' + id);
loadRight();
});
}, delay);
delay += mal.settings.ajax.delay;
});
}
function loadLeft() {
if (mal.entries.isUpdating(false)) {
return;
}
$.each(mal.entries.left, function(id) {
processed[id] = true;
});
mal.entries.done = 0;
mal.entries.fail = 0;
mal.entries.skip = 0;
mal.entries.total = userlist.length;
mal.status.update();
if (mal.entries.total === 0) {
mal.content.updateList(true);
return;
}
var delay = 0;
var statusRe = new RegExp('^(' + mal.settings.excludedStatus[mal.type].join('|') + ')$', 'i');
userlist.forEach(function(entry) {
mal.entries.title[entry.id] = entry.title;
if (mal.entries.left.hasOwnProperty(entry.id) || entry.status.match(statusRe)) {
mal.entries.skip += 1;
mal.status.update();
mal.content.updateList(true);
return;
}
setTimeout(function() {
$.ajax('/dbchanges.php?' + mal.type[0] + 'id=' + entry.id + '&t=relations')
.done(function(data) {
mal.entries.done += 1;
mal.entries.left[entry.id] = true;
processed[entry.id] = true;
getRelations(entry.id, data);
mal.status.update();
loadRight();
})
.fail(function() {
mal.entries.fail += 1;
mal.status.update();
console.log('Failed: /' + mal.type + '/' + entry.id);
loadRight();
});
}, delay);
delay += mal.settings.ajax.delay;
});
}
function loadUserList() {
var statusRe = new RegExp('^(' + mal.settings.excludedStatus[mal.type].join('|') + ')$', 'i');
$.get('/malappinfo.php?u=' + mal.name + '&status=all&type=' + mal.type, function(data) {
$(mal.type, data).each(function() {
var id = $('series_' + mal.type + 'db_id', this).text().trim();
var title = $('series_title', this).text();
var status = parseInt($('series_status', this).text().trim() || '0');
var episodes = parseInt($('series_episodes', this).text().trim() || '0');
var chapters = parseInt($('series_chapters', this).text().trim() || '0');
var volumes = parseInt($('series_volumes', this).text().trim() || '0');
var userStatus = parseInt($('my_status', this).text().trim() || '0');
var userEpisodes = parseInt($('my_watched_episodes', this).text().trim() || '0');
var userChapters = parseInt($('my_read_chapters', this).text().trim() || '0');
var userVolumes = parseInt($('my_read_volumes', this).text().trim() || '0');
//my_rereadingg is not an error
var rewatching = parseInt($(mal.type === 'anime' ? 'my_rewatching' : 'my_rereadingg', this).text().trim() || '0');
// [ 1, 2, 3, 4, 6 ] --> [ 0, 1, 2, 3, 4 ]
var userStatusID = userStatus - (userStatus === USER_STATUS.PLAN_TO ? 2 : 1);
var entry = {
id: parseInt(id),
title: title.toHtmlStr(),
status: mal.settings.availableStatus[mal.type][userStatusID],
isCorrect: !(
(userStatus !== USER_STATUS.PLAN_TO && status === SERIES_STATUS.NOT_YET) ||
(userStatus === USER_STATUS.COMPLETED && rewatching === 0 &&
(status !== SERIES_STATUS.COMPLETED || episodes !== userEpisodes ||
chapters !== userChapters || volumes !== userVolumes)) ||
(userStatus !== USER_STATUS.COMPLETED && status === SERIES_STATUS.COMPLETED &&
((episodes > 0 && userEpisodes >= episodes) ||
(volumes > 0 && userVolumes >= volumes) ||
(chapters > 0 && userChapters >= chapters)))
)
};
mal.entries.status[entry.id] = '' + userStatusID;
if (!entry.isCorrect) {
mal.entries.wrong[entry.id] = true;
}
if (entry.status.match(statusRe)) {
mal.entries.ignored[entry.id] = true;
}
userlist.push(entry);
});
loadLeft();
});
}
if (!mal.entries.isUpdating(true)) {
mal.entries.updating = true;
mal.status.clear();
mal.status.body.text('Loading...');
if (!onlyNew) {
mal.entries.clear();
} else {
mal.entries.wrong = {};
mal.entries.ignored = {};
}
mal.content.list.empty()
.append('<p id="mr_information">' + (onlyNew ? 'Updating' : 'Recalculating') + ' missing relations...</p>')
.append('<input type="hidden" id="mr_list_type" value="' + mal.type + '">');
loadUserList();
}
},
getTitle: function(id) {
var result = mal.entries.title.hasOwnProperty(id) ? mal.entries.title[id] : '';
return result.length > 0 ? result : '?';
},
getStatus: function(id) {
var userStatusID = mal.entries.status.hasOwnProperty(id) ? mal.entries.status[id] : '';
return userStatusID.length > 0 ? mal.settings.availableStatus[mal.type][userStatusID] : '';
},
getComps: function() {
var result = {};
var used = {};
var comp = [];
function dfs(v) {
used[v] = true;
comp.push(v);
if (!mal.entries.graph.hasOwnProperty(v)) {
return;
}
mal.entries.graph[v].forEach(function(to) {
if (!used.hasOwnProperty(to)) {
dfs(to);
}
});
}
$.each(mal.entries.graph, function(v) {
if (!used.hasOwnProperty(v)) {
comp = [];
dfs(v);
if (comp.length > 1) {
result[v] = comp;
}
}
});
return result;
},
comparator: function(a, b) {
var aTitle = mal.entries.getTitle(a).toLowerCase();
var bTitle = mal.entries.getTitle(b).toLowerCase();
return aTitle.localeCompare(bTitle);
}
};
mal.status = {
body: $('<span id="mr_status_msg">'),
done: 0, fail: 0, skip: 0, total: 0,
update: function() {
if (mal.status.total > 0 && mal.entries.total === 0) {
mal.status.set(mal.status.done + mal.status.fail + mal.status.skip,
mal.status.fail, mal.status.skip, mal.status.total);
} else if (mal.status.total === 0 && mal.entries.total > 0) {
mal.status.set(mal.entries.done + mal.entries.fail + mal.entries.skip,
mal.entries.fail, mal.entries.skip, mal.entries.total);
} else if (mal.status.total > 0 && mal.entries.total > 0) {
mal.status.set((mal.status.done + mal.status.fail + mal.status.skip) + '+' +
(mal.entries.done + mal.entries.fail + mal.entries.skip),
mal.status.fail + '+' + mal.entries.fail,
mal.status.skip + '+' + mal.entries.skip,
mal.status.total + '+' + mal.entries.total);
} else {
mal.status.set(0, 0, 0, 0);
}
},
set: function(done, fail, skip, total) {
done = 'Done: <b><span style="color: green;">' + done + '</span></b>';
fail = 'Failed: <b><span style="color: #c32;">' + fail + '</span></b>';
skip = 'Skipped: <b><span style="color: gray;">' + skip + '</span></b>';
total = 'Total: <b><span style="color: #444;">' + total + '</span></b>';
mal.status.body.html(done + ' <small>(' + fail + ', ' + skip + ')</small> - ' + total);
},
clear: function() {
mal.status.body.empty();
mal.status.done = 0;
mal.status.fail = 0;
mal.status.skip = 0;
mal.status.total = 0;
}
};
mal.content = {
body: $('<div id="mr_body" class="mr_body">'),
settings: $('<div id="mr_settings" class="mr_body"><div class="mr_list" /></div>'),
list: $('<div class="mr_list">'),
show: function(type) {
if (type !== mal.type) {
if (!mal.entries.isUpdating(true)) {
mal.status.body.empty();
} else {
alert('Updating in process!');
return false;
}
}
var listType = $('#mr_list_type', mal.content.body);
mal.type = type;
$('#mr_links_settings > #mr_link_switch', mal.content.body)
.text(mal.type === 'anime' ? 'Manga' : 'Anime');
if (listType.length === 0 || listType.val() !== mal.type) {
mal.settings.load();
mal.entries.load();
mal.content.updateList(false);
}
mal.content.body.show();
return true;
},
updateList: function(save) {
if (mal.entries.isUpdating(false)) {
return;
}
mal.entries.updating = false;
if (save) {
mal.entries.save();
}
$('#mr_body_title', mal.content.body)
.text('Missing Relations — ' + (mal.type === 'anime' ? 'Anime' : 'Manga') + ' · ' + mal.name);
var listType = $('<input type="hidden" id="mr_list_type" value="' + mal.type + '">');
var comps = mal.entries.getComps();
var wrong = Object.keys(mal.entries.wrong);
if (!Object.keys(comps).length && wrong.length === 0) {
mal.content.list.empty().append('<p id="mr_information">No missing relations found.</p>').append(listType);
return;
}
var expandLong = false;
mal.settings.otherSettings.forEach(function(opt) {
if (opt.id === 'expand_long') {
expandLong = opt.val;
}
});
var table = $('<table class="relTable" border="0" cellpadding="0" cellspacing="0" width="100%"><thead><tr><th>You\'ve ' + (mal.type === 'anime' ? 'watched' : 'read') + ' this…</th><th>…so you might want to check this:</th></tr></table>');
var undel = $('<div id="mr_undelete"><p id="mr_undelete_msg" style="display: none;">There are <span id="mr_undelete_num" style="font-weight: bold;" /> hidden relations. <a href="javascript:void(0);" title="Show hidden relations" onclick="window.showHiddenRelations();">Show them</a></p></div>');
var tfoot = $('<tfoot><tr><td class="mr_td_left"><div class="mr_count"><span /></div></td><td class="mr_td_right"><div class="mr_count"><span /></div></td></tr></tfoot>');
// red relations
if (wrong.length > 0) {
var ul = $('<ul>');
var size = 0;
wrong.sort(mal.entries.comparator).forEach(function(id) {
mal.content.getLiLeft(id).prop('id', 'mr_li_red_' + id).appendTo(ul);
size += 1;
});
var tbody_red = $('<tbody>');
var tr_red = $('<tr class="mr_tr_data">')
.append($('<td class="mr_td_left">').append(ul))
.append($('<td class="mr_td_right">').append(mal.content.getEntryWarning()))
.appendTo(tbody_red);
if (!expandLong && size > 5) {
tr_red.addClass('mr_tr_collapsed');
$('<tr class="mr_tr_more">').append(mal.content.getMoreLink()).insertAfter(tr_red);
}
tbody_red.appendTo(table);
}
// normal relations
Object.keys(comps).sort(mal.entries.comparator).forEach(function(key) {
var ulLeft = $('<ul>');
var ulRight = $('<ul>');
var lSize = 0;
var rSize = 0;
comps[key].sort(mal.entries.comparator).forEach(function(id) {
if (mal.entries.ignored.hasOwnProperty(id)) {
return;
}
if (mal.entries.left.hasOwnProperty(id)) {
mal.content.getLiLeft(id).prop('id', 'mr_li_' + id).appendTo(ulLeft);
lSize += 1;
} else {
mal.content.getLiRight(id).prop('id', 'mr_li_' + id).appendTo(ulRight);
rSize += 1;
}
});
if (lSize > 0 && rSize > 0) {
var tbody = $('<tbody>');
var tr = $('<tr class="mr_tr_data">')
.append($('<td class="mr_td_left">').append(ulLeft))
.append($('<td class="mr_td_right">').append(ulRight))
.appendTo(tbody);
if (!expandLong && (lSize > 5 || rSize > 5)) {
tr.addClass('mr_tr_collapsed');
$('<tr class="mr_tr_more">').append(mal.content.getMoreLink()).insertAfter(tr);
}
tbody.appendTo(table);
}
});
mal.content.list.empty()
.append(undel)
.append(table.append(tfoot))
.append(listType);
mal.hideHiddenRelations(true);
mal.content.updateLineCount();
},
updateSettings: function() {
$('#mr_body_title', mal.content.settings)
.text('Missing Relations — Settings');
var tableExclude = $('<table class="relTable" border="0" cellpadding="0" cellspacing="0" width="100%"><thead><tr><th>Exclude anime relations:</th><th>Exclude manga relations:</th></tr><tbody /></table>');
var tableIgnore = $('<table class="relTable" border="0" cellpadding="0" cellspacing="0" width="100%"><thead><tr><th>Ignore anime entries:</th><th>Ignore manga entries:</th></tr><tbody /></table>');
var tableOther = $('<table class="relTable" border="0" cellpadding="0" cellspacing="0" width="100%"><thead><tr><th>Other settings:</th></tr><tbody /></table>');
var buttons = $('<div class="mr_buttons">')
.append($('<input class="inputButton" value="Save" type="button">').click(function() {
$('input[type="checkbox"]', mal.content.settings).each(function() {
mal.saveValue(this.id, $(this).prop('checked').toString(), true);
});
mal.settings.load();
mal.fancybox.start(function() {
mal.content.updateList(false);
mal.content.body.show();
return true;
});
}))
.append($('<input class="inputButton" value="Cancel" type="button">').click(function() {
mal.fancybox.start(function() {
mal.content.body.show();
return true;
});
}))
.append($('<input class="inputButton" value="Reset" type="button">').click(function() {
if (!confirm('Reset all settings?')) {
return;
}
mal.settings.reset();
mal.settings.load();
mal.fancybox.start(function() {
mal.content.updateList(false);
mal.content.body.show();
return true;
});
}));
// Add exclude relations
var tbody = $('tbody', tableExclude);
mal.settings.availableRelations.forEach(function(rel) {
$('<tr class="mr_tr_data">')
.append($('<td class="mr_td_left">')
.append(mal.content.getCbSetting(rel, 'mr_xra_' + rel, false)))
.append($('<td class="mr_td_right">')
.append(mal.content.getCbSetting(rel, 'mr_xrm_' + rel, false)))
.appendTo(tbody);
});
// Add ignore status
tbody = $('tbody', tableIgnore);
$.each(mal.settings.availableStatus.anime, function(i, statusA) {
var statusM = mal.settings.availableStatus.manga[i];
$('<tr class="mr_tr_data">')
.append($('<td class="mr_td_left">')
.append(mal.content.getCbSetting(statusA, 'mr_xsa_' + statusA, false)))
.append($('<td class="mr_td_right">')
.append(mal.content.getCbSetting(statusM, 'mr_xsm_' + statusM, false)))
.appendTo(tbody);
});
// Add other settings
tbody = $('tbody', tableOther);
mal.settings.otherSettings.forEach(function(opt) {
$('<tr class="mr_tr_data">')
.append($('<td class="mr_td_left">')
.append(mal.content.getCbSetting(opt.str, 'mr_xo_' + opt.id, false)))
.appendTo(tbody);
});
var list = $('.mr_list', mal.content.settings).empty()
.append(tableExclude)
.append(tableIgnore)
.append(tableOther);
if (!mal.entries.isUpdating(true)) {
list.append(buttons);
} else {
list.append(buttons.empty()
.append('<div id="mr_warning">The settings can\'t be changed during relations calculation!</div>')
.append($('<input class="inputButton" value="OK" type="button">').click(function() {
mal.fancybox.start(function() {
mal.content.body.show();
return true;
});
}))
);
}
mal.content.settings.show();
},
getLiLeft: function(id) {
return $('<li>')
.append(mal.content.getEntryLink(id, mal.entries.getTitle(id), true));
},
getLiRight: function(id) {
return $('<li>')
.append(mal.content.getHideButton('window.hideRelation(' + id + ');', 'Hide this relation'))
.append(mal.content.getEntryLink(id, mal.entries.getTitle(id), false));
},
getCbSetting: function(str, id, state) {
id = id.toHtmlId();
state = state.toString();
return $('<div class="mr_checkbox">')
.append($('<input name="' + id + '" id="' + id + '" type="checkbox">')
.prop('checked', mal.loadValue(id, state, true) !== 'false'))
.append('<label for="' + id + '">' + str + '</label>');
},
getEntryLink: function(id, title, withIcon) {
var result = $('<a title="' + title + '"href="' +
'/' + mal.type + '/' + id + '" target="_blank">' + title + '</a>');
if (withIcon) {
var hint = mal.entries.getStatus(id) || '';
var status = hint.length > 0 ? hint.toHtmlId() : 'none';
result.prepend('<i class="mr_icon mr_icon-' + status + '"' +
(hint.length > 0 ? (' title="' + hint + '"') : '') + '>');
}
return result;
},
getEntryWarning: function() {
return $('<div class="mr_warning"><span>Wrong status or ' +
(mal.type === 'anime' ? 'episode' : 'vol./chap.') + ' count</span></div>');
},
getHideButton: function(func, title) {
return $('<div class="mr_hide"><span><a href="javascript:void(0);" title="' +
title + '" onclick="' + func + '">x</a></span></div>');
},
getMoreLink: function() {
var result = $('<td colspan="2">');
$('<a class="mr_more" href="javascript:void(0);">show more</a>').click(function() {
var tr = $(this).closest('tr');
tr.prev('.mr_tr_data').removeClass('mr_tr_collapsed');
tr.remove();
}).appendTo(result);
return result;
},
updateLineCount: function() {
var totalLeft = $('.relTable td.mr_td_left li', mal.content.list).length;
var visibleLeft = $('.relTable tbody:not([style*="display: none"]) td.mr_td_left li', mal.content.list).length;
$('tfoot td.mr_td_left .mr_count span', mal.content.list)
.text('Total: ' + totalLeft + ', Visible: ' + visibleLeft);
var totalRight = $('.relTable td.mr_td_right li', mal.content.list).length;
var visibleRight = $('.relTable td.mr_td_right li:not([style*="display: none"])', mal.content.list).length;
$('tfoot td.mr_td_right .mr_count span', mal.content.list)
.text('Total: ' + totalRight + ', Visible: ' + visibleRight);
}
};
mal.hideRelation = function(id, save) {
var li = $('td.mr_td_right li[id="mr_li_' + id + '"]', mal.content.list);
if (li.length === 0) {
if (mal.entries.hidden.hasOwnProperty(id)) {
delete mal.entries.hidden[id];
}
if (save) {
mal.entries.saveHidden();
}
return;
}
var row = li.hide().closest('tbody');
var lSize = $('td.mr_td_left li', row).length;
var rSize = $('td.mr_td_right li:not([style*="display: none;"])', row).length;
row.toggle(rSize > 0);
if (lSize <= 5 && rSize <= 5) {
$('a.mr_more', row).trigger('click');
}
mal.entries.hidden[id] = true;
if (save) {
mal.entries.saveHidden();
var count = Object.keys(mal.entries.hidden).length;
$('#mr_undelete_num', mal.content.list).text(count);
$('#mr_undelete_msg', mal.content.list).toggle(count > 0);
}
};
mal.hideHiddenRelations = function(save) {
mal.showHiddenRelations(false);
$.each(mal.entries.hidden, function(id) {
mal.hideRelation(id, false);
});
var count = Object.keys(mal.entries.hidden).length;
$('#mr_undelete_num', mal.content.list).text(count);
$('#mr_undelete_msg', mal.content.list).toggle(count > 0);
if (save) {
mal.entries.saveHidden();
}
};
mal.showHiddenRelations = function(save) {
$('#mr_undelete_msg', mal.content.list).hide();
$('li[id^="mr_li_"]', mal.content.list).show();
$('tbody', mal.content.list).show();
if (save) {
mal.entries.clearHidden();
mal.entries.saveHidden();
}
};
mal.encodeKey = function(key, global) {
return global ? ('global#' + key) : (mal.version + '#' + mal.name + '#' + mal.type + '#' + key);
};
mal.loadValue = function(key, value, global) {
try {
return JSON.parse(localStorage.getItem(mal.encodeKey(key, global))) || value;
} catch(e) {
console.log(e.name + ': ' + e.message);
return value;
}
};
mal.saveValue = function(key, value, global) {
localStorage.setItem(mal.encodeKey(key, global), JSON.stringify(value));
};
window.hideRelation = function(id) {
mal.hideRelation(id, true);
mal.content.updateLineCount();
};
window.showHiddenRelations = function() {
mal.showHiddenRelations(true);
mal.content.updateLineCount();
};
String.prototype.toHtmlId = function() {
return this.trim().toLowerCase().replace(/\s/g, '_').replace(/[^\w]/g, '_');
};
String.prototype.toHtmlStr = function() {
return this.trim().replace(/"/g, '"');
};
$('<style type="text/css">').html(
'div#mr_fancybox_wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(102, 102, 102, 0.3); z-index: 99990; }' +
'div#mr_fancybox_inner { width: ' + mal.settings.width + 'px !important; height: ' + mal.settings.height + 'px !important; overflow: hidden; }' +
'div#mr_fancybox_outer { position: absolute; display: block; width: auto; height: auto; padding: 10px; border-radius: 8px; top: 80px; left: 50%; margin-top: 0 !important; margin-left: ' + (-mal.settings.width/2) + 'px !important; background: #fff; box-shadow: 0 0 15px rgba(32, 32, 32, 0.4); z-index: 99991; }' +
'div.mr_body { text-align: center; width: 100%; height: 100%; padding: 42px 0 0; box-sizing: border-box; }' +
'div#mr_body { padding-top: 65px; }' +
'div.mr_body a, div.mr_body a:visited { color: #1969cb; text-decoration: none; }' +
'div.mr_body a:hover { color: #2d7de0; text-decoration: underline; }' +
'div.mr_body #mr_body_title { position: absolute; top: 10px; left: 10px; width: ' + mal.settings.width + 'px; font-size: 16px; font-weight: normal; text-align: center; margin: 0; border: 0; }' +
'div.mr_body #mr_body_title:after { content: ""; position: absolute; left: 0; bottom: -14px; width: 100%; height: 8px; border-top: 1px solid #eee; background: center bottom no-repeat radial-gradient(#f6f6f6, #fff 70%); background-size: 100% 16px; }' +
'div.mr_body #mr_panel { position: absolute; top: 50px; left: 10px; text-align: left; width: ' + mal.settings.width + 'px; height: 2em; margin: 0 0 1em; }' +
'div.mr_body #mr_links { float: right; }' +
'div.mr_body p#mr_information { margin: 10px 0; }' +
'div.mr_body #mr_undelete { background-color: #fff; padding: 0; margin: 0; }' +
'div.mr_body #mr_undelete_msg { margin: 10px 0; font-weight: normal; text-align: center; line-height: 20px; font-size: 13px; }' +
'div.mr_body .mr_list { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; margin: 0 auto; border: 1px solid #eee; box-sizing: border-box; }' +
'div.mr_body .relTable { border: none; }' +
'div.mr_body .relTable thead { background-color: #f5f5f5; }' +
'div.mr_body .relTable th { background-color: transparent; width: 50%; padding: 5px 0 5px 6px; font-size: 12px; font-weight: bold; text-align: left; line-height: 20px !important; box-shadow: none; }' +
'div.mr_body .relTable tbody { background-color: #fff; }' +
'div#mr_body .relTable tbody:hover { background-color: #f5f5f5; }' +
'div#mr_body .relTable tbody tr:first-of-type td { box-shadow: 0px 1em 1em -1em #ddd inset; }' +
'div.mr_body .relTable td { background-color: transparent; width: 50%; padding: 5px 0 5px 6px; font-size: 13px; font-weight: normal; text-align: left; line-height: 20px !important; vertical-align: top; }' +
'div.mr_body .relTable td div span { line-height: 20px !important; }' +
'div.mr_body .relTable td ul { list-style-type: none; margin: 0; padding: 0; }' +
'div.mr_body .relTable tr.mr_tr_collapsed td ul { height: 100px; overflow-y: hidden; }' +
'div.mr_body .relTable td ul li { width: 100%; padding: 0; margin: 0; }' +
'div.mr_body .relTable td ul li > a { display: block; width: 295px !important; line-height: 20px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-decoration: none !important; transition: all 0.2s; }' +
'div.mr_body .relTable td.mr_td_left ul li > a { width: 310px !important; }' +
'div.mr_body .relTable i.mr_icon { display: inline-block; vertical-align: text-top; line-height: 16px; width: 16px; height: 16px; margin: 1px 4px 0 0; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAQCAMAAABQvsO3AAABI1BMVEUAAAD///8ZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZacsZactvPr9pAAAAYXRSTlMAAAsMDQ4PFhcaGx4gJCYnKSwuMDE3PEBBRUlKTE1UVldZWltdX2FiZGZoaWpsbnByc3R3eHl9foKEh4mLjY+QlJebnJ6foaOkq6yvs7S1uru8v8DDxMbJys/T2d3n6PH7ZwpR9wAAAXZJREFUeNq11FlTwjAUBeAjpSAuKLjvuCMgWlEUN5BFURG1LlVKwf//Kwy5SSbOyEtn+CaZ5GRuD29gaBDQ2z5cCfiH/9bCASdbV3T+W0/kQW51f1oDCSiB/QDfSng+kZgJQ7mUB7nX6a1GqXkIqHtpmG0DZKFUPW8yF3EIG5tgNjdk1Jds3TFgVGzbXgXJ2SRHv1HIDAPXLJ7ZBQOcUZ4FxssiYVtfovXUqUfqjuPcySHjjiWZo3kDy3MrLN9g+rEelSN7e2oeyWTSYZIctW61yH0QUoQ/ROgOIMNzFcHa5wS44EMq9aA+SAOteLzFL2lqNRvtnoYJyXziL0/qZYTn7O53Y1JOsMukGsgC7ampNr9kqRXmi+d5LyaUokeKEBZrveh+rUE4smKuG7OOQCzL8hiLE60IvXffQ5Aoj/55iy3lcuujUD7Q7Hab7CDH+pKtCFW0Usp89/U69sOMvYLk9SVafXCfO8yzC9LR+W99E/r9uwzCL22kXUBCr0XlAAAAAElFTkSuQmCC); }' +
'div.mr_body .relTable i.mr_icon-none { background-image: none; }' +
'div.mr_body .relTable i.mr_icon-watching { background-position: -34px 0; }' +
'div.mr_body .relTable i.mr_icon-reading { background-position: -34px 0; }' +
'div.mr_body .relTable i.mr_icon-completed { background-position: 0 0; }' +
'div.mr_body .relTable i.mr_icon-on_hold { background-position: -51px 0; }' +
'div.mr_body .relTable i.mr_icon-dropped { background-position: -17px 0; }' +
'div.mr_body .relTable i.mr_icon-plan_to_watch { background-position: -68px 0; }' +
'div.mr_body .relTable i.mr_icon-plan_to_read { background-position: -68px 0; }' +
'div.mr_body .relTable tfoot td { border-top: 1px solid #f5f5f5; }' +
'div.mr_body .relTable td .mr_count { color: #666; font-size: 11px; font-weight: normal; text-align: left; }' +
'div.mr_body .relTable td .mr_warning { width: 260px; color: #e43; font-size: 12px; font-weight: bold; text-align: left; }' +
'div.mr_body .relTable td .mr_hide { display: inline-block !important; width: 15px; float: right; text-align: left; font-size: 11px; }' +
'div.mr_body .relTable td .mr_hide a { color: #888 !important; line-height: 20px !important; font-style: normal !important; text-decoration: none !important; }' +
'div.mr_body .relTable tr.mr_tr_more td { padding: 0 0 2px 0; }' +
'div.mr_body .relTable td .mr_more { display: block !important; text-align: center; color: #c0c0c0 !important; font-style: normal !important; font-size: 0.9em; text-decoration: none !important; }' +
'div.mr_body .relTable .mr_checkbox > * { vertical-align: middle; }' +
'div.mr_body .relTable .mr_comment { background-color: #f6f6f6; border: 1px solid #ebebeb; font-size: 11px; line-height: 16px; padding: 1px 4px; }' +
'div.mr_body .mr_buttons { position: absolute; bottom: 13px; width: 100%; text-align: center; padding: 5px 10px; box-sizing: border-box; }' +
'div.mr_body .mr_buttons > .inputButton { margin: 2px 5px !important; font-size: 12px; }' +
'div#mr_settings .relTable { margin-bottom: 10px; }' +
'div#mr_settings div#mr_warning { font-size: 12px; font-weight: bold; color: #d33; margin-bottom: 2px; }'
).appendTo('head');
main();
}(jQuery));