☰

Restriction Manager

Save, and load, restrictions from local storage.

目前为 2019-06-10 提交的版本，查看 最新版本。

  1. /* global $ */
  2.  
  3. // ==UserScript==
  4. // @name        Restriction Manager
  5. // @version     1.2
  6. // @description Save, and load, restrictions from local storage.
  7. // @namespace   mailto:waze.kjg53@gmail.com
  8. // @include     https://www.waze.com/editor
  9. // @include     https://www.waze.com/editor*
  10. // @include     https://www.waze.com/*/editor*
  11. // @include     https://beta.waze.com/*
  12. // @exclude     https://www.waze.com/user/*
  13. // @exclude     https://www.waze.com/*/user/*
  14. // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAIAAABzZz93AAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABV0lEQVRIiWP8//8/A70ACxl6vm6JgjC4fZaRpJGRVJ/BbYID4q1kotAmkgBpllHoAhIso9BbJFiG3yYi3UFyarx39rRewx0IO6nBZ5IxL/F6ifIZisOffoAzrzzFrub/v7/kW0YqYGRiJtMy4tMFQZUELKM8BZJgGSZQkhbAI4vfcfgsI+gtHWksSRGPLpokEJItoyS2cOnFbhl10wUByygHWJ2LxTIC3pLiMyPXBeiWkRKAIupS+KQxjaJtakSzjwmPHA7AqwNlCKiSaDdKG4RGiRDeSEH4jEY2IQMmkm16fjOvdDmP73Ie391TnxOlA244yQnk3ulH825AmG/K1z0jSS8TA4kBeOfxG5IsgACIFST7TEVWhAzLIID0+sxULkkDwhTpDMKbqzEA4////+mQDhkYGLh9ljExkN4/IM8mhoGpPGnqObjh6F0m6sYfmh9I7p9RAgAFyXyizju5WQAAAABJRU5ErkJggg==
  15. // @resource    jqUI_CSS  https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css
  16. // @grant       none
  17. // @copyright   2018, kjg53
  18. // @author      kjg53
  19. // @license     MIT
  20. // ==/UserScript==
  21.  
  22. (function() {
  23.     var initialized = false;
  24.     var lsPrefix = "rtmgr:";
  25.  
  26.     // Map the css class used to identify the three restriction blocks to the direction constants used in the data.
  27.     var classToDirection={"forward-restrictions-summary": "FWD",
  28.                           "reverse-restrictions-summary": "REV",
  29.                           "bidi-restrictions-summary": "BOTH"};
  30.  
  31.     // Convert the segment's default type to the driving modality that implied the type.  Creating a Toll Free restriction
  32.     // implies that the segment is otherwise (i.e. defaults) to tolled which is what is then stored in the model.
  33.     // Finding the tolled default thereby implies that the current restriction is specifying a toll free rule.
  34.     var defaultType2drivingModality = {"TOLL": "DRIVING_TOLL_FREE",
  35.                            "FREE":"DRIVING_BLOCKED",
  36.                            "BLOCKED":"DRIVING_ALLOWED"};
  37.  
  38.     // Map the single bit constants used in the weekdays property to the integer numbers encoded in each week days HTML display.
  39.     var weekdayBit2Idx = {
  40.         1:1,
  41.         2:2,
  42.         4:3,
  43.         8:4,
  44.         16:5,
  45.         32:6,
  46.         64:0
  47.     };
  48.  
  49.     var clipboardTarget = "*Clipboard*";
  50.  
  51.     // Get a sorted list of saved restrictions found in local storage.
  52.     function allSavedRestrictions() {
  53.         var all = [];
  54.         for(var i = 0; i < localStorage.length; i++) {
  55.             var key = localStorage.key(i);
  56.  
  57.             if (key.indexOf(lsPrefix) == 0) {
  58.                 key = key.substring(lsPrefix.length);
  59.  
  60.                 all.push(key);
  61.             }
  62.         }
  63.         all.sort();
  64.  
  65.         return all;
  66.     }
  67.  
  68.     function extractRestrictions() {
  69.         var extracted = {};
  70.         for(var i = 0; i < localStorage.length; i++) {
  71.             var key = localStorage.key(i);
  72.  
  73.             if (key.indexOf(lsPrefix) == 0) {
  74.                 var name = key.substring(lsPrefix.length);
  75.  
  76.                 extracted[name] = localStorage.getItem(key);
  77.             }
  78.         }
  79.  
  80.         return extracted;
  81.     }
  82.  
  83.     // Convert list of saved restrictions into a string of HTML option elements.
  84.     function allSavedRestrictionAsOptions() {
  85.         var all = allSavedRestrictions();
  86.         return all.length == 0 ? "" : "<option selected></option><option>" + all.join("</option><option>") + "</option>";
  87.     }
  88.  
  89.     // Update all restriction selectors to display the saved restrictions returned by allSavedRestrictions
  90.     function updateSavedRestrictionSelectors(root) {
  91.         $("div.rtmgr div.name select", root).html(allSavedRestrictionAsOptions()).each(resizeDivName);
  92.     }
  93.  
  94.     // The content of the div.name element are positioned relative to its location.  As a result, the
  95.     // div normally collapses to a point in the screen layout.  This function expands the div to enclose
  96.     // its contents such that other elements are laid out around them.
  97.     function resizeDivName(idx, child) {
  98.         var div = $(child).parents("div.name").first();
  99.         var height = 0;
  100.         var width = 0;
  101.  
  102.         div.children().each(function(idx, child) {
  103.             child = $(child);
  104.             height = Math.max(height, child.height());
  105.             width = Math.max(width, child.width());
  106.         });
  107.  
  108.         div.width(width).height(height);
  109.     }
  110.  
  111.  
  112.     // Identify the direction of the restrictions associated with the specified button.
  113.     function direction(btn) {
  114.         var classes = btn.parents("div.restriction-summary-group").attr('class').split(' ');
  115.  
  116.         while(classes.length) {
  117.             var cls = classes.pop();
  118.             var dir = classToDirection[cls];
  119.  
  120.             if (dir) {
  121.                 return dir;
  122.             }
  123.         }
  124.     }
  125.  
  126.  
  127.     function setValue(selector, model, value) {
  128.         if (value != null) {
  129.             var sel = $(selector, model);
  130.             var oldValue = sel.val();
  131.             if (oldValue != value) {
  132.                 sel.val(value);
  133.                 sel.change();
  134.             }
  135.         }
  136.     }
  137.  
  138.     function setCheck(selector, model, value) {
  139.         if (value != null) {
  140.             value = !!value;
  141.             var sel = $(selector, model);
  142.             var oldValue = sel.prop('checked');
  143.             if (oldValue != value) {
  144.                 sel.prop('checked', value);
  145.                 sel.change();
  146.             }
  147.         }
  148.     }
  149.  
  150.     function setSelector(name, model, value) {
  151.         setValue('select[name="' + name + '"]', model, value);
  152.     }
  153.  
  154.     function lastFaPlus(modal) {
  155.         return $("i.fa-plus", modal).last();
  156.     }
  157.  
  158.     function clearMessages() {
  159.         $("div.modal-header-messages div.rtmgr").remove();
  160.     }
  161.     function addMessage(text, icon, color) {
  162.         var rvr = $("div.modal-header-messages");
  163.         if (icon) {
  164.             icon = '<i class="fa fa-' + icon + '"/> ';
  165.         } else {
  166.             icon = "";
  167.         }
  168.         if (color) {
  169.             color = ' style="color: ' + color + '"';
  170.         } else {
  171.             color = "";
  172.         }
  173.         rvr.append('<div class="modal-header-message"' + color + '>' + icon + text + '</div>');
  174.     }
  175.  
  176.     var timeRegexp = /(\d\d?):(\d\d?)/
  177.  
  178.     function time2Int(time, ifNull) {
  179.         var m = timeRegexp.exec(time);
  180.         
  181.         return m == null ? -1 : (m[1] * 60) + m[2];
  182.     }
  183.  
  184.     function compareTimeFrames(a, b) {
  185.         if (a == null) {
  186.             return (b == null ? 0 : -1);
  187.         } else if (b == null) {
  188.             return 1;
  189.         } else {
  190.             a = a[0];
  191.             b = b[0];
  192.  
  193.             var c = time2Int(a.fromTime, -1) - time2Int(b.fromTime, -1);
  194.             if (c == 0) {
  195.                 c = time2Int(a.toTime, 1440) - time2Int(b.toTime, 1440);
  196.             }
  197.  
  198.             return c;
  199.         }
  200.     }
  201.  
  202.     function compareRestrictions(a, b) {
  203.         var c = compareTimeFrames(a.timeFrames, b.timeFrames);
  204.         if (c == 0) {
  205.             c = a.defaultType.localeCompare(b.defaultType);
  206.         }
  207.         return c;
  208.     }
  209.  
  210.     function handleImportDragOver(evt) {
  211.         evt.stopPropagation();
  212.         evt.preventDefault();
  213.         evt.dataTransfer.dropEffect = "copy";
  214.     }
  215.  
  216.     function handleImportFile(file) {
  217.         var reader = new FileReader();
  218.  
  219.         reader.onload = function(e) {
  220.             var restrictions = JSON.parse(e.target.result);
  221.  
  222.             for(var restriction in restrictions) {
  223.                 localStorage.setItem(lsPrefix + restriction, restrictions[restriction]);
  224.             }
  225.         };
  226.  
  227.         reader.readAsText(file);
  228.     }
  229.     
  230.     function handleImportDrop(evt) {
  231.         evt.stopPropagation();
  232.         evt.preventDefault();
  233.  
  234.         var i, f, item, seen = {};
  235.         for(i = 0; item = evt.dataTransfer.items[i]; i++) {
  236.             if (item.kind === 'file') {
  237.                 f = item.getAsFile();
  238.                 handleImportFile(f);
  239.                 seen[f.name] = true;
  240.             }
  241.         }
  242.         for(i = 0; f = evt.dataTransfer.files[i]; i++) {
  243.             if (seen[f.name] !== true) {
  244.                 handleImportFile(f);
  245.             }
  246.         }
  247.     }
  248.  
  249.     function initializeRestrictionManager() {
  250.         if (initialized) {
  251.             return;
  252.         }
  253.  
  254.         var observerTarget = document.getElementById("dialog-region");
  255.  
  256.         if (!observerTarget) {
  257.             window.console.log("Restriction Manager: waiting for WME...");
  258.             setTimeout(initializeRestrictionManager, 1015);
  259.         }
  260.  
  261.         // Inject my stylesheet into the head
  262.         var sheet = $('head').append('<style type="text/css"/>').children('style').last();
  263.         sheet.append('div.rtmgr-column {display: flex; flex-direction: column}');
  264.         sheet.append('div.rtmgr-row {display: flex; flex-direction: row; justify-content: space-around}');
  265.         sheet.append('div.rtmgr button.btn {margin-top: 5px; border-radius: 40%}');
  266.         sheet.append('div.rtmgr div.name input {width: 250px; position: absolute; left: 0px; top: 0px; z-index: 1}');
  267.         sheet.append('div.rtmgr div.name select {width: 275px; position: absolute; left: 0px; top: 0px}');
  268.         sheet.append('div.rtmgr div.name {width: 275px; position: relative; left: 0px; top: 0px}');
  269.         sheet.append('h3.modal-title img.icon {float:right;height:20px;width:20px}');
  270.         sheet.append('dialog.rtmgr span.cmd {text-decoration: underline}');
  271.         sheet.append('dialog.rtmgr .import, dialog.rtmgr .export {width:30px; height: 30px}');
  272.  
  273.         // create an observer instance
  274.         var observer = new MutationObserver(function(mutations) {
  275.             var si = W.selectionManager.getSelectedFeatures();
  276.  
  277.             mutations.forEach(function(mutation) {
  278.                 if("childList" == mutation.type && mutation.addedNodes.length) {
  279.                     var restrictionsModal = $("div.modal-dialog.restrictions-modal", observerTarget);
  280.  
  281.                     if (restrictionsModal) {
  282.                         var modalTitle = $(restrictionsModal).find("h3.modal-title").first();
  283.                         var title = modalTitle.text();
  284.  
  285.                         if (I18n.translations[I18n.locale].restrictions.modal_headers.restriction_summary == title) {
  286.                             if (modalTitle.data('rtmgr') === undefined) {
  287.                                 // Flag this modal as having already augmented
  288.                                 modalTitle.data('rtmgr', true);
  289.                                 modalTitle.append("<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAIAAABzZz93AAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABV0lEQVRIiWP8//8/A70ACxl6vm6JgjC4fZaRpJGRVJ/BbYID4q1kotAmkgBpllHoAhIso9BbJFiG3yYi3UFyarx39rRewx0IO6nBZ5IxL/F6ifIZisOffoAzrzzFrub/v7/kW0YqYGRiJtMy4tMFQZUELKM8BZJgGSZQkhbAI4vfcfgsI+gtHWksSRGPLpokEJItoyS2cOnFbhl10wUByygHWJ2LxTIC3pLiMyPXBeiWkRKAIupS+KQxjaJtakSzjwmPHA7AqwNlCKiSaDdKG4RGiRDeSEH4jEY2IQMmkm16fjOvdDmP73Ie391TnxOlA244yQnk3ulH825AmG/K1z0jSS8TA4kBeOfxG5IsgACIFST7TEVWhAzLIID0+sxULkkDwhTpDMKbqzEA4////+mQDhkYGLh9ljExkN4/IM8mhoGpPGnqObjh6F0m6sYfmh9I7p9RAgAFyXyizju5WQAAAABJRU5ErkJggg==' class='icon'>"
  290.                                                   + "<dialog class='rtmgr'>"
  291.                                                   + "<p style='text-align: center; font-weight: bold; font-size: 1.3em'>Restriction Manager</p>"
  292.                                                   + "<p style='font-style: italic; font-size: .7em'>Stores restrictions in your browser's local storage so that they may be easily applied to other segments.</p>"
  293.                                                   + "<p style='padding-left: 3em; text-indent: -3em;'>"
  294.                                                   + "<span class='cmd'>Save</span>: Saves these restrictions to the selected key.<br>"
  295.                                                   + "<span style='font-style: italic; font-size: .7em'>Note: Newly edited restrictions must be applied to the segment before the manager can save them.</span>"
  296.                                                   + "</p>"
  297.                                                   + "<p>"
  298.                                                   + "<span class='cmd'>Apply</span>: Replaces the current restrictions with the restrictions associated with the selected key.</p>"
  299.                                                   + "<p>"
  300.                                                   + "<span class='cmd'>Delete</span>: Delete the selected key from your browser's local storage.</p>"
  301.                                                   + "</dialog>");
  302.                                 if (window.File && window.FileReader && window.FileList && window.Blob) {
  303.                                     $('dialog.rtmgr', modalTitle)
  304.                                         .append("<p>Offline Storage: "
  305.                                                 + "<a download='restrictions.txt'><img title='Click here to export all saved restrictions' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABBVJREFUeJzt3btqVFEUh/FPDXiLJIhooYENKUQrqxQitrYiGgufQfENBBG08AnEWkGwsUojFhbeQFBUsBNBRBGJsZBg4lgMBzRkkrPO7NvM+v/gdJl9lrM+MqOFB/zZB9wA3gO/gSXgITBfcijJYw74AvQGXPeB7cWmk6QOAt8YvPzmul1qQEnrFpsvv7mOFZpREtkKLNI+gOtlxsxva+kBMjkATBl+/kiqQWrjJQDrF7sdSaaokJcAZAAF4JwCcE4BOKcAnFMAzikA5xSAcwrAOQXgnAJwTgE4pwCcUwDOKQDnFIBzCsA5BeCcAnBOATinAJxTAM4pAOcUgHMKwDkF4JwCcE4BOKcAnFMAzikA5xSAcwrAOQXgnAJwTgE4pwCcUwDOKQDnFIBzCsA5BeCcAnBOATg3kfj8WWAG+Am8AZYT328c7ALOAseBSeAj8AB4WnIoqzPAO/7/P/iXgJvA7gLzBNo/K6AHLBSYEeAU8HnATA+AvYXmMrnKxm/ua2B/5pnCJjPVEMA5+g+x2miul8DOArO1dpp2b/Bb8kYQWs5VKoA2y2+ua5lnM3lF+zc5ZwTBMFfuACzL79F/8FWVX94PYXuTc0YQjHPlCsC6/OY6HGuAmCXNdHjNUeAR+b8T1OAccIdufxObjDVEzAB+dHydxwiGWT7Ah3ijxLMN+Ir911mOj4NgnCXlR0DXX/vN9TjhbEO7Qvc/WMoIgnGOVAHMM9zyV4GTiWaLYjvwhPoiCMYZUgQw7PJ7wMUEc0U3DbygrgiC8f6xA4ix/MuRZ0qqtgiC8d4xA3C3/EZNEQTjfWMF4Hb5jVoiCMZ7xgjA/fIbNUQQjPcbNgAtf43SEQTjvYYJQMsfoGQEwXifrgHMAyvGe7lYfqNUBMF4jy4BaPktlYggGM+3BqDlG00Dz8kXQTCebQlAy+8oZwTBeG7bALT8IeWKIBjPbBOAlh9JjgiC8bzNAtDyI0sdQTCetVEA59Hyk0gZQTCeMygALT+xVBEE4xnrBaDlZ5IigmB8/doAtPzMYkcQjK/9NwAtv5CYEQTj65oAtPzCpogTwZzxNQto+dWIEcEn489/QcuvSowIcl5afgKjEoGWn1DtEWj5GdQagZafUW0RaPkF1BKBll9Q6Qi0/AqUikDLr8gU8Awt37VcEWj5FUsdgZY/AlJFoOWPkNgRaPkjKFYEWv4IGzYCLX8MdI1Ayx8j1gi0/DE0Rf+hCxst/g9wqdSAkt4e4B7rL38RuFButDK2lB6gkDn6TzWZBX7R/3i4C3wvOZSIiIiIiIiIiIhIGjH/KfgElT/RakwsAztiHVblI0glHwXgnAJwTgE4pwCcUwDOKQDnFIBzCsA5BeCcAnBOATinAJybiHhWD1iNeJ6sbyXmYX8BhFf7gV3QQHIAAAAASUVORK5CYII=' class='export' download='restrictions.txt'></a>"
  306.                                                 + "<img title='Drag file here to import restrictions' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAA61JREFUeJzt3U+LjWEcxvHvDEJKhIVslNlYSZGsiKJmUPZ2lpaaF8DGglfA5uQNKOIVyChRLCkLf2qyUEaTGSkWx6TJzJnzPM9937/7nOv61NmdGb9xfZmaOmcgrSngtx9ZH1eGXmMIkyk/mY0eByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIC4zYk/3yLwOPHntNU+RR9gZmZmZmZmZmYjaFP0AYEmgIPAfvo/wfwVeo0Vsx24Cczz78UWP4EHwOHAu6yAvcAr1n/VzSIwHXadZbUPeMPGL71aAmaCbrRMhh3fEYyhpuM7gjHSdnxHMAa6ju8IRliq8R3BCEo9viMYIbnGdwQjIPf4jqBipcZfeSzjCKpRenxHUJGo8R1BBaLHdwSBahnfEQSobXxHUFCt4zuCAmof3xFklGL8hczPdwSZpBj/NtBr+DEn6R7BhfR/HVpSjQ/NAwBHECrl+NAuAHAEIVKPD+0DAEdQVI7xoVsA4AiKyDU+dA8AHEFWOceHNAGAI8gi9/iQLgBwBEmVGB/SBgCOIIlS40P6AMARdFJyfMgTAKSJ4GKDP28slB4f8gUAjqCRiPEhbwDgCIYSNT7kDwAcwUCR40OZAMARrCl6fCgXADiCVWoYH8oGAI4AqGd8KB8AiEdQ0/gQEwCIRlDb+BAXAIhFsBN4TV3jQ2wA0D2CJeBYhruSu0t940N8ANA9grlMdyWzh/67btY2PtQRAHSPYCrjbZ3NUOf4UE8A0C2CyykPSf17A3e3/Lg7wGzKQyo3B5wHvrf42NxxdnKa+v7lr+g1vKuENv8THCp0Wytbga/UNz7UGQA0i+Bpwbtam6W+8aHeAGC4CH4ARwvf1cokcJ/BX8ytgLt6G9wUGQDAceDDOrd8Ac4G3NTJVeAtq7+Ql8CloHt61B0AwA7gGvAQeAE8Aa4Du4LuSeIAcIT+j4cj9ag/gOJS//bwtXz++7AKpf45gI0YByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIE4pAJn3/21CKYCFBs/9lu2KyigF8LzBc59lu8LCbAM+MtxbxU8H3WiZnaH/a1gHjX8v7Dor4hTwnv+HXwZuoPVtkYnoA4JsAc4BJ+h/a3gHPALmI48yMyvrD75JO5BlUd2tAAAAAElFTkSuQmCC' class='import'>"
  307.                                                 + "</p>");
  308.                                 }
  309.                                 $('dialog.rtmgr', modalTitle).append("<p style='text-align: right; font-style: italic; font-size: .5em'>Click anywhere to close.</p>");
  310.                                 $("img.icon", modalTitle).click(function(evt) {
  311.                                     $("dialog.rtmgr", modalTitle)[0].showModal();
  312.                                 });
  313.                                 $("dialog.rtmgr", modalTitle).click(function(evt) {
  314.                                     evt.currentTarget.close();
  315.                                 });
  316.                                 if (window.File && window.FileReader && window.FileList && window.Blob) {
  317.                                     $("img.export", modalTitle).click(function(evt) {
  318.                                         var data = JSON.stringify(extractRestrictions());
  319.                                         evt.target.parentNode.href = "data:text/plain;base64," + btoa(data);
  320.                                     });
  321.  
  322.                                     var imgImport = $("img.import", modalTitle)[0];
  323.                                     
  324.                                     imgImport.addEventListener('dragover', handleImportDragOver, false);
  325.                                     imgImport.addEventListener('drop', handleImportDrop, false);
  326.                                 }
  327.  
  328.                                 // Add the UI elements to the modal
  329.                                 $("div.restriction-summary-group div.restriction-summary-title", restrictionsModal)
  330.                                     .append (
  331.                                         ""
  332.                                             + "<div class='rtmgr rtmgr-column'>"
  333.                                             +   "<div class='name'>"
  334.                                             +     "<input type='text'/>"
  335.                                             +     "<select/>"
  336.                                             +   "</div>"
  337.                                             +   "<div class='rtmgr-row'>"
  338.                                             +     "<button class='btn save'>Save</button>"
  339.                                             +     "<button class='btn apply'>Apply</button>"
  340.                                             +     "<button class='btn delete'>Delete</button>"
  341.                                             +   "</div>"
  342.                                             + "</div>");
  343.  
  344.                                 // Initialize the saved restriction selectors
  345.                                 updateSavedRestrictionSelectors(restrictionsModal);
  346.  
  347.                                 // When a selection is made copy it to the overlapping input element to make it visible.
  348.                                 $("div.rtmgr select").change(function(evt) {
  349.                                     var tgt = evt.target;
  350.                                     var txt = $(tgt).parent().children("input");
  351.                                     var opt = tgt.options[tgt.selectedIndex];
  352.                                     txt.val(opt.text);
  353.                                     
  354.                                     $(opt).prop('selected', false);
  355.                                     $(opt).parent().children("option:first").prop("selected", "selected");
  356.                                 });
  357.  
  358.                                 // Delete action
  359.                                 $("div.rtmgr button.delete", restrictionsModal).click(function(evt) {
  360.                                     var tgt = $(evt.target);
  361.                                     var inp = tgt.parents('div.rtmgr').find("input");
  362.                                     var name = inp.val();
  363.                                     if (name == "") {
  364.                                         addMessage("Specify the name of the restrictions being deleted.", 'ban', 'red');
  365.                                     } else {
  366.                                         localStorage.removeItem(lsPrefix + name);
  367.                                         updateSavedRestrictionSelectors(restrictionsModal);
  368.                                         inp.val("");
  369.                                     }
  370.                                 });
  371.  
  372.                                 // Save action (only one segment currently selected)
  373.                                 if (si.length == 1) {
  374.                                     $("div.rtmgr button.save", restrictionsModal).click(function(evt) {
  375.                                         var tgt = $(evt.target);
  376.                                         var input = tgt.parents('div.rtmgr').find("input");
  377.                                         var name = input.val();
  378.                                         if (name == "") {
  379.                                             addMessage("The restrictions require a name before they can be saved.", 'ban', 'red');
  380.                                         } else {
  381.                                             var dir = direction(tgt);
  382.                                             var attrs = si[0].model.getAttributes();
  383.                                             var src = attrs.restrictions;
  384.  
  385.                                             // Checking for pending updates to the selected segment's restrictions.  If found, save a copy of them.
  386.                                             // This is a convenience feature that enables an editor to Apply a restriction change to a segment and then store it for re-use without first having to save it on the original segment.
  387.                                             var actions = W.model.actionManager.getActions();
  388.                                             for(var i = actions.length; i-- > 0;) {
  389.                                                 var action = actions[i];
  390.                                                 if (action.model.hasOwnProperty('subActions') && action.subActions[0].attributes.id == si[0].model.attributes.id && action.subActions[0].newAttributes.hasOwnProperty('restrictions')) {
  391.                                                     src = action.subActions[0].newAttributes.restrictions;
  392.                                                     break;
  393.                                                 }
  394.                                             }
  395.  
  396.                                             var restrictions = [];
  397.                                             for (i = 0;  i< src.length; i++) {
  398.                                                 var restriction = src[i];
  399.                                                 if (restriction._direction == dir) {
  400.                                                     restrictions.push(restriction);
  401.                                                 }
  402.                                             }
  403.  
  404.                                             restrictions = JSON.stringify(restrictions);
  405.                                             
  406.                                             clearMessages();
  407.                                             if (clipboardTarget == name) {
  408.                                                 input.val(restrictions).select();
  409.                                                 document.execCommand('copy');
  410.                                                 input.val(clipboardTarget).blur();
  411.                                                 addMessage("Restrictions copied to clipboard");
  412.                                             } else {
  413.                                                 localStorage.setItem(lsPrefix + name, restrictions);
  414.                                                 addMessage("Restrictions saved to " + name);
  415.                                             }
  416.                                             input.val("");
  417.  
  418.                                             updateSavedRestrictionSelectors(restrictionsModal);
  419.                                         }
  420.                                     });
  421.                                 } else {
  422.                                     $("div.rtmgr button.save", restrictionsModal).click(function(evt) {
  423.                                         clearMessages();
  424.                                         addMessage("Save is only enabled when displaying the restrictions for a SINGLE segment", 'ban', 'red');
  425.                                     });
  426.                                 }
  427.  
  428.                                 // Apply saved restrictions to the current segment
  429.                                 $("div.rtmgr button.apply", restrictionsModal).click(function(evt) {
  430.                                     var tgt = $(evt.target);
  431.                                     var input = tgt.parents('div.rtmgr').find("input");
  432.                                     var name = input.val().trim();
  433.                                     if (name == "") {
  434.                                         addMessage("Specify the name of the restrictions being applied.", 'ban', 'red');
  435.                                     } else {
  436.                                         var restrictions;
  437.  
  438.                                         input.val("");
  439.  
  440.                                         if (name.startsWith('[') & name.endsWith(']')) {
  441.                                             restrictions = name;
  442.                                         } else {
  443.                                             restrictions = localStorage.getItem(lsPrefix + name);
  444.                                         }
  445.                                         restrictions = JSON.parse(restrictions).sort(compareRestrictions);
  446.  
  447.                                         var rsg = $(evt.target).parents("div.restriction-summary-group").first();
  448.                                         var classes = rsg.attr('class').split(' ');
  449.                                         classes.splice(classes.indexOf('restriction-summary-group'), 1);
  450.  
  451.                                         // Delete all current restrictions associated with the action's direction
  452.                                         while (true) {
  453.                                             var doDelete = "." + classes[0] + " .restriction-editing-actions i.do-delete";
  454.                                             var deleteRestrictions = $(doDelete, restrictionsModal);
  455.  
  456.                                             if (deleteRestrictions.length == 0) {
  457.                                                 break;
  458.                                             }
  459.  
  460.                                             deleteRestrictions.eq(0).click();
  461.                                         }
  462.  
  463.                                         // Create new restrictions
  464.                                         while (restrictions.length) {
  465.                                             var restriction = restrictions.shift();
  466.  
  467.                                             $("." + classes[0] + " button.do-create", restrictionsModal).click();
  468.  
  469.                                             setSelector('disposition', restrictionsModal, restriction.disposition);
  470.                                             setSelector('laneType', restrictionsModal, restriction.laneType);
  471.                                             setValue('textarea[name="description"]', restrictionsModal, restriction.description);
  472.  
  473.                                             if (restriction.timeFrames != null && restriction.timeFrames.length != 0) {
  474.                                                 var weekdays = restriction.timeFrames[0].weekdays;
  475.  
  476.                                                 var bit = 1;
  477.                                                 for(var idx = 0; idx < 7; idx++) {
  478.                                                     var set = weekdays & bit;
  479.                                                     set = (set != 0);
  480.                                                     setCheck('input#day-ordinal-' + weekdayBit2Idx[bit] + '-checkbox', restrictionsModal, set);
  481.                                                     bit <<= 1;
  482.                                                 }
  483.  
  484.                                                 if (restriction.timeFrames[0].fromTime && restriction.timeFrames[0].toTime) {
  485.                                                     setCheck("input#is-all-day-checkbox", restrictionsModal, false);
  486.                                                     setValue("input.timepicker-from-time", restrictionsModal, restriction.timeFrames[0].fromTime);
  487.                                                     setValue("input.timepicker-to-time", restrictionsModal, restriction.timeFrames[0].toTime);
  488.                                                 }
  489.  
  490.                                                 if (restriction.timeFrames[0].startDate && restriction.timeFrames[0].endDate) {
  491.                                                     setCheck("input#is-during-dates-on-radio", restrictionsModal, true);
  492.  
  493.                                                     // Ref: http://www.daterangepicker.com/
  494.                                                     var drp = $('input.btn.datepicker', restrictionsModal).data('daterangepicker');
  495.  
  496.                                                     var re = /(\d{4})-(\d{2})-(\d{2})/;
  497.                                                     var match = re.exec(restriction.timeFrames[0].startDate);
  498.                                                     var startDate = match[2] + "/" + match[3] + "/" + match[1];
  499.  
  500.                                                     match = re.exec(restriction.timeFrames[0].endDate);
  501.                                                     var endDate = match[2] + "/" + match[3] + "/" + match[1];
  502.  
  503.                                                     // WME's callback is fired by drp.hide().
  504.                                                     drp.show();
  505.                                                     drp.setStartDate(startDate);
  506.                                                     drp.setEndDate(endDate);
  507.                                                     drp.hide();
  508.                                                 }
  509.                                             }
  510.  
  511.                                             var drivingModality;
  512.                                             // if ALL vehicles are blocked then the default type is simply BLOCKED and the modality is blocked.
  513.                                             if ("BLOCKED" == restriction.defaultType && !restriction.driveProfiles.hasOwnProperty("FREE") && !restriction.driveProfiles.hasOwnProperty("BLOCKED")) {
  514.                                                 drivingModality = "DRIVING_BLOCKED";
  515.                                             } else {
  516.                                                 drivingModality = defaultType2drivingModality[restriction.defaultType];
  517.                                             }
  518.  
  519.                                             setValue("select.do-change-driving-modality", restrictionsModal, drivingModality);
  520.  
  521.                                             var driveProfiles, driveProfile, i, j, vehicleType, plus, driveProfileItem, subscription;
  522.                                             if (restriction.driveProfiles.hasOwnProperty("FREE")) {
  523.                                                 driveProfiles = restriction.driveProfiles.FREE;
  524.                                                 for(i = 0; i < driveProfiles.length; i++) {
  525.                                                     driveProfile = driveProfiles[i];
  526.  
  527.                                                     $("div.add-drive-profile-item.do-add-item", restrictionsModal).click();
  528.  
  529.                                                     for(j = 0; j < driveProfile.vehicleTypes.length; j++) {
  530.                                                         vehicleType = driveProfile.vehicleTypes[j];
  531.  
  532.                                                         plus = lastFaPlus(restrictionsModal);
  533.                                                         plus.click();
  534.                                                         driveProfileItem = plus.parents("div.drive-profile-item");
  535.                                                         $("div.btn-group.open a.do-init-vehicle-type", driveProfileItem).click();
  536.  
  537.                                                         $("div.vehicle-type span.restriction-chip-content", driveProfileItem).click();
  538.  
  539.                                                         $('a.do-set-vehicle-type[data-value="' + vehicleType + '"]', driveProfileItem).click();
  540.                                                     }
  541.  
  542.                                                     if (driveProfile.numPassengers > 0) {
  543.                                                         plus = lastFaPlus(restrictionsModal);
  544.                                                         plus.click();
  545.                                                         driveProfileItem = plus.parents("div.drive-profile-item");
  546.                                                         $("div.btn-group.open a.do-init-num-passengers", driveProfileItem).click();
  547.  
  548.                                                         if (driveProfile.numPassengers > 2) {
  549.                                                             $("a.do-set-num-passengers[data-value='" + driveProfile.numPassengers + "']").click();
  550.                                                         }
  551.                                                     }
  552.  
  553.                                                     for(var k = 0; k < driveProfile.subscriptions.length; k++) {
  554.                                                         subscription = driveProfile.subscriptions[k];
  555.  
  556.                                                         plus = lastFaPlus(restrictionsModal);
  557.                                                         plus.click();
  558.                                                         driveProfileItem = plus.parents("div.drive-profile-item");
  559.                                                         $("div.btn-group.open a.do-init-subscription", driveProfileItem).click();
  560.  
  561.  
  562.                                                         $("div.subscription span.restriction-chip-content", driveProfileItem).click();
  563.  
  564.                                                         $('a.do-set-subscription[data-value="' + subscription + '"]', driveProfileItem).click();
  565.                                                     }
  566.                                                 }
  567.                                             } else if (restriction.driveProfiles.hasOwnProperty("BLOCKED")) {
  568.                                                 driveProfiles = restriction.driveProfiles.BLOCKED;
  569.  
  570.                                                 for(i = 0; i < driveProfiles.length; i++) {
  571.                                                     driveProfile = driveProfiles[i];
  572.  
  573.                                                     if (driveProfile.vehicleTypes.length > 0) {
  574.                                                         setCheck('input#all-vehicles-off-radio', restrictionsModal, true);
  575.  
  576.                                                         for(j = 0; j < driveProfile.vehicleTypes.length; j++) {
  577.                                                             vehicleType = driveProfile.vehicleTypes[j];
  578.  
  579.                                                             setCheck('input#vehicle-type-' + vehicleType + '-checkbox', restrictionsModal, true);
  580.                                                         }
  581.                                                     }
  582.                                                 }
  583.                                             }
  584.  
  585.                                             $("div.modal-footer button.do-create", restrictionsModal).click();
  586.                                         }
  587.                                         clearMessages();
  588.                                         addMessage("Restrictions from " + name + " applied to current selection.");
  589.                                     }
  590.                                 });
  591.                             }                          
  592.                         }
  593.                     }
  594.                 }
  595.             });
  596.         });
  597.  
  598.         // configuration of the observer:
  599.         var config = { attributes: false, childList: true, characterData: false, subtree: true };
  600.  
  601.         // pass in the target node, as well as the observer options
  602.         observer.observe(observerTarget, config);
  603.  
  604.         initialized = true;
  605.     }
  606.  
  607.      setTimeout(initializeRestrictionManager, 1000);
  608.  })();