Hide specified default built-in mint.com categories
// ==UserScript==
// @name Mint.com Customize Default Categories
// @namespace com.schrauger.mint.js
// @author Stephen Schrauger
// @description Hide specified default built-in mint.com categories
// @homepage https://github.com/schrauger/mint.com-customize-default-categories
// @include https://*.mint.com/*
// @include https://mint.intuit.com/*
// @version 1.4.5
// @grant none
// ==/UserScript==
/*jslint browser: true*/
/*global jQuery*/
(function () {
function after_jquery() {
var number_of_bit_arrays = 3; // use 3 arrays to store all preferences.
var unique_id_length = 4; // the bit array is prefixed with '#!1 ' or '#!2 ' or '#!3 ', which is 4 characters long
var categories_per_string = 8; // with 20 characters per string, and 2 characters per category, we can fit 8 (plus the 4-char unique id)
var characters_per_category = 2; // with 6 flags, this allows for 11 sub categories and 1 major category
var bit_flags_per_char = 6; // using 01XXXXXX ASCII codes, which allows for 6 flags per character
var category_id = 20; // save the custom fields in the 'uncategorized' major category, which has the id of 20
var class_hidden = 'sgs-hide-from-mint'; // just a unique class; if an element has it, it will be hidden.
var class_edit_mode = 'mint_edit_mode';
var hs_action_hide = 'hide';
var hs_action_show = 'show';
var hs_action_edit = 'edit';
var sgs_style_sheet = create_style_sheet();
// Need to define all categories and subcategories, along with their ID. Create this list dynamically.
function get_default_category_list() {
var categories = [];
// loop through each category and create an array of arrays with their info
jQuery('#popup-cc-L1').find('> li').each(function () {
var category_major = [];
category_major.id = jQuery(this).attr('id').replace(/\D/g, ''); // number-only portion (they all start with 'pop-categories-'{number}
//console.log(category_major.id);
category_major.name = jQuery(this).children('a').text();
category_major.categories_minor = [];
category_major.is_hidden = jQuery(this).hasClass(class_hidden);
/* get the minor/sub categories. only the :first ul, because the second one is
user-defined custom categories, which they can change with native mint.com controls
*/
jQuery(this).find('div.popup-cc-L2 ul:first > li').each(function () {
var category_minor = [];
category_minor.id = jQuery(this).attr('id').replace(/\D/g, '');
category_minor.name = jQuery(this).text();
category_minor.is_hidden = jQuery(this).hasClass(class_hidden);
category_major.categories_minor.push(category_minor);
});
categories.push(category_major);
});
return categories;
}
// Save any categories the user wants hidden.
// This will be done by creating a custom subcategory in the 'uncategorized' category, where the name of this
// subcategory will define which other categories to hide.
// This way, if the UserScript is installed on multiple computers, the user sees their preferences synced.
// Alternatively, a cookie could be used, but preferences would be specific to that device.
/**
* @str_bit_array_array Array A printable-ascii encoded bit array (values that can be saved in a custom category)
* @array_of_all_categories Array 8*3 categories with their subcategories and
* ID, name, subcategories and is_hidden members
* for both the category and subcategories
*/
function decode_bit_array(str_bit_array_array, array_of_all_categories) {
// second, translate any extra characters into their forbidden character
// (double quote is forbidden; use a non-bit-array character to encode)
// third, loop through each category and each of its subcategories
// use bitwise operators to see if the subcategory minor id (always 1-9) is marked as hidden
str_bit_array_array.sort();
array_of_all_categories.sort(function (a, b) {
return (a.id - b.id); // sort by id, lowest first
});
var field_count = 0; // 0, 1, or 2; for the 3 unique fields holding the 23 category hidden attributes
var bit_string_category_count = 0; // only 8 categories per string. once this goes past 7, reset and use next string.
var str_bit_array = str_bit_array_array[field_count]; // 3 custom fields with attributes
// remove the first 4 characters (the unique ID plus a space)
str_bit_array = str_bit_array.substring(unique_id_length); // 0-based, meaning start at the fifth character (inclusive)
// loop through each major category and its minor categories and mark them as hidden or not
for (var category_major_count = 0, category_major_length = array_of_all_categories.length; category_major_count < category_major_length; category_major_count++) {
var category_major = array_of_all_categories[category_major_count];
array_of_all_categories[category_major_count].categories_minor.sort(function (a, b) {
return (a.id - b.id); // sort by id, lowest first
});
var bit_characters = str_bit_array.substr(bit_string_category_count * characters_per_category, characters_per_category); // grab the 2 characters for this category
for (var category_minor_count = 0, category_minor_length = category_major.categories_minor.length; category_minor_count < category_minor_length; category_minor_count++) {
var minor_id = category_major.categories_minor[category_minor_count].id.slice(-2); // the last two digits are the minor category; the first two are always the same as the parent major category
// if flag is '1', it is hidden
array_of_all_categories[category_major_count].categories_minor[category_minor_count].is_hidden = is_category_hidden(bit_characters, minor_id);
//console.debug(array_of_all_categories[category_major_count].categories_minor[category_minor_count].name + ' is hidden: '
// + array_of_all_categories[category_major_count].categories_minor[category_minor_count].is_hidden);
}
var last_flag = characters_per_category * bit_flags_per_char; // last flag is used for major category, instead of subcategory #12 (2 * 6);
array_of_all_categories[category_major_count].is_hidden = is_category_hidden(bit_characters, last_flag);
//console.debug(array_of_all_categories[category_major_count].name + ' is hidden: '
// + array_of_all_categories[category_major_count].is_hidden);
bit_string_category_count += 1;
if (bit_string_category_count > (categories_per_string - 1)) {
// each of our custom bit arrays can only hold 8 categories' info. reset the counter and move on to the next bit array
bit_string_category_count = 0;
field_count += 1;
str_bit_array = str_bit_array_array[field_count]; // 3 custom fields with attributes
// remove the first 4 characters (the unique ID plus a space)
str_bit_array = str_bit_array.substring(unique_id_length); // 0-based, meaning start at character 5 (inclusive)
}
}
return array_of_all_categories;
}
/**
* Returns true if the bit location is set to true.
*/
function is_category_hidden(ascii_characters, minor_id) {
var bit_shift_count = ((minor_id - 1) % bit_flags_per_char); // category 1 is stored in last bit flag; cat 2 in the second to last. cat 7 stored in last flag
var bit_to_use = (Math.floor((minor_id - 1) / bit_flags_per_char)); // 1-6 (0-5) in first bit. 7-12 (6-11) stored in second. etc. 7/6 floored is 1.
var bit_character = (ascii_characters.charCodeAt(bit_to_use)); // get binary representation
var is_hidden = ((bit_character >>> bit_shift_count) & 000001); // shift the bits over and mask with '1'. if both are 1, it will return 1 (true) for hidden
//console.log('is_hidden: ' + is_hidden);
return is_hidden;
}
function encode_category_hidden(ascii_characters, minor_id, is_hidden) {
var bit_shift_count = ((minor_id - 1) % bit_flags_per_char); // category 1 is stored in last bit flag; cat 2 in the second to last. cat 7 stored in last flag
var bit_to_use = (Math.floor((minor_id - 1) / bit_flags_per_char)); // 1-6 (0-5) in first bit. 7-12 (6-11) stored in second. etc. 7/6 floored is 1.
var mask = ((is_hidden << bit_shift_count)); // move the mask to the proper location
var new_char = String.fromCharCode(ascii_characters[bit_to_use].charCodeAt(0) | mask);
ascii_characters = ascii_characters.replaceAt(bit_to_use, new_char); // replace with new character
//console.debug(ascii_characters);
return ascii_characters;
}
/**
* Replaces the substituted characters with the 'illegal' characters.
* This way, the script can use bitwise operations in a logical manner.
*/
function translate_to_script(string_with_substituted_characters) {
var str_return = string_with_substituted_characters.replace('?', String.fromCharCode(127)); // the delete char (127) is substituted with a question mark when saved at mint
return str_return;
}
/**
* Replaces any illegal characters with substituted characters that mint.com allows in text fields.
*/
function translate_to_mint(string_with_illegal_characters) {
var str_return = string_with_illegal_characters.replace(String.fromCharCode(127), '?');
return str_return;
}
/**
* Extracts the bit arrays from the saved custom category input box and puts all 3 into a string array.
* @returns {Array}
*/
function extract_mint_array() {
var str_bit_array_array = [];
for (var array_number = 1; array_number <= number_of_bit_arrays; array_number++){
str_bit_array_array.push(jQuery('#menu-category-' + category_id + ' ul li:contains("#!' + array_number + '"):first').text());
//console.log('processing val is ' + jQuery(this).text());
}
return str_bit_array_array;
}
function encode_bit_array(array_of_all_categories) {
// loop through each category, create an ASCII character, and replace illegal characters
array_of_all_categories.sort(function (a, b) {
return (a.id - b.id); // sort by id, lowest first
});
var field_count = 0; // 0, 1, or 2; for the 3 unique fields holding the 23 category hidden attributes
var bit_string_category_count = 0; // only 8 categories per string. once this goes past 7, reset and use next string.
var str_bit_array_array = [];
// loop through each major category and its minor categories and mark them as hidden or not
str_bit_array_array[field_count] = new Array(characters_per_category * categories_per_string + 1).join('@');
for (var category_major_count = 0, category_major_length = array_of_all_categories.length; category_major_count < category_major_length; category_major_count++) {
var category_major = array_of_all_categories[category_major_count];
array_of_all_categories[category_major_count].categories_minor.sort(function (a, b) {
return (a.id - b.id); // sort by id, lowest first
});
var bit_characters = new Array(characters_per_category + 1).join('@'); // the @ character is 01000000, so all flags (last 6) start 'off'.
for (var category_minor_count = 0, category_minor_length = category_major.categories_minor.length; category_minor_count < category_minor_length; category_minor_count++) {
var minor_id = category_major.categories_minor[category_minor_count].id.slice(-2); // the last two digits are the minor category; the first two are always the same as the parent major category
// if flag is '1', it is hidden
bit_characters = encode_category_hidden(bit_characters, minor_id, array_of_all_categories[category_major_count].categories_minor[category_minor_count].is_hidden);
str_bit_array_array[field_count] = str_bit_array_array[field_count].replaceAt(bit_string_category_count * characters_per_category, bit_characters);
}
var last_flag = characters_per_category * bit_flags_per_char; // last flag is used for major category, instead of subcategory #12 (2 * 6);
bit_characters = encode_category_hidden(bit_characters, last_flag, array_of_all_categories[category_major_count].is_hidden);
str_bit_array_array[field_count] = str_bit_array_array[field_count].replaceAt(bit_string_category_count * characters_per_category, bit_characters);
bit_string_category_count += 1;
if (bit_string_category_count > (categories_per_string - 1)) {
// each of our custom bit arrays can only hold 8 categories' info. reset the counter and move on to the next bit array
bit_string_category_count = 0;
field_count += 1;
str_bit_array_array[field_count] = new Array(characters_per_category * categories_per_string + 1).join('@');
}
}
// now that all 3 bit arrays are creates, tack on the unique id to the string
for (var i = 0; i < number_of_bit_arrays; i++) {
str_bit_array_array[i] = '#!' + (i + 1) + ' ' + str_bit_array_array[i];
str_bit_array_array[i] = translate_to_mint(str_bit_array_array[i]);
//console.log(str_bit_array_array[i]);
}
return str_bit_array_array;
}
function clean_up_extra_fields(bit_string) {
var unique_id = bit_string.substr(0, unique_id_length);
jQuery('ul.popup-cc-L2-custom > li > input[value^="' + unique_id + '"]:not(:first)').each(function () {
var input_id = jQuery(this).prev().val();
delete_field(input_id);
});
}
/**
* Will update or insert as needed.
* @param bit_string
*/
function upsert_field(bit_string) {
var unique_id = bit_string.substr(0, unique_id_length);
var input_id = jQuery('ul.popup-cc-L2-custom > li > input[value^="' + unique_id + '"]:first').prev().val();
if (input_id) {
update_field(bit_string);
} else {
insert_field(bit_string);
}
}
function insert_field(bit_string) {
var hidden_token = JSON.parse(jQuery('#javascript-user').val()).token;
var data = {
pcatId: category_id,
catId: 0,
category: bit_string,
task: 'C',
token: hidden_token
};
jQuery.ajax(
{
type: "POST",
url: '/updateCategory.xevent',
data: data
}
);
}
function update_field(bit_string) {
var hidden_token = JSON.parse(jQuery('#javascript-user').val()).token;
var unique_id = bit_string.substr(0, unique_id_length);
var input = jQuery('ul.popup-cc-L2-custom > li > input[value^="' + unique_id + '"]:first');
//console.log('setting input string from ' + input.val() + ' to ' + bit_string);
input.val(bit_string); // set the value on the user's page manually (not needed for ajax, but needed for later processing)
//jQuery('#menu-category-' + category_id + ' ul li:contains("' + unique_id + '")').text(bit_string); //@TODO what is this line doing?
/* input.prop('value',bit_string);
input.attr('value',bit_string);*/
var input_id = input.prev().val();
var data = {
pcatId: category_id,
catId: input_id,
category: bit_string,
task: 'U',
token: hidden_token
};
jQuery.ajax(
{
type: "POST",
url: '/updateCategory.xevent',
data: data
}
);
}
function delete_field(input_id) {
var hidden_token = JSON.parse(jQuery('#javascript-user').val()).token;
var data = {
catId: input_id,
task: 'D',
token: hidden_token
};
jQuery.ajax(
{
type: "POST",
url: '/updateCategory.xevent',
data: data
}
);
}
/**
* Loop through all the category objects. If any are hidden,
* add the proper CSS to hide the field.
* Also, remove any line-throughs, in case a hidden category has been restored.
* @param default_categories
*/
function process_hidden_categories(default_categories) {
clearSGSStyle(); // clear css rules first. these rules define elements that are hidden, based on their id.
for (var major_count = 0; major_count < default_categories.length; major_count++) {
for (var minor_count = 0; minor_count < default_categories[major_count].categories_minor.length; minor_count++) {
if (default_categories[major_count].categories_minor[minor_count].is_hidden) {
jQuery('#menu-category-' + default_categories[major_count].categories_minor[minor_count].id).addClass(class_hidden);
css_hide_element('#menu-category-' + default_categories[major_count].categories_minor[minor_count].id);
//console.log('hide minor ' + default_categories[major_count].categories_minor[minor_count].id);
jQuery('#pop-categories-' + default_categories[major_count].categories_minor[minor_count].id).addClass(class_hidden);
}
jQuery('#menu-category-' + default_categories[major_count].categories_minor[minor_count].id).css('text-decoration', '');
jQuery('#pop-categories-' + default_categories[major_count].categories_minor[minor_count].id).css('text-decoration', '');
}
if (default_categories[major_count].is_hidden) {
jQuery('#menu-category-' + default_categories[major_count].id).addClass(class_hidden);
jQuery('#pop-categories-' + default_categories[major_count].id).addClass(class_hidden);
}
// insert rename here
jQuery('#menu-category-' + default_categories[major_count].id).css('text-decoration', '');
jQuery('#pop-categories-' + default_categories[major_count].id).css('text-decoration', '');
}
hide_show_category(hs_action_hide);
}
/**
* Recently, mint has been removing all classes of elements after the dropdown
* is shown. This unfortunately removes my hiding class, causing subcategories
* to be shown after briefly being hidden.
* Therefore, this function was created to make a global css rule to hide
* and show elements based on their id, rather than by adding classes.
*/
function css_hide_element(element_id){
addSGSStyle(element_id, 'display: none');
}
/**
*
* @param action
*/
function hide_show_category(action) {
var category = jQuery('.' + class_hidden);
if (action == hs_action_hide) {
// hide the categories completely
category.hide();
category.css('text-decoration', 'line-through');
}
if (action == hs_action_show) {
// remove any visible attributes
category.show();
category.css('text-decoration', '');
}
if (action == hs_action_edit) {
category.show();
category.css('text-decoration', 'line-through');
}
}
function add_toggle() {
if (!(jQuery('#sgs-toggle').length)) {
var toggle_style = "position: absolute; right: 30px; top: 35px; cursor: pointer";
var toggle_text = "Edit Hidden Categories";
jQuery('#pop-categories-main').prepend('<div id="sgs-toggle" class="" style="' + toggle_style + '">' + toggle_text + '</div>');
jQuery('#sgs-toggle').click(function () {
edit_categories();
});
jQuery('#pop-categories-submit').click(function(){
jQuery('#sgs-toggle').addClass('editing'); // force the current mode to be editing so the edit_categories call saves
edit_categories(); // if user clicks the "I'm done" button, we should also save the categories.
})
}
}
function edit_categories() {
var toggle = jQuery('#sgs-toggle');
toggle.toggleClass('editing');
if (toggle.hasClass('editing')) {
toggle.text('Save Hidden Categories');
mint_edit(true); // make all categories clickable; when clicked, add class and strike out
} else {
mint_edit(false); // remove clickable event and strike css; go back to hiding
mint_save();
toggle.text('Edit Hidden Categories');
}
}
function mint_edit(edit_mode) {
if (edit_mode) {
// get the major and minor categories in the popup editor
var minor_categories = jQuery('div.popup-cc-L2 > ul:first-of-type > li'); // second ul is custom categories, so just get first
var major_categories = jQuery('#popup-cc-L1').find('.isL1');
// display all previously hidden fields (except our three custom fields holding bit arrays)
// add checkboxes to the categories
minor_categories.each(function () {
add_checkbox(this);
});
major_categories.each(function () {
add_checkbox(this);
})
jQuery('input.hide_show_checkbox').css({
'position': 'absolute',
'right': '-18px'
});
// add label for minor checkboxes
jQuery('div.popup-cc-L2 > h3:first-of-type').append('<span class="' + class_edit_mode + ' minor_hide_show_label">Hide</span>');
jQuery('span.minor_hide_show_label').css({
'position': 'absolute',
'right': '64px',
'top': '3px',
'font-size': '13px',
'font-weight': 'bold'
});
// add label for major categories
jQuery('#pop-categories-form fieldset').prepend('<span class="' + class_edit_mode + ' major_hide_show_label">Hide</span>');
jQuery('span.major_hide_show_label').css({
'position': 'absolute',
'left': '267px',
'font-size': '13px',
'font-weight': 'bold'
});
// add checkbox event. when checked add the 'hidden' class (which is scanned on save)
jQuery('input.hide_show_checkbox').click(function () {
var parent_id = jQuery(this).parent().attr('id').replace(/\D/g, '');
if (jQuery(this).is(':checked')) {
jQuery('#menu-category-' + parent_id).addClass(class_hidden);
jQuery('#pop-categories-' + parent_id).addClass(class_hidden);
jQuery(this).parent().css('text-decoration', 'line-through');
} else {
jQuery('#menu-category-' + parent_id).removeClass(class_hidden);
jQuery('#pop-categories-' + parent_id).removeClass(class_hidden);
;
jQuery(this).parent().css('text-decoration', '');
}
});
hide_show_category(hs_action_edit);
} else {
// no longer editing (saving), so remove our labels and checkboxes, and re-hide the desired categories
jQuery('.' + class_edit_mode).remove();
hide_show_category(hs_action_hide);
}
}
function add_checkbox(element) {
var checked = '';
if (jQuery(element).hasClass(class_hidden)) {
// hidden categories are checked
checked = 'checked="checked"';
}
jQuery(element).append('<input type="checkbox" class="' + class_edit_mode + ' hide_show_checkbox"' + checked + ' />');
}
/**
* hooks to the save or cancel button so that hidden categories will be re-hidden after ajax refresh
*/
function add_save_hook() {
if ((jQuery('#pop-categories-submit').length && (!(jQuery('#pop-categories-submit').hasClass('sgs-hook-added'))))) {
jQuery('#pop-categories-submit').addClass('sgs-hook-added');
jQuery('#pop-categories-submit, #pop-categories-close').click(function () {
mint_refresh();
});
}
}
/**
* Hides our bit array custom categories permanently so the user won't accidentally mess with them.
*/
function hide_bit_array() {
jQuery('input[value^="#!"]').parent().hide();
jQuery('li[id^="menu-category-"] a:contains("#!")').parent().hide();
jQuery('li[id^="menu-category-"] a:contains("#!")').each(function( index ) {
// use the new css global stylesheet function to hide the element as well.
css_hide_element("#" + jQuery(this).parent().attr('id'));
});
}
/**
* Allows immutable strings to have character(s) replaced
* @param index
* @param character
* @returns {string}
*/
String.prototype.replaceAt = function (index, character) {
return this.substr(0, index) + character + this.substr(index + character.length);
};
/**
* Lets you bind an event and have it run first.
* @param name
* @param fn
*/
jQuery.fn.bindFirst = function (name, fn) {
// bind as you normally would
// don't want to miss out on any jQuery magic
this.on(name, fn);
// Thanks to a comment by @Martin, adding support for
// namespaced events too.
this.each(function () {
var handlers = jQuery._data(this, 'events')[name.split('.')[0]];
// take out the handler we just inserted from the end
var handler = handlers.pop();
// move it at the beginning
handlers.splice(0, 0, handler);
});
};
function mint_refresh() {
add_toggle();
add_save_hook();
// when the popup is opened or closed, re-hide the categories
var str_bit_array_array = extract_mint_array();
var default_categories = get_default_category_list();
default_categories = decode_bit_array(str_bit_array_array, default_categories);
process_hidden_categories(default_categories); // hides the appropriate fields
//Hides our three fields, since the user probably shouldn't mess with them directly (and they look weird).
hide_bit_array(); // comment this out in order to see the bit string data
}
/**
* Saves the preferences
*/
function mint_save() {
//console.debug('saving');
var default_categories = get_default_category_list();
var bit_array_array = encode_bit_array(default_categories);
for (var i = 0; i < bit_array_array.length; i++) {
clean_up_extra_fields(bit_array_array[i]); // delete any extra preference fields my older script created
upsert_field(bit_array_array[i]);
}
}
function add_dropdown_hook() {
//console.log('start dropdown');
//if ((jQuery('#txnEdit-category_input').length) && (!(jQuery('#txtEdit-category_input').hasClass('sgs-hook-added')))) {
jQuery('#txnEdit-category_input').addClass('sgs-hook-added');
jQuery('#txnEdit-category_input, #txnEdit-category_picker').off('click', mint_refresh);
jQuery('#txnEdit-category_input, #txnEdit-category_picker').on('click', mint_refresh);
//}
}
/**
* A bonus feature of this script: Fixes Mint's google search query.
* (If a transaction description contains a space, quote or other URI character,
* mint.com doesn't encode it, which causes the google search link to be invalid.)
*/
function google_search_fix(){
jQuery('#txnEdit-toggle').on('click', function(){
// get the text; don't try decoding the partial original search link
plain_search = jQuery('a.desc_link strong var').text();
// proper encoding
new_search = encodeURIComponent(plain_search);
// encoding changes spaces to %20, but that is deprecated now. urls take '+' instead.
new_search = new_search.replace(/%20/gi, '+');
// replace old url with new
jQuery('a.desc_link').attr('href', 'https://www.google.com/#q=' + new_search);
});
}
/**
* Function to add a global css style to a page.
* https://davidwalsh.name/add-rules-stylesheets
* This function is called once, at the top of the code, storing
* the new stylesheet reference in a script-global variable.
*/
function create_style_sheet(){
// Create the <style> tag
var style = document.createElement("style");
// Add a media (and/or media query) here if you'd like!
// style.setAttribute("media", "screen")
// style.setAttribute("media", "only screen and (max-width : 1024px)")
// WebKit hack :(
style.appendChild(document.createTextNode(""));
// Add the <style> element to the page
document.head.appendChild(style);
return style.sheet;
}
// Cross compatible function to insert a rule. Index is optional.
function _addCSSRule(sheet, selector, rules, index) {
if("insertRule" in sheet) {
sheet.insertRule(selector + "{" + rules + "}", index);
}
else if("addRule" in sheet) {
sheet.addRule(selector, rules, index);
}
}
/*
* This is the actual function called to hide an element via its id.
*/
function addSGSStyle(css_selector, css_rule) {
_addCSSRule(sgs_style_sheet, css_selector, css_rule);
}
/*
* Rather than removing specific rules, we just wipe the entire sheet out.
* Afterwards, the rules are recreated to fit the new preferences.
*/
function clearSGSStyle() {
while (sgs_style_sheet.cssRules.length > 0){
sgs_style_sheet.deleteRule(0);
}
}
////// Start jQuery Addon - 660-1123
if (!(jQuery.fn.arrive)){
/*globals jQuery,Window,HTMLElement,HTMLDocument,HTMLCollection,NodeList,MutationObserver */
/*exported Arrive*/
/*jshint latedef:false */
/*
* arrive.js
* v2.4.1
* https://github.com/uzairfarooq/arrive
* MIT licensed
*
* Copyright (c) 2014-2017 Uzair Farooq
*/
var Arrive = (function(window, $, undefined) {
"use strict";
if(!window.MutationObserver || typeof HTMLElement === 'undefined'){
return; //for unsupported browsers
}
var arriveUniqueId = 0;
var utils = (function() {
var matches = HTMLElement.prototype.matches || HTMLElement.prototype.webkitMatchesSelector || HTMLElement.prototype.mozMatchesSelector
|| HTMLElement.prototype.msMatchesSelector;
return {
matchesSelector: function(elem, selector) {
return elem instanceof HTMLElement && matches.call(elem, selector);
},
// to enable function overloading - By John Resig (MIT Licensed)
addMethod: function (object, name, fn) {
var old = object[ name ];
object[ name ] = function(){
if ( fn.length == arguments.length ) {
return fn.apply( this, arguments );
}
else if ( typeof old == 'function' ) {
return old.apply( this, arguments );
}
};
},
callCallbacks: function(callbacksToBeCalled, registrationData) {
if (registrationData && registrationData.options.onceOnly && registrationData.firedElems.length == 1) {
// as onlyOnce param is true, make sure we fire the event for only one item
callbacksToBeCalled = [callbacksToBeCalled[0]];
}
for (var i = 0, cb; (cb = callbacksToBeCalled[i]); i++) {
if (cb && cb.callback) {
cb.callback.call(cb.elem, cb.elem);
}
}
if (registrationData && registrationData.options.onceOnly && registrationData.firedElems.length == 1) {
// unbind event after first callback as onceOnly is true.
registrationData.me.unbindEventWithSelectorAndCallback.call(
registrationData.target, registrationData.selector, registrationData.callback);
}
},
// traverse through all descendants of a node to check if event should be fired for any descendant
checkChildNodesRecursively: function(nodes, registrationData, matchFunc, callbacksToBeCalled) {
// check each new node if it matches the selector
for (var i=0, node; (node = nodes[i]); i++) {
if (matchFunc(node, registrationData, callbacksToBeCalled)) {
callbacksToBeCalled.push({ callback: registrationData.callback, elem: node });
}
if (node.childNodes.length > 0) {
utils.checkChildNodesRecursively(node.childNodes, registrationData, matchFunc, callbacksToBeCalled);
}
}
},
mergeArrays: function(firstArr, secondArr){
// Overwrites default options with user-defined options.
var options = {},
attrName;
for (attrName in firstArr) {
if (firstArr.hasOwnProperty(attrName)) {
options[attrName] = firstArr[attrName];
}
}
for (attrName in secondArr) {
if (secondArr.hasOwnProperty(attrName)) {
options[attrName] = secondArr[attrName];
}
}
return options;
},
toElementsArray: function (elements) {
// check if object is an array (or array like object)
// Note: window object has .length property but it's not array of elements so don't consider it an array
if (typeof elements !== "undefined" && (typeof elements.length !== "number" || elements === window)) {
elements = [elements];
}
return elements;
}
};
})();
// Class to maintain state of all registered events of a single type
var EventsBucket = (function() {
var EventsBucket = function() {
// holds all the events
this._eventsBucket = [];
// function to be called while adding an event, the function should do the event initialization/registration
this._beforeAdding = null;
// function to be called while removing an event, the function should do the event destruction
this._beforeRemoving = null;
};
EventsBucket.prototype.addEvent = function(target, selector, options, callback) {
var newEvent = {
target: target,
selector: selector,
options: options,
callback: callback,
firedElems: []
};
if (this._beforeAdding) {
this._beforeAdding(newEvent);
}
this._eventsBucket.push(newEvent);
return newEvent;
};
EventsBucket.prototype.removeEvent = function(compareFunction) {
for (var i=this._eventsBucket.length - 1, registeredEvent; (registeredEvent = this._eventsBucket[i]); i--) {
if (compareFunction(registeredEvent)) {
if (this._beforeRemoving) {
this._beforeRemoving(registeredEvent);
}
// mark callback as null so that even if an event mutation was already triggered it does not call callback
var removedEvents = this._eventsBucket.splice(i, 1);
if (removedEvents && removedEvents.length) {
removedEvents[0].callback = null;
}
}
}
};
EventsBucket.prototype.beforeAdding = function(beforeAdding) {
this._beforeAdding = beforeAdding;
};
EventsBucket.prototype.beforeRemoving = function(beforeRemoving) {
this._beforeRemoving = beforeRemoving;
};
return EventsBucket;
})();
/**
* @constructor
* General class for binding/unbinding arrive and leave events
*/
var MutationEvents = function(getObserverConfig, onMutation) {
var eventsBucket = new EventsBucket(),
me = this;
var defaultOptions = {
fireOnAttributesModification: false
};
// actual event registration before adding it to bucket
eventsBucket.beforeAdding(function(registrationData) {
var
target = registrationData.target,
observer;
// mutation observer does not work on window or document
if (target === window.document || target === window) {
target = document.getElementsByTagName("html")[0];
}
// Create an observer instance
observer = new MutationObserver(function(e) {
onMutation.call(this, e, registrationData);
});
var config = getObserverConfig(registrationData.options);
observer.observe(target, config);
registrationData.observer = observer;
registrationData.me = me;
});
// cleanup/unregister before removing an event
eventsBucket.beforeRemoving(function (eventData) {
eventData.observer.disconnect();
});
this.bindEvent = function(selector, options, callback) {
options = utils.mergeArrays(defaultOptions, options);
var elements = utils.toElementsArray(this);
for (var i = 0; i < elements.length; i++) {
eventsBucket.addEvent(elements[i], selector, options, callback);
}
};
this.unbindEvent = function() {
var elements = utils.toElementsArray(this);
eventsBucket.removeEvent(function(eventObj) {
for (var i = 0; i < elements.length; i++) {
if (this === undefined || eventObj.target === elements[i]) {
return true;
}
}
return false;
});
};
this.unbindEventWithSelectorOrCallback = function(selector) {
var elements = utils.toElementsArray(this),
callback = selector,
compareFunction;
if (typeof selector === "function") {
compareFunction = function(eventObj) {
for (var i = 0; i < elements.length; i++) {
if ((this === undefined || eventObj.target === elements[i]) && eventObj.callback === callback) {
return true;
}
}
return false;
};
}
else {
compareFunction = function(eventObj) {
for (var i = 0; i < elements.length; i++) {
if ((this === undefined || eventObj.target === elements[i]) && eventObj.selector === selector) {
return true;
}
}
return false;
};
}
eventsBucket.removeEvent(compareFunction);
};
this.unbindEventWithSelectorAndCallback = function(selector, callback) {
var elements = utils.toElementsArray(this);
eventsBucket.removeEvent(function(eventObj) {
for (var i = 0; i < elements.length; i++) {
if ((this === undefined || eventObj.target === elements[i]) && eventObj.selector === selector && eventObj.callback === callback) {
return true;
}
}
return false;
});
};
return this;
};
/**
* @constructor
* Processes 'arrive' events
*/
var ArriveEvents = function() {
// Default options for 'arrive' event
var arriveDefaultOptions = {
fireOnAttributesModification: false,
onceOnly: false,
existing: false
};
function getArriveObserverConfig(options) {
var config = {
attributes: false,
childList: true,
subtree: true
};
if (options.fireOnAttributesModification) {
config.attributes = true;
}
return config;
}
function onArriveMutation(mutations, registrationData) {
mutations.forEach(function( mutation ) {
var newNodes = mutation.addedNodes,
targetNode = mutation.target,
callbacksToBeCalled = [],
node;
// If new nodes are added
if( newNodes !== null && newNodes.length > 0 ) {
utils.checkChildNodesRecursively(newNodes, registrationData, nodeMatchFunc, callbacksToBeCalled);
}
else if (mutation.type === "attributes") {
if (nodeMatchFunc(targetNode, registrationData, callbacksToBeCalled)) {
callbacksToBeCalled.push({ callback: registrationData.callback, elem: targetNode });
}
}
utils.callCallbacks(callbacksToBeCalled, registrationData);
});
}
function nodeMatchFunc(node, registrationData, callbacksToBeCalled) {
// check a single node to see if it matches the selector
if (utils.matchesSelector(node, registrationData.selector)) {
if(node._id === undefined) {
node._id = arriveUniqueId++;
}
// make sure the arrive event is not already fired for the element
if (registrationData.firedElems.indexOf(node._id) == -1) {
registrationData.firedElems.push(node._id);
return true;
}
}
return false;
}
arriveEvents = new MutationEvents(getArriveObserverConfig, onArriveMutation);
var mutationBindEvent = arriveEvents.bindEvent;
// override bindEvent function
arriveEvents.bindEvent = function(selector, options, callback) {
if (typeof callback === "undefined") {
callback = options;
options = arriveDefaultOptions;
} else {
options = utils.mergeArrays(arriveDefaultOptions, options);
}
var elements = utils.toElementsArray(this);
if (options.existing) {
var existing = [];
for (var i = 0; i < elements.length; i++) {
var nodes = elements[i].querySelectorAll(selector);
for (var j = 0; j < nodes.length; j++) {
existing.push({ callback: callback, elem: nodes[j] });
}
}
// no need to bind event if the callback has to be fired only once and we have already found the element
if (options.onceOnly && existing.length) {
return callback.call(existing[0].elem, existing[0].elem);
}
setTimeout(utils.callCallbacks, 1, existing);
}
mutationBindEvent.call(this, selector, options, callback);
};
return arriveEvents;
};
/**
* @constructor
* Processes 'leave' events
*/
var LeaveEvents = function() {
// Default options for 'leave' event
var leaveDefaultOptions = {};
function getLeaveObserverConfig() {
var config = {
childList: true,
subtree: true
};
return config;
}
function onLeaveMutation(mutations, registrationData) {
mutations.forEach(function( mutation ) {
var removedNodes = mutation.removedNodes,
callbacksToBeCalled = [];
if( removedNodes !== null && removedNodes.length > 0 ) {
utils.checkChildNodesRecursively(removedNodes, registrationData, nodeMatchFunc, callbacksToBeCalled);
}
utils.callCallbacks(callbacksToBeCalled, registrationData);
});
}
function nodeMatchFunc(node, registrationData) {
return utils.matchesSelector(node, registrationData.selector);
}
leaveEvents = new MutationEvents(getLeaveObserverConfig, onLeaveMutation);
var mutationBindEvent = leaveEvents.bindEvent;
// override bindEvent function
leaveEvents.bindEvent = function(selector, options, callback) {
if (typeof callback === "undefined") {
callback = options;
options = leaveDefaultOptions;
} else {
options = utils.mergeArrays(leaveDefaultOptions, options);
}
mutationBindEvent.call(this, selector, options, callback);
};
return leaveEvents;
};
var arriveEvents = new ArriveEvents(),
leaveEvents = new LeaveEvents();
function exposeUnbindApi(eventObj, exposeTo, funcName) {
// expose unbind function with function overriding
utils.addMethod(exposeTo, funcName, eventObj.unbindEvent);
utils.addMethod(exposeTo, funcName, eventObj.unbindEventWithSelectorOrCallback);
utils.addMethod(exposeTo, funcName, eventObj.unbindEventWithSelectorAndCallback);
}
/*** expose APIs ***/
function exposeApi(exposeTo) {
exposeTo.arrive = arriveEvents.bindEvent;
exposeUnbindApi(arriveEvents, exposeTo, "unbindArrive");
exposeTo.leave = leaveEvents.bindEvent;
exposeUnbindApi(leaveEvents, exposeTo, "unbindLeave");
}
if ($) {
exposeApi($.fn);
}
exposeApi(HTMLElement.prototype);
exposeApi(NodeList.prototype);
exposeApi(HTMLCollection.prototype);
exposeApi(HTMLDocument.prototype);
exposeApi(Window.prototype);
var Arrive = {};
// expose functions to unbind all arrive/leave events
exposeUnbindApi(arriveEvents, Arrive, "unbindAllArrive");
exposeUnbindApi(leaveEvents, Arrive, "unbindAllLeave");
return Arrive;
})(window, typeof jQuery === 'undefined' ? null : jQuery, undefined);
}
////// End jQuery Addon
jQuery(document).arrive("#txnEdit-category_input", add_dropdown_hook);
jQuery(document).arrive("#txnEdit-toggle", google_search_fix);
}
/**
* Mint.com loads jquery after page is loaded, and it conflicts with other verions. We can't
* use a sandbox for our script, either, since we must use their version of jquery in order
* to hook into their ajax completion events.
* Therefore, we must manually check for jquery every so often (50 ms) until it finally exists.
* Then, we can call our jquery-requiring function and modify the page.
* @param method
*/
function defer(method) {
if (window.jQuery) {
method();
} else {
setTimeout(function () {
defer(method);
}, 50);
}
}
window.addEventListener('load', function () {
defer(after_jquery);
});
}());