☰

WME Tab Preferences

Adjust the tabs in the Waze Map Editor to your liking by adjusting their size, hiding tabs or even renaming tabs completely.

目前为 2016-03-14 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        WME Tab Preferences
  3. // @namespace   http://www.tomputtemans.com/
  4. // @description Adjust the tabs in the Waze Map Editor to your liking by adjusting their size, hiding tabs or even renaming tabs completely.
  5. // @include     https://www.waze.com/*/editor/*
  6. // @include     https://www.waze.com/editor/*
  7. // @include     https://editor-beta.waze.com/*
  8. // @exclude     https://www.waze.com/user/*editor/*
  9. // @icon        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwCEzYBoD6dGgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACfUlEQVRo3u3aTUgUYRjA8b/bjKyziyyTH2VpKYoHDxLkaTFvRSJCeBHxpFBHCULoWgcpqL3VqZaQIIKULlKSBoqIGJjQQTE2T8YqbpCzrwuz63Zwxy5+pLTtzvY8txle5n1+PO/XDFP0c8tKU6DhoYBDcIITnOAE99/jtKMa2LaNUnGSts3Ozk5+VMTjQdN1jBIDvbj4wHZFh51QtpXCsrbyujo+nx/D5zte5Wzb3oOZponf70fTtLwAJZNJLMsiFosRj1vour5vBQ+cc0rF92CBQCBvYACaphEIBDBNczfXbXW8BSWVSgFgGEbeDkknNyfXP8clkwAUHzJhcx1Obk6uss8JTnCCy93x6+/FJgvvp1hVBhevXOPS6UKo3NoUI++WSDDHyMMQodBTJpbAmn/D6EIiq10feLbcWI8CUFdXd/KnJxZ4cusOr76BYZxCqQzGa2CkFIpaeh+/4GbzybuIRCIAlFdU/uPKeSs5X1UC2L9hAAmFsoGzLbQ0unJYWnz5MMemx7t7WRrk9vA4U2PPGQiWZpDf+Twxw1fLdbhJXt4LEZ5eB6CmvZsbF7zgr6eru50agPVpwg/u8mzSdbgKquvLMA19d63ciOIMzLXIKpsAuoFZdo7yUjcuKMBKuJ/+8AqgYzZeptmMsfhpmZgNtAww9qgLP25cUJhh9O2K8/pLbHmWj7MZGMD8ME9mXLvPBenta+NM7XUGh3poyNxt6Bli8Go15W199AZdfEKp6rzP606ARaJN4/yIVtHaGqSjKUhHlvvO+pzLduRwzslbgeAEJzjBCS6331CczdrtsZ+joCtXlE6n5Q8iwQlOcIITnOAEJzjBCe6I+AVAjNynsKm5WAAAAABJRU5ErkJggg==
  10. // @version     1.1
  11. // @grant       none
  12. // ==/UserScript==
  13. (function() {
  14.   var tabReopened = false, // have we reopened the tab from last time?
  15.       timesRan = 0, // variable for sanity check
  16.       tabsSecured = -1, // Up until which index have we fully rearranged the tabs?
  17.       versions = ['0.1', '0.2', '1.0', '1.0.1', '1.0.2', '1.0.3', '1.0.4', '1.0.5', '1.1'],
  18.       Storage = (function() {
  19.         var hashes = (localStorage.tabprefs_hidden ? localStorage.tabprefs_hidden.split(',') : []),
  20.             tabConfigs = (localStorage.tabprefs_configs ? JSON.parse(localStorage.tabprefs_configs) : {});
  21.         return {
  22.           setTabVisibility: function(hash, visible) {
  23.             var hashIndex = hashes.indexOf(hash);
  24.             if (hashIndex !== -1 && visible) {
  25.               hashes.splice(hashIndex, 1);
  26.               localStorage.tabprefs_hidden = hashes.join();
  27.             } else if (hashIndex === -1 && !visible) {
  28.               hashes.push(hash);
  29.               localStorage.tabprefs_hidden = hashes.join();
  30.             }
  31.           },
  32.           isTabVisible: function(hash) {
  33.             return hashes.indexOf(hash) === -1;
  34.           },
  35.           setTabConfig: function(hash, config) {
  36.             tabConfigs[hash] = config;
  37.             localStorage.tabprefs_configs = JSON.stringify(tabConfigs);
  38.           },
  39.           removeTabConfig: function(hash) {
  40.             delete tabConfigs[hash];
  41.             localStorage.tabprefs_configs = JSON.stringify(tabConfigs);
  42.           },
  43.           getTabConfig: function(hash) {
  44.             return tabConfigs[hash] || {};
  45.           },
  46.           exportConfig: function() {
  47.             return JSON.stringify({
  48.               reopenTab: localStorage.tabprefs_reopenTab,
  49.               tabprefs_tabwidth: localStorage.tabprefs_tabwidth,
  50.               tabprefs_tabheight: localStorage.tabprefs_tabheight,
  51.               tabprefs_preserveOrder: localStorage.tabprefs_preserveOrder,
  52.               tabprefs_hidden: localStorage.tabprefs_hidden,
  53.               tabprefs_configs: localStorage.tabprefs_configs
  54.             });
  55.           },
  56.           importConfig: function(toImport) {
  57.             var config = JSON.parse(toImport);
  58.             var iterator = config.entries();
  59.             for (var entry of iterator) {
  60.               if (entry[0].startsWith('tabprefs_')) {
  61.                 localStorage[entry[0]] = entry[1];
  62.               }
  63.             }
  64.           }
  65.         };
  66.       })();
  67.  
  68.   function init(e) {
  69.     if (e && e.user == null) {
  70.       return;
  71.     }
  72.     if (typeof I18n === 'undefined') {
  73.       log('No internationalisation object found yet, snoozing');
  74.       setTimeout(init, 300);
  75.       return;
  76.     }
  77.     if (typeof Waze === 'undefined' ||
  78.         typeof Waze.loginManager === 'undefined') {
  79.       setTimeout(init, 100);
  80.       return;
  81.     }
  82.     if (!Waze.loginManager.hasUser()) {
  83.       Waze.loginManager.events.register("login", null, init);
  84.       Waze.loginManager.events.register("loginStatus", null, init);
  85.       return;
  86.     }
  87.  
  88.     var om_strings = {
  89.       en: {
  90.         prefs: {
  91.           title: 'Tab Preferences',
  92.           tab_width: 'Tab width',
  93.           tab_height: 'Tab height',
  94.           reset: 'reset',
  95.           preserve_tab: 'Preserve opened tab over sessions',
  96.           preserve_order: 'Preserve tab order and change names',
  97.           remove_tab: 'Tab no longer available. Remove entry?',
  98.           hide_tab: 'Change tab visibility',
  99.           move_up_tab: 'Move up',
  100.           move_down_tab: 'Move down',
  101.           edit_tab: 'Edit tab',
  102.           change_icon: 'Change icon',
  103.           set_icon: 'Set icon',
  104.           reset_tab: 'Reset tab',
  105.           icon: 'Icon',
  106.           icon_none: 'None set',
  107.           close: 'Close'
  108.         },
  109.         update: {
  110.           first_run: 'Thanks for using Tab Preferences!\nThe settings tab on the left contains additional options now.\nThis message will only appear one time.',
  111.           message: 'New version installed! Changelog:',
  112.           v0_1: '- Initial version with tab memory and order preservation',
  113.           v0_2: '- Improvements to order preservation algorithm\n- Addition of version change messages',
  114.           v1_0: '- Ability to hide a tab added\n- Ability to replace tab with symbol added\n- Ability to resize tabs added\n- Metadata icon added to userscript',
  115.           v1_0_1: '- Fixed the script for Google Chrome',
  116.           v1_0_2: '- Fixed tab size reset buttons in Google Chrome',
  117.           v1_0_3: '- Tab styling is applied with higher specificity, but plays nicer with other scripts as well',
  118.           v1_0_4: '- Tab alignment issues with renamed tabs in Google Chrome fixed',
  119.           v1_0_5: '- Removed strict mode that was necessary for Google Chrome\n- Improved initalisation of script',
  120.           v1_1: '- The list with tab names can now be dragged around\n- Quick tooltips for tabs with replaced names\n- Bug fix concerning the order of the last tabs with some missing tabs'
  121.         }
  122.       },
  123.       nl: {
  124.         prefs: {
  125.           title: 'Tabvoorkeuren',
  126.           tab_width: 'Tabbreedte',
  127.           tab_height: 'Tabhoogte',
  128.           reset: 'reset',
  129.           preserve_tab: 'Geopende tab bijhouden tussen sessies',
  130.           preserve_order: 'Volgorde van tabs bijhouden en namen veranderen',
  131.           remove_tab: 'Tab niet langer beschikbaar. Verwijderen?',
  132.           hide_tab: 'Tabzichtbaarheid veranderen',
  133.           move_up_tab: 'Eerder zetten',
  134.           move_down_tab: 'Verder zetten',
  135.           edit_tab: 'Tab aanpassen',
  136.           change_icon: 'Icoon veranderen',
  137.           set_icon: 'Icoon instellen',
  138.           reset_tab: 'Tab resetten',
  139.           icon: 'Icoon',
  140.           icon_none: 'Niet ingesteld',
  141.           close: 'Sluiten'
  142.         }
  143.       }
  144.     };
  145.     om_strings['en_GB'] = om_strings.en;
  146.     for(var i = 0; i < I18n.availableLocales.length; i++) {
  147.       var locale = I18n.availableLocales[i];
  148.       if (I18n.translations[locale]) {
  149.         I18n.translations[locale].tabpreferences = om_strings[locale];
  150.       }
  151.     }
  152.  
  153.     checkVersion();
  154.  
  155.     // Always add scrollbar to sidepanel to keep the width constant
  156.     document.getElementById('sidebar').style.overflowY = 'scroll';
  157.  
  158.     initTabListener();
  159.     initSettings();
  160.   }
  161.  
  162.   function initTabListener() {
  163.     var tabs = document.querySelector('#user-tabs .nav-tabs');
  164.     if (!tabs) {
  165.       log('No tabs found yet, snoozing');
  166.       setTimeout(initTabListener, 400);
  167.       return;
  168.     }
  169.     log('Tabs found, enabling observers');
  170.     var selectionObserver = new MutationObserver(function(mutationRecords) {
  171.       mutationRecords.forEach(function(mutationRecord) {
  172.         // Store last opened tab when one of the tabs receives focus
  173.         if (localStorage.tabprefs_reopenTab && mutationRecord.target.className === 'active') {
  174.           localStorage.tabprefs_reopenTab = mutationRecord.target.querySelector('a').hash;
  175.         }
  176.       });
  177.     });
  178.     for (var i = 0; i < tabs.children.length; i++) {
  179.       selectionObserver.observe(tabs.children[i], { attributes: true, attributeFilter: ['class'] });
  180.       if (tabs.children[i].title) {
  181.         $(tabs.children[i]).tooltip();
  182.       }
  183.       if (!Storage.isTabVisible(tabs.children[i].querySelector('a').hash)) {
  184.         tabs.children[i].style.display = 'none';
  185.       }
  186.     }
  187.  
  188.     var tabObserver = new MutationObserver(function(mutationRecords) {
  189.       if (!tabReopened) {
  190.         reopenTab();
  191.       }
  192.       mutationRecords.forEach(function(mutationRecord) {
  193.         // Reorder tabs when new ones get added
  194.         if (mutationRecord.addedNodes.length > 0) {
  195.           for (var i = 0; i < mutationRecord.addedNodes.length; i++) {
  196.             var node = mutationRecord.addedNodes[i],
  197.                 anchor = node.querySelector('a'),
  198.                 hash = anchor.hash;
  199.             // Also start observing here for changes to tab selection
  200.             selectionObserver.observe(node, { attributes: true, attributeFilter: ['class'] });
  201.             if (anchor.title) {
  202.               $(anchor).tooltip();
  203.             }
  204.             // Tab visibility
  205.             if (!Storage.isTabVisible(hash)) {
  206.               node.style.display = 'none';
  207.             }
  208.           }
  209.           renameTabs();
  210.           reorderTabs();
  211.           if (localStorage.tabprefs_tabwidth || localStorage.tabprefs_tabheight) {
  212.             resizeTabs();
  213.           }
  214.         }
  215.       });
  216.     });
  217.     tabObserver.observe(tabs, { childList: true });
  218.     reopenTab();
  219.     renameTabs();
  220.     reorderTabs();
  221.     if (localStorage.tabprefs_tabwidth || localStorage.tabprefs_tabheight) {
  222.       resizeTabs();
  223.     }
  224.   }
  225.  
  226.   function initSettings() {
  227.     var prefsTab = document.querySelector('#sidepanel-prefs');
  228.     if (!prefsTab) {
  229.       log('No settings tab found yet, snoozing');
  230.       setTimeout(initSettings, 400);
  231.       return;
  232.     }
  233.     var section = prefsTab.querySelector('.side-panel-section'),
  234.         heading = document.createElement('h4'),
  235.         tabOrderPanel = document.createElement('ul'),
  236.         formGroup = document.createElement('div');
  237.     heading.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.title')));
  238.     formGroup.className = 'form-group';
  239.     formGroup.style.marginBottom = '15px';
  240.     formGroup.appendChild(createSlider('tabWidth', I18n.t('tabpreferences.prefs.tab_width'), 'tabprefs_tabwidth', 15, resizeTabs));
  241.     formGroup.appendChild(createSlider('tabHeight', I18n.t('tabpreferences.prefs.tab_height'), 'tabprefs_tabheight', 5, resizeTabs));
  242.     formGroup.appendChild(createOption('reopenTab', I18n.t('tabpreferences.prefs.preserve_tab'), (localStorage.tabprefs_reopenTab ? true : false), function() {
  243.       if (this.checked) {
  244.         localStorage.tabprefs_reopenTab = document.querySelector('#user-tabs .nav-tabs li.active a').hash;
  245.       } else {
  246.         localStorage.removeItem('tabprefs_reopenTab');
  247.       }
  248.     }));
  249.     formGroup.appendChild(createOption('preserveOrder', I18n.t('tabpreferences.prefs.preserve_order'), (localStorage.tabprefs_preserveOrder ? true : false), function() {
  250.       if (this.checked) {
  251.         var tabs = document.querySelectorAll('#user-tabs .nav-tabs li a'),
  252.             hashes = [];
  253.         for (var i = 0; i < tabs.length; i++) {
  254.           hashes.push(tabs[i].hash);
  255.         }
  256.         localStorage.tabprefs_preserveOrder = hashes.join();
  257.         refreshTabPanel();
  258.         document.getElementById('tabPreferencesOrder').style.display = 'block';
  259.       } else {
  260.         localStorage.removeItem('tabprefs_preserveOrder');
  261.         document.getElementById('tabPreferencesOrder').style.display = 'none';
  262.       }
  263.     }));
  264.     tabOrderPanel.className = 'result-list';
  265.     tabOrderPanel.id = 'tabPreferencesOrder';
  266.     tabOrderPanel.style.display = (localStorage.tabprefs_preserveOrder ? '' : 'none');
  267.     formGroup.appendChild(tabOrderPanel);
  268.     $(tabOrderPanel).sortable({
  269.       forcePlaceholderSize: true,
  270.       placeholderClass: 'result'
  271.     }).bind('sortupdate', function(e, ui) {
  272.       var order = localStorage.tabprefs_preserveOrder.split(',');
  273.       order.splice(ui.elementIndex, 0, order.splice(ui.oldElementIndex, 1)[0]);
  274.       localStorage.tabprefs_preserveOrder = order.join();
  275.       reorderTabs(true);
  276.       refreshTabPanel();
  277.     });
  278.  
  279.     // Obsolete option, remove from localStorage
  280.     if (localStorage.tabprefs_hidePermissions) {
  281.       localStorage.removeItem('tabprefs_hidePermissions');
  282.     }
  283.  
  284.     section.appendChild(heading);
  285.     section.appendChild(formGroup);
  286.  
  287.     refreshTabPanel();
  288.   }
  289.  
  290.   // Add options to the preferences tab
  291.   function createOption(name, description, checked, eventHandler) {
  292.     var input = document.createElement('input');
  293.     input.type = 'checkbox';
  294.     input.name = name;
  295.     input.id = name + '-on';
  296.     input.checked = checked;
  297.     input.addEventListener('click', eventHandler);
  298.     var label = document.createElement('label');
  299.     label.htmlFor = name + '-on';
  300.     label.appendChild(document.createTextNode(description));
  301.     var container = document.createElement('div');
  302.     container.className = 'controls-container';
  303.     container.appendChild(input);
  304.     container.appendChild(label);
  305.     return container;
  306.   }
  307.  
  308.   // Add sliders to the preferences tab
  309.   function createSlider(name, description, storageKey, defaultValue, eventHandler) {
  310.     var input = document.createElement('input');
  311.     input.type = 'range';
  312.     input.name = name;
  313.     input.id = name + '-on';
  314.     input.min = 0;
  315.     input.max = 30;
  316.     input.value = (localStorage[storageKey] ? localStorage[storageKey] : defaultValue);
  317.     input.addEventListener('input', function() {
  318.       localStorage[storageKey] = this.value;
  319.       eventHandler();
  320.     });
  321.     input.style.verticalAlign = 'middle';
  322.     var label = document.createElement('label');
  323.     label.htmlFor = name + '-on';
  324.     label.appendChild(document.createTextNode(description));
  325.     label.style.marginRight = '4px';
  326.     var reset = document.createElement('button');
  327.     reset.className = 'btn-link';
  328.     reset.style.paddingRight = '0';
  329.     reset.addEventListener('click', function() {
  330.       input.value = defaultValue;
  331.       localStorage.removeItem(storageKey);
  332.       eventHandler();
  333.     });
  334.     reset.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.reset')));
  335.     var container = document.createElement('div');
  336.     container.className = 'controls-container';
  337.     container.appendChild(label);
  338.     container.appendChild(input);
  339.     container.appendChild(reset);
  340.     return container;
  341.   }
  342.  
  343.   // Attempt to reopen the tab opened during the previous session
  344.   function reopenTab() {
  345.     if (!localStorage.tabprefs_reopenTab) {
  346.       return;
  347.     }
  348.     var tab = document.querySelector('#user-tabs .nav-tabs li a[href$="'+localStorage.tabprefs_reopenTab+'"]');
  349.     if (!tabReopened && tab) {
  350.       var clickEvent = new MouseEvent('click', {
  351.         bubbles: true,
  352.         cancelable: true,
  353.         view: window
  354.       });
  355.       tab.dispatchEvent(clickEvent);
  356.       tabReopened = true;
  357.     }
  358.   }
  359.  
  360.   // If necessary, start reordering the tags as they were saved
  361.   function reorderTabs(force) {
  362.     if (force) {
  363.       tabsSecured = -1;
  364.     }
  365.     // Protection against possible infinite loop if certain scripts don't follow the standards
  366.     if (timesRan > 1000) {
  367.       return;
  368.     }
  369.     if (timesRan === 1000) {
  370.       log('Sanity limit reached! Tab Preferences is most likely conflicting with another script. Backing off from now on.');
  371.       // run one last time to increase counter
  372.     }
  373.     timesRan++;
  374.     if (localStorage.tabprefs_preserveOrder) {
  375.       var hashes = localStorage.tabprefs_preserveOrder.split(','),
  376.           navTabs = document.querySelector('#user-tabs ul.nav-tabs'),
  377.           navAnchors = navTabs.querySelectorAll('li a');
  378.       // First we check whether we know all tabs we currently have
  379.       for (var i = 0; i < navAnchors.length; i++) {
  380.         if (hashes.indexOf(navAnchors[i].hash) === -1) {
  381.           // Add unknown tags to the end of the list
  382.           hashes.push(navAnchors[i].hash);
  383.         }
  384.       }
  385.       localStorage.tabprefs_preserveOrder = hashes.join();
  386.       refreshTabPanel();
  387.       // Then we put them in the order we have stored
  388.       var tabsMissing = 0;
  389.       for (var i = tabsSecured+1; i < hashes.length; i++) {
  390.         var tabAnchor = navTabs.querySelector('a[href$="'+hashes[i]+'"]');
  391.         
  392.         if (!tabAnchor) {
  393.           tabsMissing++;
  394.           continue;
  395.         }
  396.         var tabIndex = Array.prototype.indexOf.call(navTabs.children, tabAnchor.parentNode);
  397.         if (tabIndex === i && tabsSecured === tabIndex-1) {
  398.           tabsSecured++;
  399.         }
  400.         if (tabAnchor && tabIndex !== i - tabsMissing && i - tabsMissing < navTabs.children.length) {
  401.           navTabs.insertBefore(tabAnchor.parentNode, navTabs.children[i - tabsMissing]);
  402.           if (tabsSecured === i-1) {
  403.             tabsSecured++;
  404.           }
  405.         }
  406.       }
  407.     }
  408.   }
  409.  
  410.   function resizeTabs() {
  411.     var width = (localStorage.tabprefs_tabwidth ? localStorage.tabprefs_tabwidth : 15),
  412.         height = (localStorage.tabprefs_tabheight ? localStorage.tabprefs_tabheight : 5),
  413.         tabAnchors = document.querySelectorAll('#user-tabs .nav-tabs li a');
  414.     for (var i = 0; i < tabAnchors.length; i++) {
  415.       tabAnchors[i].style.cssText += ';padding:' + height + 'px ' + width + 'px !important';
  416.     }
  417.   }
  418.  
  419.   function renameTabs(force) {
  420.     var tabs = document.querySelectorAll('#user-tabs .nav-tabs li a');
  421.     for (var i = 0; i < tabs.length; i++) {
  422.       var anchor = tabs[i],
  423.           config = Storage.getTabConfig(anchor.hash);
  424.       if (config && config.icon && (!anchor.originalChildren || force)) {
  425.         if (!anchor.originalChildren) {
  426.           var children = [];
  427.           for (var j = 0; j < anchor.childNodes.length; j++) { // Bleh, nodelist doesn't support for each
  428.             children.push(anchor.childNodes[j]);
  429.           }
  430.           anchor.originalTitle = anchor.title || anchor.dataset.originalTitle || anchor.parentNode.title || anchor.parentNode.dataset.originalTitle;
  431.           if (!anchor.title) {
  432.             anchor.title = anchor.textContent.trim();
  433.           }
  434.           $(anchor).tooltip();
  435.           anchor.originalChildren = children;
  436.         }
  437.         if (config.icon) {
  438.           var span = document.createElement('span');
  439.           switch (config.icon.fontFamily) {
  440.             case 'FontAwesome':
  441.               span.className = 'fa';
  442.               break;
  443.             default:
  444.               log('Unsupported fontFamily found: ' + config.icon.fontFamily);
  445.           }
  446.           span.appendChild(document.createTextNode(String.fromCharCode(config.icon.charCode)));
  447.           while (anchor.firstChild) {
  448.             anchor.removeChild(anchor.firstChild);
  449.           }
  450.           anchor.appendChild(span);
  451.         }
  452.       }
  453.       // Icon replacement has been removed
  454.       if (!config.icon && anchor.originalChildren) {
  455.         while (anchor.firstChild) {
  456.           anchor.removeChild(anchor.firstChild);
  457.         }
  458.         anchor.originalChildren.forEach(function(node) {
  459.           anchor.appendChild(node);
  460.         });
  461.         delete anchor.originalChildren;
  462.         if (anchor.originalTitle) {
  463.           anchor.title = anchor.originalTitle;
  464.           $(anchor).tooltip();
  465.         } else {
  466.           anchor.removeAttribute('title');
  467.           $(anchor).tooltip('destroy');
  468.           delete anchor.dataset.originalTitle;
  469.         }
  470.         delete anchor.originalTitle;
  471.       }
  472.     }
  473.   }
  474.  
  475.   function refreshTabPanel() {
  476.     var tabPanel = document.getElementById('tabPreferencesOrder'),
  477.         eyeSlashIcon = String.fromCharCode(61552),
  478.         eyeIcon = String.fromCharCode(61550);
  479.     if (!localStorage.tabprefs_preserveOrder || !tabPanel) {
  480.       return;
  481.     }
  482.     var order = localStorage.tabprefs_preserveOrder.split(',');
  483.     while (tabPanel.firstChild) { // clear out tabPanel's children
  484.       tabPanel.removeChild(tabPanel.firstChild);
  485.     }
  486.     order.forEach(function(hash, index, obj) {
  487.       var item = document.createElement('li'),
  488.           name = document.createElement('span'),
  489.           buttons = document.createElement('div'),
  490.           moveUp = createIconButton('', I18n.t('tabpreferences.prefs.move_up_tab')),
  491.           moveDown = createIconButton('', I18n.t('tabpreferences.prefs.move_down_tab')),
  492.           remove = createIconButton('', I18n.t('tabpreferences.prefs.remove_tab')),
  493.           hide = createIconButton((Storage.isTabVisible(hash) ? eyeIcon : eyeSlashIcon), I18n.t('tabpreferences.prefs.hide_tab')),
  494.           edit = createIconButton('', I18n.t('tabpreferences.prefs.edit_tab')),
  495.           anchor = document.querySelector('#user-tabs .nav-tabs li a[href$="'+hash+'"]'),
  496.           tabConfig = {};
  497.       if (anchor) {
  498.         tabConfig = Storage.getTabConfig(hash);
  499.       }
  500.       // Add action buttons
  501.       if (!anchor) {
  502.         remove.addEventListener('click', function() {
  503.           obj.splice(index, 1);
  504.           localStorage.tabprefs_preserveOrder = obj.join();
  505.           refreshTabPanel();
  506.         });
  507.         buttons.appendChild(remove);
  508.       } else {
  509.         if (hash !== '#sidepanel-prefs') { // Prevent the preferences tab from being hidden and getting locked out
  510.           hide.addEventListener('click', function() {
  511.             if (Storage.isTabVisible(hash)) {
  512.               this.innerHTML = eyeSlashIcon;
  513.               anchor.parentNode.style.display = 'none';
  514.               Storage.setTabVisibility(hash, false);
  515.             } else {
  516.               this.innerHTML = eyeIcon;
  517.               anchor.parentNode.style.display = 'block';
  518.               Storage.setTabVisibility(hash, true);
  519.             }
  520.             refreshTabPanel();
  521.           });
  522.           hide.addEventListener('mouseenter', function() {
  523.             this.innerHTML = (Storage.isTabVisible(hash) ? eyeSlashIcon : eyeIcon);
  524.           });
  525.           hide.addEventListener('mouseleave', function() {
  526.             this.innerHTML = (Storage.isTabVisible(hash) ? eyeIcon : eyeSlashIcon);
  527.           });
  528.           buttons.appendChild(hide);
  529.         }
  530.         edit.addEventListener('click', function() {
  531.           if (!item.details) {
  532.             createTabConfigPane(item, hash);
  533.           } else {
  534.             item.removeChild(item.details);
  535.             item.details = false;
  536.           }
  537.         });
  538.         buttons.appendChild(edit);
  539.       }
  540.       if (index === order.length - 1) {
  541.         moveDown.style.cursor = 'default';
  542.         moveDown.style.color = '#aaa';
  543.       } else {
  544.         moveDown.addEventListener('click', function() {
  545.           obj.splice(index+1, 0, obj.splice(index, 1)[0]);
  546.           localStorage.tabprefs_preserveOrder = obj.join();
  547.           reorderTabs(true);
  548.           refreshTabPanel();
  549.         });
  550.       }
  551.       buttons.appendChild(moveDown);
  552.       if (index === 0) {
  553.         moveUp.style.color = '#aaa';
  554.         moveUp.style.cursor = 'default';
  555.       } else {
  556.         moveUp.addEventListener('click', function() {
  557.           obj.splice(index-1, 0, obj.splice(index, 1)[0]);
  558.           localStorage.tabprefs_preserveOrder = obj.join();
  559.           reorderTabs(true);
  560.           refreshTabPanel();
  561.         });
  562.       }
  563.       buttons.appendChild(moveUp);
  564.       buttons.style.float = 'right';
  565.       item.className = 'result';
  566.       item.appendChild(buttons);
  567.       var handle = document.createElement('span');
  568.       handle.style.fontFamily = 'FontAwesome';
  569.       handle.style.letterSpacing = '1px';
  570.       handle.style.color = '#c2c2c2';
  571.       handle.style.cursor = 'move';
  572.       handle.style.fontSize = '11px';
  573.       handle.appendChild(document.createTextNode(' '));
  574.       item.appendChild(handle);
  575.       name.style.cursor = 'default';
  576.       // Add name and replacement
  577.       if (anchor) {
  578.         if (anchor.originalChildren) {
  579.           var title = anchor.originalTitle;
  580.           var arrow = document.createElement('span');
  581.           arrow.style.fontFamily = 'FontAwesome';
  582.           arrow.style.color = '#888';
  583.           arrow.style.margin = '0 6px';
  584.           arrow.appendChild(document.createTextNode(String.fromCharCode(61537)));
  585.           anchor.originalChildren.forEach(function(node) {
  586.             name.appendChild(node.cloneNode(true));
  587.           });
  588.           if (title) {
  589.             name.appendChild(document.createTextNode(' (' + title + ')'));
  590.           }
  591.           name.appendChild(arrow);
  592.           for (var i = 0; i < anchor.childNodes.length; i++) {
  593.             name.appendChild(anchor.childNodes[i].cloneNode(true));
  594.           }
  595.         } else {
  596.           name.innerHTML = anchor.innerHTML;
  597.           var title = anchor.title || anchor.dataset.originalTitle || anchor.parentNode.title || anchor.parentNode.dataset.originalTitle;
  598.           if (title) {
  599.             name.appendChild(document.createTextNode(' (' + title + ')'));
  600.           }
  601.         }
  602.         if (!Storage.isTabVisible(hash)) {
  603.           name.style.color = '#888';
  604.         }
  605.       } else {
  606.         name.style.color = '#888';
  607.         name.style.fontStyle = 'italic';
  608.         name.appendChild(document.createTextNode(hash));
  609.       }
  610.       item.appendChild(name);
  611.       tabPanel.appendChild(item);
  612.     });
  613.     $(tabPanel).sortable();
  614.   }
  615.   
  616.   function createIconButton(icon, title) {
  617.     var button = document.createElement('button');
  618.     button.style.fontFamily = 'FontAwesome';
  619.     button.style.border = 'none';
  620.     button.style.background = 'none';
  621.     button.style.padding = '0 2px';
  622.     button.style.cursor = 'pointer';
  623.     button.style.height = 'auto';
  624.     button.style.outline = 'none';
  625.     button.appendChild(document.createTextNode(icon));
  626.     if (title) {
  627.       button.title = title;
  628.       $(button).tooltip();
  629.     }
  630.     return button;
  631.   }
  632.  
  633.   function checkVersion() {
  634.     var version = localStorage.tabprefs_version,
  635.         scriptVersion = GM_info.script.version;
  636.     if (!version) {
  637.       showMessage(I18n.t('tabpreferences.update.first_run'));
  638.       localStorage.tabprefs_version = scriptVersion;
  639.     } else if (version !== scriptVersion) {
  640.       if (versions.indexOf(version) === -1) {
  641.         // There's tampering happening if we arrive here, just set to current version and ignore issue
  642.         localStorage.tabprefs_version = scriptVersion;
  643.         return;
  644.       }
  645.       var message = I18n.t('tabpreferences.update.message');
  646.       for (var i = versions.indexOf(version)+1; i < versions.length; i++) {
  647.         message += '\nv' + versions[i] + ':\n' + I18n.t('tabpreferences.update.v' + versions[i].replace(/\./g, '_'));
  648.       }
  649.       showMessage(message);
  650.       localStorage.tabprefs_version = scriptVersion;
  651.     }
  652.   }
  653.  
  654.   function createTabConfigPane(container, hash) {
  655.     var tabConfig = Storage.getTabConfig(hash),
  656.         details = document.createElement('div'),
  657.         iconDiv = document.createElement('div'),
  658.         iconBtn = document.createElement('button'),
  659.         icon = document.createElement('span'),
  660.         nameDiv = document.createElement('div'),
  661.         nameBtn = document.createElement('button'),
  662.         titleDiv = document.createElement('div'),
  663.         titleBtn = document.createElement('button'),
  664.         reset = document.createElement('button'),
  665.         close = document.createElement('button');
  666.     iconBtn.appendChild(document.createTextNode((tabConfig.icon ? I18n.t('tabpreferences.prefs.change_icon') : I18n.t('tabpreferences.prefs.set_icon'))));
  667.     iconBtn.style.margin = '0 10px';
  668.     iconBtn.className = 'btn-link';
  669.     iconBtn.addEventListener('click', function() {
  670.       if (!iconBtn.icons) {
  671.         var icons = document.createElement('div');
  672.         icons.style.height = '10em';
  673.         icons.style.overflow = 'auto';
  674.         icons.style.letterSpacing = '5px';
  675.         icons.style.fontSize = '12px';
  676.         icons.style.wordWrap = 'break-word';
  677.         // FontAwesome: symbols start at 'F000' (= 61440) and end at 'F295' in version 4.5 of FontAwesome (Waze uses 4.4)
  678.         for (var i = 61440; i <= 62101; i++) {
  679.           var icon = document.createElement('span');
  680.           icon.style.fontFamily = 'FontAwesome';
  681.           icon.appendChild(document.createTextNode(String.fromCharCode(i)));
  682.           icon.style.cursor = 'pointer';
  683.           icon.dataset.charCode = i;
  684.           icon.addEventListener('click', function() {
  685.             tabConfig.icon = {
  686.               fontFamily: 'FontAwesome',
  687.               charCode: this.dataset.charCode
  688.             };
  689.             Storage.setTabConfig(hash, tabConfig);
  690.             container.removeChild(details);
  691.             renameTabs(true);
  692.             refreshTabPanel();
  693.           });
  694.           icons.appendChild(icon);
  695.         }
  696.         details.insertBefore(icons, reset);
  697.         iconBtn.icons = icons;
  698.       } else {
  699.         details.removeChild(iconBtn.icons);
  700.         iconBtn.icons = false;
  701.       }
  702.     });
  703.     iconDiv.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.icon') + ': '));
  704.     if (tabConfig.icon) {
  705.       icon.style.fontFamily = tabConfig.icon.fontFamily;
  706.       icon.appendChild(document.createTextNode(String.fromCharCode(tabConfig.icon.charCode)));
  707.     } else {
  708.       icon.style.fontStyle = 'italic';
  709.       icon.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.icon_none')));
  710.     }
  711.     iconDiv.appendChild(icon);
  712.     iconDiv.appendChild(document.createElement('br'));
  713.     iconDiv.appendChild(iconBtn);
  714.     details.appendChild(iconDiv);
  715.     reset.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.reset_tab')));
  716.     reset.style.margin = '0 5px';
  717.     reset.className = 'btn btn-danger';
  718.     reset.addEventListener('click', function() {
  719.       Storage.removeTabConfig(hash);
  720.       container.removeChild(details);
  721.       container.details = false;
  722.       renameTabs();
  723.       refreshTabPanel();
  724.     });
  725.     details.appendChild(reset);
  726.     close.appendChild(document.createTextNode(I18n.t('tabpreferences.prefs.close')));
  727.     close.style.margin = '0 5px';
  728.     close.className = 'btn btn-default';
  729.     close.addEventListener('click', function() {
  730.       container.removeChild(details);
  731.       container.details = false;
  732.     });
  733.     details.appendChild(close);
  734.     container.details = details;
  735.     container.appendChild(details);
  736.   }
  737.  
  738.   function showMessage(message) {
  739.     alert('Tab Preferences\n=============\n' + message);
  740.   }
  741.  
  742.   function log(message) {
  743.     if (console.log) {
  744.       console.log('%cWME Tab Preferences: %c' + message, 'color:black', 'color:#d97e00');
  745.     }
  746.   }
  747.  
  748.   log('version - ' + GM_info.script.version);
  749.   init();
  750. })();