☰

GdePosylka_PackageRadar_Advanced

Advanced Check my track number packageradar | Раширенные возможности для отслеживания трек-кода на сайт gdeposylka

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

  1. // ==UserScript==
  2. // @name         GdePosylka_PackageRadar_Advanced
  3. // @namespace    https://github.com/AlekPet/
  4. // @version      1.6.3
  5. // @description  Advanced Check my track number packageradar | Раширенные возможности для отслеживания трек-кода на сайт gdeposylka
  6. // @author       AlekPet 2017 (alexepetrof@gmail.com)
  7. // @license     MIT; https://raw.githubusercontent.com/AlekPet/GdePosylka_PackageRadar_Advanced/master/LICENSE
  8. // @match        https://gdeposylka.ru/tracks*
  9. // @match       https://packageradar.com/tracks*
  10. // @match        https://gdeposylka.ru/form*
  11. // @match       https://packageradar.com/form*
  12. // @icon          https://raw.githubusercontent.com/AlekPet/GdePosylka_PackageRadar_Advanced/master/assets/images/icon.png
  13. // @run-at document-end
  14. // @noframes
  15. // @grant GM_setValue
  16. // @grant GM_getValue
  17. // @grant GM_addStyle
  18. // @grant GM_addValueChangeListener
  19. // @require https://code.jquery.com/jquery-3.1.0.min.js
  20. // ==/UserScript==
  21.  
  22. // Вспомогательные функции
  23. function hex(r,g,b){
  24. var hexv="0123456789ABCDEF";
  25. var valhex="";
  26. var ff=[r,g,b];
  27. for(var i=0;i<3;i++){
  28. var del= ff[i] % 16;
  29. var di=Math.floor(ff[i]/16);
  30. if(ff[i]>=255){ 
  31. valhex+="FF";
  32. } else if(ff[i]<=0){
  33. valhex+="00";
  34. } else {
  35. valhex+=hexv.charAt(di)+hexv.charAt(del);
  36. }
  37. }
  38. return valhex;
  39. }
  40.     
  41. function getColorRND(){
  42. return (arguments.length ===0)?"#"+hex(Math.floor(Math.random()*255),Math.floor(Math.random()*255),Math.floor(Math.random()*255))+", #"+ hex(Math.floor(Math.random()*255),Math.floor(Math.random()*255),Math.floor(Math.random()*255)):"#"+hex(Math.floor(Math.random()*255),Math.floor(Math.random()*255),Math.floor(Math.random()*255));    
  43. }
  44.  
  45. // Вспомогательные функции
  46. var colors_style=getColorRND();
  47. // Styles
  48. GM_addStyle("\
  49.             .track_service{border: 1px solid;    margin: 5px 5px;    padding: 2px; color: #e7dcdc;   text-shadow: 1px 1px 0px black;    cursor: pointer;    display: inline;}\
  50.             .track_service:hover{color:yellow;} \
  51.              li.li_style {float: left;}\
  52.             .li_style:hover>ul {display: block;}\
  53.             .li_style ul{-webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;}\
  54.             .ul_menu{position:absolute;z-index:99999999999999;border:1px solid;width:250px;top:23px;display:none;padding: 0;background-color: #1d2125;}\
  55.             .li_menu{list-style: none;    padding: 0 10px;    min-width: 200px;    float: none;    background-color: rgba(46,73,89,.5);    font-family: Roboto,Helvetica,Arial,sans-serif;}\
  56.             .li_menu:hover{background-color: rgba(46,73,89,.5);}\
  57.             .a_menu{text-decoration: none;    color: #77def7;    display: inline-block;    font-size: 16px;    line-height: 33px;    padding-left: 5px;    width: 100%;}\
  58.             .a_menu:hover{text-decoration: none;color: #ffffff;}\
  59.             .li_menu:hover {background: #01ffc2;}\
  60.             .ul_menu li{-webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;}\
  61.             \
  62.             #abs_div{position:fixed;top:30%;left:30px;border:1px solid;border-style: dashed;padding: 5px;overflow:auto;background-color: white;transform: translateY(-50%);}\
  63.             .ab_style:hover{background: linear-gradient("+colors_style+");color:white !important;} \
  64.             .ab_style_complete{background: linear-gradient(white,#12ff45);} \
  65.             .ab_styles:hover{background: linear-gradient("+colors_style+");color:white !important;} \
  66.             .ab_styles:after{    content: \" Получил\";    color: white;    background: linear-gradient(#ff8100,#ffb714);    margin-left: 10px;    padding: 0 2px 0 2px;    font-size: 10px; line-height: 1.5;}\
  67.             .pop_options{border:1px solid;background: linear-gradient(silver,black);color:white;cursor:pointer;}\
  68.             .pop_options:hover{color:yellow;}\
  69.             .abs_div_cat{border: 1px solid;padding: 5px;margin-bottom:10px;}\
  70.             .abs_punkti{text-align:center; color: white; user-select: none; padding: 3px;}\
  71.             \
  72.             .all_box_scroll{    max-height: 500px;overflow-y: auto;}\
  73.             .all_box_scroll::-webkit-scrollbar {   width: 12px;margin-left:20px;	float: left;}\
  74.             .all_box_scroll::-webkit-scrollbar-track {background-color: #eaeaea; border-left: 1px solid #ccc;}\
  75.             .all_box_scroll::-webkit-scrollbar-thumb {background-color: #c7587c;background-clip: padding-box;}\
  76.             .all_box_scroll::-webkit-scrollbar-thumb:hover {  background-color: #823b69;}\
  77.             \
  78.             .checkbox_div{position: relative;    left: 400px;    top: -45px; width: 500px;   }\
  79.             .checkbox{  vertical-align: top;  margin: 0 3px 0 0;  width: 17px;  height: 17px;}\
  80.             .checkbox + label {  cursor: pointer;}\
  81.             .checkbox:not(checked) {  position: absolute; opacity: 0;}\
  82.             .checkbox:not(checked) + label {  position: relative; padding: 0 0 0 60px; }\
  83.             .checkbox:not(checked) + label:before {  content: '';  position: absolute;  top: -4px;  left: 0;  width: 50px;  height: 26px;  border-radius: 13px;  background: #CDD1DA;  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}\
  84.             .checkbox:not(checked) + label:after {  content: '';  position: absolute;  top: -2px;  left: 2px;  width: 22px;  height: 22px;  border-radius: 10px;  background: #FFF;  box-shadow: 0 2px 5px rgba(0,0,0,.3);  transition: all .2s;}\
  85.             .checkbox:checked + label:before {background: #9FD468;}\
  86.             .checkbox:checked + label:after {left: 26px;}\
  87.             .checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5);}\
  88.             \
  89.             .i_setting {position: relative;    top: 15px;    cursor: pointer;font: normal normal normal 35px FontAwesome;  display: inline-block;  }\
  90.             .i_setting-set:before{content:\"\\f013\";    color: #ff8f00;}\
  91.             .i_setting:hover{animation:my 2s infinite;}\
  92.             .i_setting_div,.user_codesBox{position: fixed;    border: 1px solid silver;    width: 500px; top: 20%;    left: 50%;    margin-left: -250px; display: none;background: linear-gradient(#ffffff,silver);z-index:9999999;box-shadow: 5px 5px 5px rgba(192, 192, 192, 0.26);}\
  93.             .i_setting_div input, select, .user_codesBox input {    background: linear-gradient(#eeffee,#9bfffa);    font: 8pt monospace;    width: 100%;text-align: right;     border-radius: 4px;}\
  94.             .i_setting_el_zoom{    position: absolute;    width: 300px !important;    font-size: 16px !important;    border: 4px solid yellow; padding: 10px;transition: 1s all;}\
  95.             .i_setting_div_caption,.user_codesBoxTitle{background: linear-gradient(silver,#efebeb);    width: 100%;    height: 30px;    text-align: center;padding:5px;}\
  96.             .i_setting_div_caption span, .user_codesBoxTitle span{user-select: none;    cursor: default;    color: grey;    font: bold 12pt/10pt monospace;}\
  97.             .i_setting_div_body,.user_codesList{overflow-y: scroll;  width: 100%;    max-height: 400px; clear: both; }\
  98.             \
  99.             .PoleElTable, .UserTable {display:table;text-align:center;}\
  100.             .PoleElTableCapt,.UserTableCapt {font-weight: bold;}\
  101.             .PoleElTableCapt > div, .UserTableCapt div {background: linear-gradient(#107bf9,#57d5fb);color: white;vertical-align: middle;font: 10pt monospace;    font-weight: bold;}\
  102.             .PoleElTable > div:not([class='PoleElTableLoad']), .UserTable > div {display:table-row;}\
  103.             .PoleElTable > div > div, .UserTable > div > div {display:table-cell; padding: 2px; vertical-align: middle;}\
  104.             .UserTable > div > div {font-size: 0.7em;}\
  105. \
  106.             .user_codesBox input[type='checkbox']{width: 20px;height: 20px;vertical-align: middle;}\
  107.             \
  108.             .i_setting_div_foot, .user_codesButtons{width: 100%;    height: 50px;    background: linear-gradient(silver,white);    padding: 10px;text-align: center;}\
  109.             .i_setting_div_button{user-select: none;width: 105px;    height: 25px;    margin: 0 auto;    text-align: center;    border: 1px solid white;    color: white; line-height: 20px;    cursor: pointer;transition:1s all;display: inline-block;    margin: 0 2px;}\
  110.             .i_setting_div_save_button, .i_setting_div_add_button,.user_codesButtons_save,.user_codesButtons_add{background: linear-gradient(#8d8d92,#888a8a);}\
  111.             .i_setting_div_del_button,.user_codesButtons_del{display:none;background: -webkit-linear-gradient(top,#e02b34 0,#94044d 100%) ; opacity: 0;}\
  112.             .i_setting_div_del_button:hover,.user_codesButtons_del:hover{background: -webkit-linear-gradient(top,#b9030c 0,#ff51a9 100%) !important;}\
  113.             .i_setting_div_button:hover{background: linear-gradient(#8d8d92,#c3c7c7); font-size: 10pt;}\
  114.             \
  115.             .i_input_focus_close, .utrack_input_focus_close{position: absolute; display:none; cursor:pointer; transition: 1s all; border: 2px solid white;    padding: 3px;    width: 20px;    height: 20px;    text-align: center;    background: linear-gradient(silver,red);    color: white;    border-radius: 8px;    font: 10px bold monospace;}\
  116.             .i_input_focus_close:hover, .utrack_input_focus_close:hover{background: linear-gradient(#fd9b9b,orange); transform: rotateZ(359deg);}\
  117.             @keyframes my{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}\
  118.             .i_smoke_div_fog{position: fixed;    display: none;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.8);  z-index: 9999999;}\
  119.             #i_pop_menu p{text-align: left;    margin-left: 40px;}\
  120.             .error_icon_input:after{content:\"\\f057\";    color: orange;}\
  121.             .error_span_input{font-family:FontAwesome;font-size: 1.9em;    vertical-align: middle; padding: 3px;display: none;}\
  122.             \
  123.             .user_buttonShow{padding: 5px 10px;border-radius: 8px;position: relative;left: 35px;top: 10px;user-select: none;cursor: pointer;background: linear-gradient(#9FD468, #49ad1f);color: white;box-shadow: 2px 2px 5px silver;}\
  124.             .user_buttonShow.modify{top:0px;}\
  125.             .user_buttonShow:hover{background: linear-gradient(#9FD468, #4ff30a);}\
  126.             .user_codeListItem{padding: 5px;border: 1px solid green;border-radius: 8px;margin: 5px;background: linear-gradient(#70f7ca,#0a714b);color: white;}\
  127. ");
  128. // Styles
  129.  
  130. (function() { 
  131. var gp_value = GM_getValue('gp_set'),
  132.     gp_set = (gp_value)?JSON.parse(gp_value):{},
  133.  
  134.     debug = false;
  135.  
  136. function saveStorage(){
  137. try{ 
  138. var save_data = JSON.stringify(gp_set);
  139.  
  140. GM_setValue('gp_set', save_data);
  141.  
  142. if(false) GM_setValue('gp_set_bak', save_data);
  143.  
  144. if(debug) console.log("Сохраненный объект gp_set: ", GM_getValue('gp_set'));
  145.  
  146. } catch(e){
  147. console.log(e);
  148. }
  149. }
  150.  
  151. /* Описание элементов
  152. 0 - Ссылка отслеживания, 
  153. 1 - Название службы, 
  154. 2 - Значение по умолчанию, 
  155. 3 - Добавить кнопку отслеживания под трек-кодом, 
  156. 4 - Тип отслеживания у кнопок в шапке: 
  157.       [0] Поддержка отслеживание нескольких кодов;
  158.       [1] Одного кода и сайт;
  159.       [2] Только перейти на сайт
  160. */
  161. var elem = [
  162.     ["17track","http://www.17track.net/ru/track?nums=",1,0],
  163.     ["Cainiao","https://global.cainiao.com/detail.htm?mailNoList=",1,0],
  164.     ["ESTAR65","http://221.206.157.212/cgi-bin/GInfo.dll?EmmisTrack?w=xiangfeng56&cmodel=cmodel:estar56&cno=",1,0],
  165.     ["СДЭК","http://www.edostavka.ru/track.html?order_id=",1,1],
  166.     ["TRACK24","https://track24.ru/?code=", 1,1],
  167.     ["POST-Track","http://post-tracker.ru/track/",1,1],
  168.     ["Почта России","https://www.pochta.ru/tracking#",1,0],
  169.     ["Post2go","https://post2go.ru",0,2],
  170.     ["Postal.ninja","http://postal.ninja/ru/tracks",0,2],
  171.     ["Flytexpress","http://flytexpress.com/En/Home/LogisticsTracking#orderIds=",1,1],
  172.     ["Gsconto","http://www.gsconto.com/ru/tracker/show/",1,1],
  173.     ["DHL Global Mail","https://webtrack.dhlglobalmail.com/?trackingnumber=",1,0]    
  174.     ],
  175.     all_color = ["black", "navy", "darkblue", "mediumblue", "blue", "darkgreen", "green", "teal", "darkcyan", "deepskyblue",
  176.                  "darkturquoise", "mediumspringgreen", "lime", "springgreen", "aqua", "cyan", "midnightblue", "dodgerblue", "lightseagreen", "forestgreen",
  177.                  "seagreen", "darkslategray", "darkslategrey", "limegreen", "mediumseagreen", "turquoise", "royalblue", "steelblue", "darkslateblue", "mediumturquoise",
  178.                  "indigo ", "darkolivegreen", "cadetblue", "cornflowerblue", "rebeccapurple", "mediumaquamarine", "dimgray", "dimgrey", "slateblue", "olivedrab",
  179.                  "slategray", "slategrey", "lightslategray", "lightslategrey", "mediumslateblue", "lawngreen", "chartreuse", "aquamarine", "maroon", "purple",
  180.                  "olive", "gray", "grey", "skyblue", "lightskyblue", "blueviolet", "darkred", "darkmagenta", "saddlebrown", "darkseagreen",
  181.                  "lightgreen", "mediumpurple", "darkviolet", "palegreen", "darkorchid", "yellowgreen", "sienna", "brown", "darkgray", "darkgrey",
  182.                  "lightblue", "greenyellow", "paleturquoise", "lightsteelblue", "powderblue", "firebrick", "darkgoldenrod", "mediumorchid", "rosybrown", "darkkhaki",
  183.                  "silver", "mediumvioletred", "indianred ", "peru", "chocolate", "tan", "lightgray", "lightgrey", "thistle", "orchid",
  184.                  "goldenrod", "palevioletred", "crimson", "gainsboro", "plum", "burlywood", "lightcyan", "lavender", "darksalmon", "violet",
  185.                  "palegoldenrod", "lightcoral", "khaki", "aliceblue", "honeydew", "azure", "sandybrown", "wheat", "beige", "whitesmoke",
  186.                  "mintcream", "ghostwhite", "salmon", "antiquewhite", "linen", "lightgoldenrodyellow", "oldlace", "red", "fuchsia", "magenta",
  187.                  "deeppink", "orangered", "tomato", "hotpink", "coral", "darkorange", "lightsalmon", "orange", "lightpink", "pink",
  188.                  "gold", "peachpuff", "navajowhite", "moccasin", "bisque", "mistyrose", "blanchedalmond", "papayawhip", "lavenderblush", "seashell",
  189.                  "cornsilk", "lemonchiffon", "floralwhite", "snow", "yellow", "lightyellow", "ivory", "white"
  190.                 ];
  191.  
  192. function resetDefaultServices(){
  193.     gp_set.services = []; 
  194.  
  195.     for(var slu in elem){
  196.     gp_set.services.push(elem[slu]);    
  197.     }
  198.     saveStorage();  
  199.     upperPanel("clear");
  200.     updateDataNaprotivKashdogo(); 
  201.     update_setting_val("clear");  
  202.     alert("Службы восстановленны!");
  203. }
  204.     
  205.     
  206. if(gp_set.services === undefined || !gp_set.services){
  207.     gp_set.services = []; 
  208.  
  209.     for(var slu in elem){
  210.     gp_set.services.push(elem[slu]);    
  211.     }
  212.     //elem = gp_set.services = ;
  213.     saveStorage();
  214.     }    
  215.   
  216. var lang_str = {
  217.    ru:{
  218.        gosite:"Перейти на сайт",
  219.        otsl_one:"Отследить один код",
  220.        otsl_nesk:"Отследить несколько кодов",
  221.        
  222.        otsl_na:"Отследить на: ",
  223.        
  224.        tolko_ne_poluch:"Только не полученные: ",
  225.        
  226.        enter_code_dlya:"Введите код для ",
  227.        
  228.        polucheno:"Получено",
  229.        poluchil:"Получил",
  230.        ostalos:"Осталось",
  231.        iz:"из",
  232.        vse_codi:"Все коды:",
  233.        ne_poluch:"Не получено",
  234.        vsego_posil:"Всего посылок",
  235.        
  236.        box_poluch_posilki: "Полученные посылки",
  237.        box_pribuli_na_pochtu:"Прибыли на почту",       
  238.        box_otsleshivautsa:"Отслеживаются",
  239.        box_ne_otsleshivautsa:"Не отслеживаются",  
  240.        
  241.        generirovat_code:"Генерировать код",
  242.        gen_no_code: "Нет треков для генерации для данной категории!",
  243.        chem_razdelit_code:"Чем разделить коды?",
  244.        kod_gotov:"Код готов!",
  245.       // Проверка статуса       
  246.        check_posil_dost: "Посылка доставлена",
  247.        check_prib_v_pubkt: "Прибыла в пункт назначения",
  248.        check_ustan_srok_hran: "Хранение - Установленный срок хранения",
  249.        check_info_poka_net: "Информации о посылке пока нет",
  250.        // Правка и добавление служб
  251.        setting: "Настройки",
  252.        serv_name: "Название",
  253.        serv_link: "Ссылка",
  254.        otobr_niz: "Отобр. снизу",
  255.        raz_perex: "Переходы",
  256.        serv_del: "Удалить",
  257.        add_serv: "Создать",
  258.        save_serv: "Сохранить",
  259.        reser_serv: "Сброс",
  260.        q_reset_serv: "Восстановить службы по умолчанию?",
  261.        type_per: ["Все","Один код и сайт","Только сайт"],
  262.        bClose: "Закрыть",
  263.        // add serv
  264.        menu_add: "Меню добавления службы",
  265.        button_add: "Добавить службу",
  266.        q_del: "Вы хотите удалить эту(и) службу(ы)?",
  267.        danie_edit : "Данные отредактированны!",
  268.        q_save: "Сохранить изменения?",
  269.        error_serv_name: "Ошибка в названии службы!\nНазвание службы отслеживания, не задано, в строке №",
  270.        error_serv_link: "Ошибка ссылки!\nСсылка службы отслеживания, задана неверно, в строке №",
  271.        return_prev_val: "Вернуть прежнее значение?",
  272.        error_update_danix: "Ошибка обновления данных...",
  273.        services_del_comp: "Служба(ы) успешно удалена(ы)!",
  274.        error_create_buttons: "Ошибка создания кнопок напротив каждого трека!",
  275.        service_add_comp: "Служба для отслеживания, была успешно добавлена!",
  276.        textfield_empty_name: "Введенное название пустое!",
  277.        textfield_empty_link: "Введенная ссылка пуста!",
  278.        textfield_invalid_link: "Ссылка введена неккоректно!",
  279.        textfield_invalid_trackcode: "Трэк-код введен неккоректно!",
  280.        text_Error: "Ошибка!",
  281.  
  282.        //USER TRACK TRANSALTION
  283.        month : ["Январь", "Февраль", "Март", "Апрель", "Май", " Июнь",
  284.        "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", " Декабрь"
  285.        ],
  286.        addtrackcode: "Добавить трэк-код",
  287.        userTrackcodes: "Пользовательские трек-коды",
  288.        userTrackcodesDeleted:"Трэк-код(ы) был(и) удален(ы)!",
  289.        deleteselectedTrackcodes:"Удалить выбранный(е) трэк-код(ы)?",
  290.        canvTest:"ТЕСТ",
  291.        usertrackalreadyAddRewrite: "Такой трэк-код уже был добавлен!\nПерезаписать?",
  292.        nameTovarEmptyNoName: "Названме товара не указано, будет использ. \"Без названия\"",
  293.        nonameTovar: "Без названия",
  294.        listUserTrackEmptyAddTrack: "Список пуст! Нажмите кнопку Создать, чтобы добавить свой код!",
  295.        // Form add user track
  296.        u_nameServ: 'Название службы',
  297.        u_linkServ: 'Ссылка службы',
  298.        u_enterLink: 'Введите ссылку',
  299.        u_nameTovar: 'Название товара',
  300.        u_trackcode: 'Трэк-код',
  301.        u_iconfon: 'Цвет фона',
  302.        u_iconText:'Цвет текста',
  303.        u_iconContur:'Цвет контура',
  304.        u_icon:'Иконка',
  305.        u_viewOnMain:'Отображать на странице',
  306.        // User track error message
  307.        u_error_trackcode: "Ошибка:\nПоле трэк-кода заполненно неверно, оно либо пустое, либо содержит неверные символы ",
  308.        u_error_trackcodeFull: ["Ошибка:\nПоле трэк-кода, содержит неверные символы ",", в столбце ",", строка №"],
  309.        u_error_trackcodeChangeFull: ["Внимание:\nПоле трэк-кода, было изменено на новое значение, в столбце ",", строка №",", вы действительно хотите изменить значание?"],
  310.        u_error_fieldEmptyFull: ["Ошибка:\nПустое поле в столбце ",", строка №"],
  311.        u_error_FullError: ["Ошибка:\n"," указана неверно, в строке №"],
  312.        u_error_colorFull: ["Ошибка:\nЦвет указан неверно, в столбце ",", строка №"]
  313.    },
  314.    en:{
  315.       gosite:"Go to Site",
  316.       otsl_one:"Track one code",
  317.       otsl_nesk:"Track multiple codes",
  318.        
  319.       otsl_na:"Track on: ",
  320.        
  321.       tolko_ne_poluch:"Just do not received: ",
  322.        
  323.       enter_code_dlya: "Enter the code for ",
  324.       
  325.       polucheno: "Received",
  326.       poluchil: "Got",
  327.       ostalos: "Remaining",
  328.       iz: "from",
  329.       vse_codi: "All codes:",
  330.       ne_poluch: "Not received",
  331.       vsego_posil: "Total Package",
  332.  
  333.       box_poluch_posilki: "Received",
  334.       box_pribuli_na_pochtu:"Arrived in the mail", 
  335.       box_otsleshivautsa:"Tracked",
  336.       box_ne_otsleshivautsa:"Not tracked",     
  337.        
  338.       generirovat_code:"Generate code",
  339.       gen_no_code: "No tracks to generate for this category!",
  340.       chem_razdelit_code:"To share the codes?",
  341.       kod_gotov:"Code complete!",
  342.       // Check status ! not edit !
  343.       check_posil_dost: "Package delivered",
  344.       check_prib_v_pubkt: "Arrived at the office of destination",
  345.       check_ustan_srok_hran: "Storage - Fixed storage time",
  346.       check_info_poka_net: "No information about the package yet",
  347.        // Add service
  348.       setting: "Settings",
  349.       serv_name: "Name",
  350.       serv_link: "Link",
  351.       otobr_niz: "Services bottom track",
  352.       raz_perex: "Transitions",
  353.       serv_del: "Delete",
  354.       add_serv: "New",
  355.       save_serv: "Save",
  356.       reser_serv: "Reset",
  357.       q_reset_serv: "Do you want to restore the default services?",       
  358.       type_per: ["All","One code and website","Site"],
  359.       bClose: "Close",
  360.       // add serv
  361.       menu_add: "Menu add service",
  362.       button_add: "Add service",
  363.       q_del: "You want to remove this(and) service(s)?",
  364.       danie_edit : "Data is modified!",
  365.       q_save: "Save changes?",
  366.       error_serv_name: "Error in service name!\nazvanie tracking service, is not set in line#",
  367.       error_serv_link: "reference Error!\psylla tracking service, is incorrect, in line#",
  368.       return_prev_val: "restore the previous value?",
  369.       error_update_danix: "Error updating data...",
  370.       services_del_comp: "Service(s) Delete(s)!",
  371.       error_create_buttons: "Error creating buttons opposite each track!",
  372.       service_add_comp: "The tracking service has been successfully added!",
  373.       textfield_empty_name: "The entered name is empty!",
  374.       textfield_empty_link: "The entered link is empty!",
  375.       textfield_invalid_trackcode: "The entered trackcode is empty!",
  376.       textfield_invalid_link: "The link is entered incorrectly!",
  377.       text_Error: "Error!",
  378.  
  379.        //USER TRACK TRANSALTION
  380.        month : ["January", "February", "March", "April", "May", "June",
  381.        "July", "August", "September", "October", "November", "December"
  382.        ],
  383.        addtrackcode: "Add a track code",
  384.        userTrackcodes: "Custom Track Codes",
  385.        userTrackcodesDeleted: "Track-code(s) has been (and) deleted(s)!",
  386.        deleteselectedTrackcodes: "Do you want to delete the selected tracker(s)?",
  387.        canvTest: "TEST",
  388.        usertrackalreadyAddRewrite: "Such a track code has already been added!\nRewrite?",
  389.        nameTovarEmptyNoName: "The product name is not specified, will be used \"Untitled \"",
  390.        nonameTovar: "Untitled",
  391.        listUserTrackEmptyAddTrack: "The list is empty! Click the Create button to add your code!",
  392.        // Form add user track
  393.        u_nameServ: 'Service Name',
  394.        u_linkServ: 'Service reference',
  395.        u_enterLink: 'Enter a link',
  396.        u_nameTovar: 'Product Name',
  397.        u_trackcode: 'Track Code',
  398.        u_iconfon: 'Background color',
  399.        u_iconText: 'Text color',
  400.        u_iconContur: 'Contour color',
  401.        u_icon: 'Icon',
  402.        u_viewOnMain: 'Display on page',
  403.        // User track error message
  404.        u_error_trackcode: "Error:\nThe track code field is invalid, it is either empty or contains invalid characters ",
  405.        u_error_trackcodeFull: ["Error:\nTracing code field, contains invalid characters ", ", in column ", ", line No."],
  406.        u_error_trackcodeChangeFull: ["Warning:\nThe track code field has been changed to a new value, in the column ", ", line No.", "do you really want to change the value?"],
  407.        u_error_fieldEmptyFull: ["Error:\nPush field in column ", ", line No."],
  408.        u_error_FullError: ["Error:\n", "invalid in line No."],
  409.        u_error_colorFull: ["Error:\nThe color is incorrect, in the column ", ", line No."]
  410.    }
  411. };
  412.  
  413. var sel_lang = lang_str.ru;    
  414. if(window.location.hostname.search("gdeposylka.ru")<0){
  415. sel_lang = lang_str.en;    
  416. } else {
  417. sel_lang = lang_str.ru;        
  418. }
  419.  
  420. function Objcount(obj){
  421. var keys=0;
  422. for (var propvalue in obj) {
  423.     if (obj.hasOwnProperty(propvalue)) {
  424.         keys++;
  425.     }
  426.   }
  427.   return keys;
  428. } 
  429.  
  430. function searchinObj(obj, reqex){
  431. var keys=[];
  432. for (var propvalue in obj) {
  433.     if (obj.hasOwnProperty(propvalue) && reqex.test(propvalue)) {
  434.         keys.push(propvalue);  
  435.     }
  436.   }
  437.   return keys;
  438. } 
  439.     
  440. // Проверить только не полученные
  441. function only_ne_poluch_button(){
  442. var cur_el=arguments[0].target;
  443.     if(!gp_set.hasOwnProperty('setting')){
  444.     gp_set.setting={};    
  445.     }
  446.     gp_set.setting.tolko_ne_poluch = !cur_el.parentElement.children[1].checked;
  447.     saveStorage();
  448. }
  449.  
  450. // start abs menu function       
  451. function make_abs(){
  452.     codes_names = [dannie_o_trekax[0].split(","),dannie_o_trekax[1].split("|"),dannie_o_trekax[3].split("|")];
  453.  
  454.     if(gp_set.markers === undefined || gp_set.markers === null){
  455.      gp_set.markers = {};   
  456.     }
  457.     
  458.     var abs_div=document.getElementById("abs_div");
  459.     if(abs_div){
  460.         abs_div.innerHTML="";
  461.     }else{
  462.         abs_div=document.createElement("div");
  463.         abs_div.id="abs_div";  
  464.         }
  465.     var rn_el=document.getElementsByClassName("track-container");    
  466.     
  467.     var all_box_scroll = document.createElement("div");
  468.         all_box_scroll.className="all_box_scroll";
  469.     
  470.     var abs_div_normal=document.createElement("div");
  471.         abs_div_normal.id="normal_abs_div";    
  472.  
  473.     var abs_div_prishla=document.createElement("div");
  474.         abs_div_prishla.id="prishla_abs_div";
  475.     
  476.     var abs_div_poluch=document.createElement("div");
  477.         abs_div_poluch.id="poluch_abs_div"; 
  478.     
  479.     var abs_div_nenormal=document.createElement("div");
  480.         abs_div_nenormal.id="nenormal_abs_div"; 
  481.     
  482.     var checkbox_input = document.getElementById("checkbox");
  483.   
  484.     
  485.     abs_div_normal.innerHTML="<div class=\"abs_punkti\" style=\"background: linear-gradient(#0790c5,#1be0ff);\">"+sel_lang.box_otsleshivautsa+" </div>";
  486.     abs_div_nenormal.innerHTML="<div class=\"abs_punkti\" style=\"background: linear-gradient(#ff07d5,#921313);\">"+sel_lang.box_ne_otsleshivautsa+" </div>";
  487.     abs_div_prishla.innerHTML="<div class=\"abs_punkti\" style=\"background: linear-gradient(#0037ff,#1099af);\">"+sel_lang.box_pribuli_na_pochtu+" </div>";   
  488.     abs_div_poluch.innerHTML="<div class=\"abs_punkti\" style=\"background: linear-gradient(#ff6f08,orange);\">"+sel_lang.box_poluch_posilki+" </div>";       
  489.     
  490.     var gen_div=document.createElement("div");
  491.     
  492.     abs_div_normal.className = "abs_div_cat";
  493.     abs_div_prishla.className = "abs_div_cat";
  494.     abs_div_poluch.className = "abs_div_cat";   
  495.     abs_div_nenormal.className = "abs_div_cat";
  496.     gen_div.setAttribute("style","text-align:center;cursor:pointer;background:blue;color:white;margin-top:10px;padding:3px;");
  497.     gen_div.innerText=sel_lang.generirovat_code;  
  498.     
  499.     gen_div.addEventListener("click", function(){
  500.         if((checkbox_input.checked && dannie_o_trekax[4].length<=0) || (!checkbox_input.checked && dannie_o_trekax[0].length<=0)){
  501.             alert(sel_lang.gen_no_code+"\n"+sel_lang.tolko_ne_poluch+checkbox_input.checked);
  502.             return;
  503.         }
  504.     var t = prompt(sel_lang.kod_gotov,",");
  505.         var check_ok=((checkbox_input.checked)?dannie_o_trekax[4]:dannie_o_trekax[0]);
  506.         if(t)prompt(sel_lang.kod_gotov,check_ok.replace(/,/g,t));
  507.  
  508.     });
  509.  
  510.     var text_abs = ["","","",""];
  511.     var otsl = [0,0,0,0];
  512.     for(var g=0;g<dannie_o_trekax[0].split(",").length;g++){
  513.         
  514.         var other_mag ="";
  515.         if(/^A.*$/i.test(codes_names[0][g]) || /\[BG\]/i.test(codes_names[1][g])){
  516.         other_mag = "style=\"background: linear-gradient(#22a79a, #00ffdc)\"";       
  517.         } else {
  518.         other_mag ="";    
  519.         }
  520.         
  521.        var code_vis_tag = ["<div pos=\""+g+"\" name=\"my_opt\" class=\"ab_style\""+other_mag+"\" title=\""+codes_names[1][g]+
  522.                            "\" onmouseover=\"var c=this.getAttribute('pos');document.getElementsByClassName('track')[c].style['background']='linear-gradient(",")';document.body.scrollTop=document.getElementsByClassName('track')[c].offsetTop-300\" onmouseout=\"var c=this.getAttribute('pos');document.getElementsByClassName('track')[c].style['background']=''\">"+codes_names[0][g]+"</div>"]; 
  523.        var vis_menu = {
  524.            dost                : code_vis_tag[0]+"white,orange"+code_vis_tag[1],
  525.            priv_v_puntk_i_xran : code_vis_tag[0]+"white,#1099af"+code_vis_tag[1],
  526.            no_info             : code_vis_tag[0]+"white,#ff07d5"+code_vis_tag[1],
  527.            otsleshiv           : code_vis_tag[0]+"white,cyan"+code_vis_tag[1]
  528.        };
  529.         
  530.        if(codes_names[2][g].search(sel_lang.check_posil_dost)===0 ||gp_set.markers[codes_names[0][g]] === true){
  531.       text_abs[0] += vis_menu.dost;
  532.             otsl[0]+=rn_el.length>0 ? 1 : 0;
  533.         } else if(codes_names[2][g].search(sel_lang.check_prib_v_pubkt)===0 || codes_names[2][g].search("Хранение - Установленный срок хранения")===0){
  534.       text_abs[1] += vis_menu.priv_v_puntk_i_xran;
  535.             otsl[1]+=rn_el.length>0 ? 1 : 0;
  536.             dannie_o_trekax[4]+=codes_names[0][g]+((g< rn_el.length-1)?",":"");
  537.         } else if(codes_names[2][g].search(sel_lang.check_info_poka_net)===0){
  538.       text_abs[3] += vis_menu.no_info;
  539.             otsl[3]+=rn_el.length>0 ? 1 : 0;
  540.             dannie_o_trekax[4]+=codes_names[0][g]+((g< rn_el.length-1)?",":"");
  541.             } else {
  542.       text_abs[2] += vis_menu.otsleshiv;
  543.             otsl[2]+=rn_el.length>0 ? 1 : 0;
  544.             dannie_o_trekax[4]+=codes_names[0][g]+((g< rn_el.length-1)?",":"");
  545.             }
  546.     }
  547.     abs_div.innerHTML="<div style=\"text-align:center;background: linear-gradient(#6D3263,#DF6283);color: white;font-weight: bold;\">"+sel_lang.vse_codi+"</div>";
  548.     abs_div_poluch.innerHTML+= text_abs[0];     
  549.     abs_div_prishla.innerHTML+= text_abs[1];     
  550.     abs_div_normal.innerHTML+= text_abs[2];
  551.     abs_div_nenormal.innerHTML+= text_abs[3];
  552.  
  553.     abs_div.appendChild(all_box_scroll);
  554.     
  555.     all_box_scroll.appendChild(abs_div_poluch);    
  556.     all_box_scroll.appendChild(abs_div_prishla);    
  557.     all_box_scroll.appendChild(abs_div_normal);
  558.     all_box_scroll.appendChild(abs_div_nenormal);
  559.     
  560.     abs_div.appendChild(gen_div);
  561.     document.body.appendChild(abs_div);
  562.  
  563.     abs_div_poluch.firstChild.innerHTML+= "("+otsl[0]+"):";    
  564.     abs_div_prishla.firstChild.innerHTML+= "("+otsl[1]+"):";
  565.     abs_div_normal.firstChild.innerHTML+="("+otsl[2]+"):";    
  566.     abs_div_nenormal.firstChild.innerHTML+= "("+otsl[3]+"):";  
  567.     
  568. // Markers    
  569.     var c_ab = document.getElementsByName("my_opt");
  570.     var count_pol=0;
  571.     for(var z=0;z<c_ab.length;z++){
  572.     // Event    
  573.     c_ab[z].addEventListener("click", clickabs);   
  574.         
  575.    // Marker load 
  576.        var tek_z = z;
  577.             for(var k in gp_set.markers){
  578.                 if (gp_set.markers.hasOwnProperty(k)){
  579.                     if(c_ab[tek_z].innerText === k){
  580.                         if(gp_set.markers[k]) {
  581.                             gp_set.markers[k] = true;
  582.                             c_ab[z].setAttribute("class", "ab_styles");
  583.                             count_pol++;
  584.                         } else {
  585.                             gp_set.markers[k] = false;
  586.                             c_ab[z].setAttribute("class", "ab_style");
  587.                         }
  588.                     }
  589.                  // Main pole visible
  590.                 if(codes_names[0][tek_z] === k && gp_set.markers[codes_names[0][tek_z]] || codes_names[2][tek_z].search(sel_lang.check_posil_dost)===0){ // add> codes_names[2][tek_z].search(sel_lang.check_posil_dost)===0
  591.                 if(rn_el.length>0) rn_el[tek_z].children[0].className="track ab_style_complete";
  592.                 } else if(!gp_set.markers[codes_names[0][tek_z]]){
  593.                  if(rn_el.length>0) rn_el[tek_z].children[0].className=rn_el[tek_z].children[0].className.replace(/\s+ab_style_complete/i,"");
  594.                 }
  595.                 //
  596.                 }
  597.            }   
  598. // Marker load end  
  599.     }
  600.        abs_div.children[0].innerHTML+="<p style=\"margin: 0;font-size: 10px;font-weight: bold;\"><span style=\"color:lime;\" title=\""+sel_lang.polucheno+"!\">"+
  601.            sel_lang.polucheno+": "+count_pol+"</span><span style=\"color:orange;\" title=\""+sel_lang.vsego_posil+"\"> "+sel_lang.iz+" "+((rn_el.length>0) ? dannie_o_trekax[0].split(",").length:0)+
  602.            "</span></p><p style=\"font-size: 10px;margin: 0;font-weight: bold;\"><span style=\"color:cyan;\" title=\""+sel_lang.ne_poluch+"!\"> "+sel_lang.ostalos+": "+((rn_el.length>0) ? (dannie_o_trekax[0].split(",").length-count_pol):0)+"</span></p>";
  603. // Markers end 
  604. }
  605. // end abs menu function    
  606.     
  607. function clickabs(){
  608.   var el = arguments[0].target;
  609.   var el_name = el.getAttribute("pos")*1;
  610.   var el_value = codes_names[0][el_name];  
  611.         if(gp_set.markers[el_value]){
  612.         //gp_set.markers[el_value] = false;
  613.         gp_set.markers[el_value]=false;
  614.         el.setAttribute("class", "ab_style");
  615.         // snimaem marker    
  616.         } else {
  617.         // stavim marker
  618.         gp_set.markers[el_value]=true;
  619.         el.setAttribute("class", "ab_styles");
  620.         }
  621.         saveStorage();
  622.         make_abs();
  623. }
  624.  
  625. // Pop up menu  
  626. var options = [sel_lang.otsl_one,sel_lang.otsl_nesk,sel_lang.gosite];
  627.     
  628. function pop_menu_click(){
  629. var tek_el=this.parentElement.parentElement.parentElement.getAttribute("elem")*1;
  630. var checkbox_input = document.getElementById("checkbox");
  631.     
  632.        if(this.innerText.search(options[2]) === 0) {
  633.        var site = gp_set.services[tek_el][1];
  634.            site = site.match(/^https?:\/\/[a-zA-z0-9.-]+/i)[0];
  635.            if(debug) console.log("URL сайта: ",site);
  636.        window.open(site); 
  637.        } else if(this.innerText.search(options[0]) === 0){
  638.        var req=prompt(sel_lang.enter_code_dlya+gp_set.services[tek_el][0]+":",""); 
  639.        if(req.length>0 && !/^\s*$/.test(req)){
  640.           window.open(gp_set.services[tek_el][1]+req);
  641.        } else {
  642.            alert("Поле пустое!");
  643.            return;               
  644.        }
  645.        } else if(this.innerText.search(options[1]) === 0){
  646.                if((checkbox_input.checked && dannie_o_trekax[4].length<=0) || (!checkbox_input.checked && dannie_o_trekax[0].length<=0)){
  647.                    alert(sel_lang.gen_no_code+"\n"+sel_lang.tolko_ne_poluch+checkbox_input.checked);
  648.                    return;
  649.                }
  650.        var past_codes_all_ili_net = ((checkbox_input.checked)?dannie_o_trekax[4]:dannie_o_trekax[0]);
  651.        window.open(gp_set.services[tek_el][1]+past_codes_all_ili_net);    
  652.        }
  653. }    
  654. function pop_v2(my_i){
  655.     var my_el = gp_set.services[my_i];
  656.     
  657.     let ul = document.createElement("ul");
  658.         ul.className="ul_menu";
  659.     for(var i=0;i<options.length;i++){
  660.     if(my_el[3] === 2){ 
  661.         if(i<2) continue;
  662.     } else if(my_el[3] === 1){
  663.         if(i===1) continue;    
  664.     }
  665.     let li = document.createElement("li");
  666.         li.className="li_menu";
  667.         
  668.     let a = document.createElement("a");
  669.         a.className="a_menu";
  670.         a.href="#";
  671.         a.innerText=options[i];        
  672.         a.addEventListener("click", pop_menu_click);
  673.  
  674.         li.appendChild(a);  
  675.         ul.appendChild(li);
  676.     }
  677.     return ul;
  678. } 
  679. // Pop up menu  end 
  680.     
  681. // Start - Верхняя панель со службами отслеживания
  682. function upperPanel(){
  683.     let liel= document.getElementsByClassName("nav navbar-center")[0] || null;
  684.     if(liel){
  685.  
  686.     if(arguments[0] === "clear") $(liel).empty();
  687.         
  688.         
  689.     for(var i=0;i<gp_set.services.length;i++){
  690.  
  691. let li = document.createElement("li");
  692.     li.innerHTML=((gp_set.services[i][0].search("17track")<0)?"<div>"+gp_set.services[i][0]+
  693.                   "</div>":'<img src="https://res.17track.net/global-v2/imgs/logo/svg/fullen_obt_128x32.svg?v=95abf356d0" style="width: 80px;"/>')// '+/*'background: linear-gradient('+getColorRND()+*/');">');
  694. //
  695. let pop_div_menu = pop_v2(i);
  696.     li.appendChild(pop_div_menu);
  697.        
  698. //        
  699.     let rcol = getColorRND();
  700.     li.setAttribute("style",((gp_set.services[i][0].search("17track")<0))?"border: 1px solid;    margin: 5px 5px;    padding: 2px;background: linear-gradient("+rcol+");"+
  701.                         "color: #e7dcdc;   text-shadow: 1px 1px 0px black;    cursor: pointer;":"margin: 5px 5px;    padding: 2px;cursor: pointer;");
  702.     li.className="li_style";
  703.     li.title=sel_lang.otsl_na+gp_set.services[i][0];
  704.     li.setAttribute("elem",i);        
  705.     liel.appendChild(li);
  706.     }
  707. }
  708. }// End - Верхняя панель со службами отслеживания
  709.     
  710. // Update naprotiv kashdogo start
  711. function updateDataNaprotivKashdogo(){
  712. var title_wrapper = document.getElementsByClassName("title-wrapper"),
  713.     naprotivKBody = document.getElementsByClassName("li_body_naprotiv_kashdogo"),
  714.     rn_el=document.getElementsByClassName("track-container");
  715.  
  716. if(rn_el.length > naprotivKBody.length){
  717.     for(let i=0; i<rn_el.length; i++){
  718.         if(rn_el[i].nextElementSibling === null){
  719.             var li_body = document.createElement("div");
  720.             var li_body1 = document.createElement("div");
  721.             li_body.setAttribute("style", "margin-bottom: 25px;background: #f9f9f9;");
  722.             li_body1.setAttribute("style", "position:absolute;");
  723.             li_body1.className = "li_body_naprotiv_kashdogo";
  724.             document.getElementsByClassName("track-list")[0].insertBefore(li_body,rn_el[i].nextSibling);
  725.             document.getElementsByClassName("track-list")[0].insertBefore(li_body1,rn_el[i].nextSibling);
  726.  
  727.             for(var j=0;j<gp_set.services.length;j++){
  728.                 if(gp_set.services[j][2]){
  729.                     var li = document.createElement("div");
  730.                     li.innerHTML='<span onclick="window.open(&quot;'+gp_set.services[j][1]+el_a+'&quot;);">'+gp_set.services[j][0]+'</span>';
  731.                     let rcol = getColorRND();
  732.                     li.setAttribute("style","background: linear-gradient("+rcol+");");
  733.                     li.className="track_service";
  734.                     li.title=sel_lang.otsl_na+gp_set.services[j][0];
  735.                     li_body1.appendChild(li);
  736.                 }
  737.             }
  738.         }
  739.     }
  740.     naprotivKBody = document.getElementsByClassName("li_body_naprotiv_kashdogo");
  741. }
  742.  
  743. if(title_wrapper && naprotivKBody){
  744.     let li;
  745. for(var i = 0; i < naprotivKBody.length; i++){
  746.     var el_a=title_wrapper[i].getElementsByClassName("tracking-number")[0].innerText;
  747.     
  748.     if(arguments[0] !== "one"){
  749.         naprotivKBody[i].innerHTML="";
  750.         for(let j=0;j<gp_set.services.length;j++){
  751.             if(gp_set.services[j][2]){
  752.                 li = document.createElement("div");
  753.                 li.innerHTML='<span onclick="window.open(&quot;'+gp_set.services[j][1]+el_a+'&quot;);">'+gp_set.services[j][0]+'</span>';
  754.                 let rcol = getColorRND();
  755.                 li.setAttribute("style","background: linear-gradient("+rcol+");");
  756.                 li.className="track_service";
  757.                 li.title=sel_lang.otsl_na+gp_set.services[j][0];
  758.                 naprotivKBody[i].appendChild(li);
  759.             }            
  760.         }
  761.     } else if(arguments[0] === "one" && gp_set.services[gp_set.services.length-1][2]){
  762.         var tek_service = gp_set.services[gp_set.services.length-1];
  763.                 li = document.createElement("div");
  764.                 li.innerHTML='<span onclick="window.open(&quot;'+tek_service[1]+el_a+'&quot;);">'+tek_service[0]+'</span>';
  765.                 let rcol = getColorRND();
  766.                 li.setAttribute("style","background: linear-gradient("+rcol+");");
  767.                 li.className="track_service";
  768.                 li.title=sel_lang.otsl_na+tek_service[0];
  769.                 naprotivKBody[i].appendChild(li);        
  770.     } else {break;}
  771. }
  772. } else {
  773.     alert(sel_lang.error_update_danix);
  774. }   
  775. }
  776. // Update naprotiv kashdogo end
  777.       
  778. // --- Start Setting edit, add, delete services   
  779. function update_setting_val(){
  780. if(arguments[0] === "clear")$(".i_setting_div_body").empty();
  781.     
  782. var PoleElTable = document.createElement("div");
  783.     PoleElTable.className = "PoleElTable";
  784.  
  785. var PoleElTableCapt = document.createElement("div");
  786.     PoleElTableCapt.className ="PoleElTableCapt";
  787.  
  788.     $(PoleElTableCapt).html("<div>№</div><div>"+sel_lang.serv_name+"</div><div>"+sel_lang.serv_link+"</div><div>"+sel_lang.otobr_niz+"</div><div>"+sel_lang.raz_perex+"</div><div>"+sel_lang.serv_del+"</div>");
  789.     PoleElTable.append(PoleElTableCapt);
  790.     
  791. /*var PoleElTableLoad= document.createElement("div");  
  792.     PoleElTableLoad.className = "PoleElTableLoad";
  793.     PoleElTableLoad.setAttribute("style","border: 10px solid #ded9d9;    border-radius: 60px;    width: 100px;    height: 100px;    border-bottom-color: #99ff53; animation: my 1s infinite;    position: relative;  left: 160px;");
  794.     PoleElTable.append(PoleElTableLoad);*/
  795.     
  796. for(var i=0;i<gp_set.services.length;i++){ // array 0
  797. var PoleEl = document.createElement("div");
  798.     for(var j=0;j<gp_set.services[i].length;j++){
  799.         var input_el_cel = document.createElement("div");
  800.         var input_el = "";
  801.         
  802.         if(j === 2){
  803.         input_el = document.createElement("select");
  804.         input_el.innerHTML = "<option value='0'>false</option><option value='1'>true</option>";
  805.         input_el.value =  gp_set.services[i][j];
  806.         
  807.         if(JSON.parse(gp_set.services[i][j])){input_el.setAttribute("style","background: linear-gradient(#d9ff5a,#16ff73)");} else{ input_el.setAttribute("style","background: linear-gradient(#eeffee,#ff9bb7)");}
  808.             
  809.         input_el.addEventListener("change", function(){
  810.         if(JSON.parse(this.value)){this.setAttribute("style","background: linear-gradient(#d9ff5a,#16ff73)");} else{ this.setAttribute("style","background: linear-gradient(#eeffee,#ff9bb7)");}
  811.         }); 
  812.             
  813.         } else {
  814.         
  815.         input_el = document.createElement("input");
  816.         input_el.id = (j === 0)?"name_services_otsl":"link_services_otsl";    
  817.         input_el.addEventListener("focus",function(event){focusInp(event);});
  818.         input_el.addEventListener("blur",function(event){blurInp(event);}); 
  819.             
  820.         if(j === 3){
  821.         input_el = document.createElement("select");
  822.         input_el.innerHTML = "<option value='0'>"+sel_lang.type_per[0]+"</option><option value='1'>"+sel_lang.type_per[1]+"</option><option value='2'>"+sel_lang.type_per[2]+"</option>";
  823.         input_el.value =  gp_set.services[i][j];
  824.             
  825.         }else{
  826.         input_el.type = "text";
  827.         }
  828.     
  829.         input_el.value = gp_set.services[i][j];
  830.         }
  831.         input_el_cel.append(input_el);
  832.         
  833.         if(j === 0) $(PoleEl).append("<div><div style='text-align: center;'><div style='font: bold 0.8em sans-serif;    border: 1px solid lime;    border-radius: 16px;    background: white;    line-height: 1.7; width:20px;height:20px;'>"+(i+1)+"</div></div></div>");
  834.         PoleEl.append(input_el_cel);
  835.         if(j === 3) $(PoleEl).append("<div><div style='text-align: center;'><input style='width: 20px;height: 20px;vertical-align: middle;' type='checkbox'></div></div>");
  836.         
  837.     }
  838.     PoleElTable.append(PoleEl);
  839.     $(".i_setting_div_body").append(PoleElTable);
  840. }
  841.     // CheckBox checked
  842.     $(".i_setting_div_body").find("input[type=checkbox]").each(function(index,eleme){
  843.     $(eleme).on("click",function(){
  844.   
  845.     if($(this).is(':checked')) $(".i_setting_div_del_button").css({"display":"inline-block"}).animate({opacity:"+=1.0"});
  846.  
  847.     $(".i_setting_div_del_button").text(sel_lang.serv_del+" ("+$(".i_setting_div_body").find("input:checked").length+")");
  848.  
  849.         if($(".i_setting_div_body").find("input:checked").length <= 0){
  850.             $(".i_setting_div_del_button").text(sel_lang.serv_del);
  851.             $(".i_setting_div_del_button").fadeOut(1000,function(){$(this).css("opacity","0");});
  852.         }
  853.     });
  854.     });
  855.  
  856.     if($(".i_setting_div_body").find("input:checked").length <= 0){
  857.         $(".i_setting_div_del_button").text(sel_lang.serv_del);
  858.         $(".i_setting_div_del_button").fadeOut(1000,function(){$(this).css("opacity","0");});
  859.     }
  860.  
  861.      // CLose button
  862.     var i_input_focus_close = document.createElement("div");
  863.     i_input_focus_close.innerText = "X";
  864.     i_input_focus_close.className = "i_input_focus_close";
  865.     i_input_focus_close.title = sel_lang.bClose;
  866.     $(".i_setting_div_body").append(i_input_focus_close);    
  867. }
  868.     
  869. function setting_save_value(){
  870. $(".i_input_focus_close").fadeOut(500);
  871. var temp_zapis = []; 
  872. var temp_zapis1 = []; 
  873. var save_value = true;
  874. var z =0;
  875. $(".PoleElTable").find("input[type!=checkbox], select").each(function(index, eleme){
  876.     var self = $(this).val();
  877.  
  878.     if($(this).get(0).tagName.toLowerCase() === "input"){
  879.     var stroke_error = $(this).parent().parent().index();    
  880.         
  881.         if($(this).val().length < 1 || /^\s*$/.test($(this).val())){
  882.             alert(sel_lang.error_serv_name+stroke_error);
  883.             $(this).val(gp_set.services[stroke_error-1][0]);
  884.             save_value = false;
  885.             return;
  886.         }
  887.         
  888.         if($(this).attr("id") === "link_services_otsl" && !/^https?\:\/\/.*/i.test($(this).val())){
  889.             alert(sel_lang.error_serv_link+stroke_error);
  890.             if(confirm(sel_lang.return_prev_val))$(this).val(gp_set.services[stroke_error-1][1]);
  891.             save_value = false;            
  892.             return;
  893.         }     
  894.         
  895.     }
  896.     z++;
  897.     
  898.     if(z>2) temp_zapis1.push($(this).val()*1);
  899.     else temp_zapis1.push($(this).val());
  900.  
  901.     if(z > 3){
  902.         temp_zapis.push(temp_zapis1);
  903.         temp_zapis1 = [];
  904.         z=0;
  905.     } 
  906.  
  907.  
  908. });
  909.     if(confirm(sel_lang.q_save)){
  910.     if(temp_zapis.length > 0 && save_value){
  911.     gp_set.services = temp_zapis;
  912.     saveStorage();
  913.     alert(sel_lang.danie_edit);        
  914.     upperPanel("clear");
  915.     updateDataNaprotivKashdogo();          
  916.     }
  917.     }
  918.     
  919. }
  920.  
  921. function setting_add_value(){
  922. $(".i_smoke_div_fog").fadeIn(1000, function(){
  923. if(!$("#i_pop_menu").length){
  924. var $pop_meuni = $("<div id='i_pop_menu' style='display:none;position: fixed;width: 300px;height: 200px;left: 50%;top: 50%;border: 1px solid silver;background: linear-gradient(#c1c1c1,white);z-index: 9999999;margin-left: -150px;margin-top: -100px;border-radius: 8px;'>\
  925.                    \<div style='width: 100%;background: linear-gradient(silver,#808686);text-align: center;border-radius: 8px 8px 0 0;color: white;padding: 3px;border-bottom: 2px dotted white;'><div style='float:right;float: right;cursor: pointer; margin-right: 5px; font-size: 10pt;' id='i_pop_menu_close_b'>X</div>"+sel_lang.menu_add+"</div>\
  926.                    \<div style='padding: 5px;    color: #5f5d5d;    font: normal 12px/14px monospace;text-align:center;'>\
  927.                    \<p>"+sel_lang.serv_name+": <input id='i_pop_menu_input_name' type='text' value /><span title='"+sel_lang.text_Error+"'></span></p>\
  928.                    \<p>"+sel_lang.serv_link+": <input id='i_pop_menu_input_link' type='text' value='http://' /><span title='"+sel_lang.text_Error+"'></span></p>\
  929.                    \<p>"+sel_lang.otobr_niz+": <select id='i_pop_menu_select' style='width:81px;'><option value='0'>false</option><option value='1'>true</option></select></p>\
  930.                    \<p>"+sel_lang.raz_perex+": <select id='i_pop_menu_typeview' style='width:115px;'><option value='0'>"+sel_lang.type_per[0]+"</option><option value='1'>"+sel_lang.type_per[1]+"</option><option value='2'>"+sel_lang.type_per[2]+"</option></select></p>\
  931.                    \<div disabled id='i_pop_menu_button_add' style='width: 150px;margin: 0 auto;height: 30px;line-height: 30px;background: linear-gradient(#75f575,#16bf02);color: white;border-radius: 8px;box-shadow: 2px 2px 5px silver;cursor:pointer;'>"+sel_lang.button_add+"</div></div></div>");
  932.     
  933. $("body").append($pop_meuni);
  934.     
  935. // Close button
  936. $("#i_pop_menu_close_b").click(function(){
  937.     $pop_meuni.fadeOut(1000,function(){
  938.         $(".i_smoke_div_fog").fadeOut(1000,function(){
  939.         $("#i_pop_menu_input_link, #i_pop_menu_input_name").parent().find("span").removeClass("error_icon_input");                       
  940.         $("#i_pop_menu_input_link, #i_pop_menu_input_name").css("border-color","");         
  941.             
  942.         $("#i_pop_menu_input_name").val("");
  943.         $("#i_pop_menu_input_link").val("http://");
  944.         $("#i_pop_menu_typeview,#i_pop_menu_select").val("0");
  945.         
  946.         });
  947.     });
  948. });
  949. // Close button end
  950.     
  951. // Add service button 
  952. $("#i_pop_menu_button_add").hover(function(e){
  953.     $(this).css("background",e.type === "mouseenter" ? "linear-gradient(rgb(26, 107, 26), rgb(48, 253, 21))":"linear-gradient(#75f575,#16bf02)");
  954. });
  955.     
  956. $("#i_pop_menu_button_add").click(function(){
  957.    
  958.     var newServicesArrayInput = [];
  959.     var i_pop_menu_input_link = $("#i_pop_menu_input_link").val();
  960.     var i_pop_menu_input_name = $("#i_pop_menu_input_name").val();
  961.     var i_pop_menu_select = $("#i_pop_menu_select").val();
  962.     var i_pop_menu_typeview = $("#i_pop_menu_typeview").val();
  963.  
  964.     
  965.     // Text empty!
  966.     if(i_pop_menu_input_name.length < 1 || /^\s*$/.test(i_pop_menu_input_name)){
  967.         alert(sel_lang.textfield_empty_name);
  968.         $("#i_pop_menu_input_name").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  969.         $("#i_pop_menu_input_name").css("border-color","red");
  970.         return;
  971.     }
  972.     
  973.     if(i_pop_menu_input_link.length < 1 || /^\s*$/.test(i_pop_menu_input_link)){
  974.         alert(sel_lang.textfield_empty_link);
  975.         $("#i_pop_menu_input_link").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  976.         $("#i_pop_menu_input_link").css("border-color","red");
  977.         return;
  978.     }
  979.     
  980.     // Link text invalid!
  981.     if(!/^https?\:\/\/.*/i.test(i_pop_menu_input_link)){
  982.         alert(sel_lang.textfield_invalid_link);
  983.         $("#i_pop_menu_input_link").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  984.         $("#i_pop_menu_input_link").css("border-color","red");        
  985.         return;
  986.     }
  987.     
  988.     $("#i_pop_menu_input_link, #i_pop_menu_input_name").parent().find("span").fadeOut(1000,function(){$(this).removeClass("error_icon_input");});                       
  989.     $("#i_pop_menu_input_link, #i_pop_menu_input_name").css("border-color","");     
  990.     
  991.     if(gp_set.services === undefined){return;}
  992.     
  993.     newServicesArrayInput = [i_pop_menu_input_name,i_pop_menu_input_link,parseInt(i_pop_menu_select),parseInt(i_pop_menu_typeview)];
  994.     
  995.     if(debug) console.log("Массив параметров нового сервиса:", newServicesArrayInput);
  996.     /*
  997.     for(var ser in gp_set.services){
  998.         if(ser.toLowerCase() === newServicesArrayInput[0].toLowerCase()){
  999.             return;
  1000.         }
  1001.     }*/
  1002.     
  1003.     gp_set.services.push(newServicesArrayInput); 
  1004.     saveStorage();
  1005.     alert(sel_lang.service_add_comp);
  1006.     
  1007.     $("#i_pop_menu").fadeOut(500,function(){
  1008.         $(".i_smoke_div_fog").fadeOut(1000,function(){
  1009.             
  1010.         $("#i_pop_menu_input_link, #i_pop_menu_input_name").parent().find("span").removeClass("error_icon_input");                       
  1011.         $("#i_pop_menu_input_link, #i_pop_menu_input_name").css("border-color","");         
  1012.             
  1013.         $("#i_pop_menu_input_name").val("");
  1014.         $("#i_pop_menu_input_link").val("http://");
  1015.         $("#i_pop_menu_typeview,#i_pop_menu_select").val("0");
  1016.         update_setting_val("clear");
  1017.         upperPanel("clear");
  1018.         updateDataNaprotivKashdogo("one");           
  1019.         });
  1020.     });
  1021.     
  1022. });
  1023.     
  1024. // Add service button end    
  1025. $("#i_pop_menu").children(":nth-child(2)").find("input").each(function(index, eleme){
  1026.     $(eleme).on("input", function(){
  1027.         var minlengt = /^\s*$/.test($(this).val());
  1028.         var empty_input = $(this).val().length < 1;
  1029.         var link_check = ($(this).attr("id")==="i_pop_menu_input_link" && !/https?\:\/\/.*/i.test($(this).val()));
  1030.  
  1031.         if(minlengt || empty_input || link_check){
  1032.             $(this).parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1033.             $(this).css("border-color","red");
  1034.         } else {
  1035.             $(this).parent().find("span").fadeOut(1000,function(){$(this).removeClass("error_icon_input");});                       
  1036.             $(this).css("border-color","");                     
  1037.         }
  1038.     });
  1039.     
  1040. });
  1041.     
  1042. $pop_meuni.fadeIn(1000);
  1043. } else {
  1044. $("#i_pop_menu").fadeIn(1000);    
  1045. }
  1046. });  
  1047. }
  1048.     
  1049. function setting_del_value(){
  1050.     if(confirm(sel_lang.q_del)){
  1051.        var arr_del = []; 
  1052.        $(".i_setting_div_body").find("input[type=checkbox]").each(function(index,eleme){
  1053.            if($(this).is(':checked')){
  1054.                arr_del.push(index);
  1055.            }
  1056.        });
  1057.         arr_del = arr_del.reverse();
  1058.         for(var k in arr_del){
  1059.         gp_set.services.splice(arr_del[k],1);
  1060.         }
  1061.     saveStorage();
  1062.     alert(sel_lang.services_del_comp);
  1063.  
  1064.     upperPanel("clear");
  1065.     updateDataNaprotivKashdogo();
  1066.     update_setting_val("clear");
  1067.     }
  1068. }
  1069.     
  1070. function focusInp(event){
  1071. var ev = event,
  1072.     elementClick = ev.target,
  1073.     objSet = {"left": elementClick.offsetLeft+350+"px", "top":(elementClick.offsetTop-25)+"px", "display": "block"};
  1074.  
  1075. if(elementClick.offsetParent.className !== "user_codesBox"){
  1076.  
  1077. $(".i_input_focus_close").css(objSet).click(function() {
  1078.   $(this).css({"display": "none"});
  1079. });
  1080.  
  1081. } else {
  1082.  
  1083. $(".utrack_input_focus_close").css(objSet).click(function() {
  1084.   $(this).css({"display": "none"});
  1085. });
  1086.  
  1087. }
  1088.     elementClick.className = "i_setting_el_zoom";
  1089.     elementClick.focus();
  1090. }
  1091.  
  1092. function blurInp(event){
  1093.     var el = event.target;
  1094.     $(".i_input_focus_close").add($(".utrack_input_focus_close")).css({"display": "none"});
  1095.     el.removeAttribute("class");
  1096. }
  1097.  
  1098. // Show window setting services    
  1099. function setting_window(){
  1100.     if($(".user_codesBox").is(":visible")){
  1101.  
  1102.         if(parseFloat($(".user_codesBox").css("left")) > parseFloat($("body").css("width"))/2){
  1103.             $(".user_codesBox").css("left","50%");
  1104.         }
  1105.  
  1106.         let leftOf = parseFloat($(".user_codesBox").css("left"))+parseFloat($(".user_codesBox").css("width"))+20;
  1107.  
  1108.         $(".i_setting_div").css("left",leftOf);
  1109.     } else {
  1110.         $(".i_setting_div").css("left","50%");
  1111.     }
  1112.  
  1113. $(".i_setting_div").fadeToggle(1000, function(){
  1114.     
  1115. if(!document.getElementsByClassName("PoleElTable")[0]){
  1116. update_setting_val();
  1117. }
  1118.  
  1119. });
  1120.  
  1121. }  // show setting end  
  1122. //--- End Setting edit, add, delete services 
  1123.  
  1124. // Start - Проверка трека напротив каждого трека    
  1125. var dannie_o_trekax=["","","","",""];
  1126. var codes_names = []; 
  1127.     
  1128. function NaprotuvKashdogo(){    
  1129. var rn_el=document.getElementsByClassName("track-container");
  1130. var title_wrapper = document.getElementsByClassName("title-wrapper");
  1131. var tek_pol=document.getElementsByClassName("checkpoint-status");
  1132.  
  1133. if(rn_el && title_wrapper && tek_pol){    
  1134. for(let i=0;i< rn_el.length;i++){
  1135.     var el_a=title_wrapper[i].getElementsByClassName("tracking-number")[0].innerText; 
  1136.     //var el_a=rn_el[i].getElementsByTagName("a")[0].innerText;
  1137.     //var el_div=(rn_el.className !="tracking-number")?rn_el[i].getElementsByTagName("a")[1].innerText:rn_el[i].getElementsByTagName("div")[0].innerText;
  1138.     //
  1139.     dannie_o_trekax[0]+=el_a+((i<rn_el.length-1)?",":""); // Track Number
  1140.     dannie_o_trekax[1]+=(title_wrapper[i].firstChild.data).replace(/\s+(.*)/i,"$1")+((i< rn_el.length-1)?"|":""); // Name order
  1141.     dannie_o_trekax[2]+= el_a+" - "+(title_wrapper[i].firstChild.data).replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')+((i< rn_el.length-1)?",":""); // Track Number + Name order
  1142.     dannie_o_trekax[3]+=(tek_pol[i].firstChild.data).replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')+((i< rn_el.length-1)?"|":""); // Status order
  1143.     title_wrapper[i].setAttribute("title", (title_wrapper[i].firstChild.data).replace(/\s+(.*)/i,"$1")+((i< rn_el.length-1)?"|":""));
  1144.    //
  1145.     var li_body = document.createElement("div");
  1146.     var li_body1 = document.createElement("div");    
  1147.     li_body.setAttribute("style", "margin-bottom: 25px;background: #f9f9f9;");
  1148.     li_body1.setAttribute("style", "position:absolute;");
  1149.     li_body1.className = "li_body_naprotiv_kashdogo";
  1150.     document.getElementsByClassName("track-list")[0].insertBefore(li_body,rn_el[i].nextSibling);
  1151.     document.getElementsByClassName("track-list")[0].insertBefore(li_body1,rn_el[i].nextSibling);
  1152.     
  1153.     for(let j=0;j<gp_set.services.length;j++){
  1154.     if(gp_set.services[j][2]){
  1155. let li = document.createElement("div");
  1156.     li.innerHTML='<span onclick="window.open(&quot;'+gp_set.services[j][1]+el_a+'&quot;);">'+gp_set.services[j][0]+'</span>';
  1157.     let rcol = getColorRND();
  1158.     li.setAttribute("style","background: linear-gradient("+rcol+");");
  1159.     li.className="track_service";
  1160.     li.title=sel_lang.otsl_na+gp_set.services[j][0];
  1161.     li_body1.appendChild(li);
  1162.     }
  1163.     }
  1164. }
  1165. } else {
  1166.     alert(sel_lang.error_create_buttons);
  1167. }
  1168. }
  1169. // End - Проверка трека напротив каждого трека
  1170.  
  1171. // ====================================== Пользовательские коды - Start  ======================================
  1172.  
  1173. $.fn.CanvasDraw = function(param){
  1174.     var canv = this,
  1175.         bgcolor = param.bgcolor,
  1176.         text_color = param.text_color,
  1177.         bord_color = param.bord_color,
  1178.  
  1179.         servname = param.servname,
  1180.         size = param.size,
  1181.  
  1182.         w = canv[0].width = size+6,
  1183.         h = canv[0].height = size+6,
  1184.         ctx;
  1185.  
  1186.  if(ctx = canv[0].getContext('2d')){
  1187.      ctx.fillStyle = bgcolor;
  1188.      ctx.fillRect(0,0,w,h);
  1189.  
  1190.      let textW_Pos = w/2,
  1191.          textH_Pos = h/2
  1192.  
  1193.      ctx.font="10px Georgia";
  1194.      ctx.textAlign="center";
  1195.      ctx.fillStyle = text_color;
  1196.      ctx.fillText(servname,textW_Pos,textH_Pos);
  1197.      // Stroke
  1198.      ctx.strokeStyle = bord_color;
  1199.      ctx.lineWidth = 6;
  1200.      ctx.strokeRect(0,0,w,h);
  1201.      return canv;
  1202.  
  1203.  } else {
  1204.      throw new Error("Canvas not supported!");
  1205.  }
  1206. };
  1207.  
  1208. function addMyTrack(param, w){
  1209.     var name_tov = param.name_tov,
  1210.         link = param.link,
  1211.         track_code = param.track_code,
  1212.  
  1213.         bgcol = param.bgcol || "yellow",
  1214.         texcol = param.texcol || "red",
  1215.         borcol = param.borcol || "#97b6d1",
  1216.  
  1217.         name_serv = param.name_serv,
  1218.         nubTrack = param.id,
  1219.         date_time = new Date(param.date),
  1220.         vidimost = param.visible;
  1221.  
  1222.     if(vidimost){
  1223.  
  1224.         var month = sel_lang.month,
  1225.  
  1226.             canv = $('<canvas style="border-radius: 5px;"></canvas>').CanvasDraw({size:38, servname:name_serv, bgcolor:bgcol, text_color:texcol, bord_color: borcol}),
  1227.  
  1228.             div = $('<div class="track-container track-'+nubTrack+'" data-utid="'+nubTrack+'"><div class="track "><div class="icon" id="canv"></div>'+
  1229.                     '<div class="title"><div class="title-wrapper" title="'+name_tov+'">'+name_tov+'<br><a class="tracking-number" href="'+link+track_code+'">'+track_code+'</a></div></div>'+
  1230.                     '<div class="time">'+date_time.getDate()+' '+month[date_time.getMonth()].toLowerCase()+'<span class="muted">'+date_time.getHours()+":"+(date_time.getMinutes()<10?'0'+date_time.getMinutes():date_time.getMinutes())+'</span></div>'+
  1231.                     '<div class="checkpoint"><div class="checkpoint-body "><div class="checkpoint-status">Информации о посылке пока нет</div></div></div>'+
  1232.                     '<div class="info">'+
  1233.                     '<div class="next-check">***</div>'+
  1234.                     '<div class="last-check">***</div>'+
  1235.                     '<div class="next-check">***</div>'+
  1236.                     '</div>'+
  1237.                     '<div class="actions">'+
  1238.                     /*'<span class="actions-split"></span>'+
  1239.                     '<a href="javascript:void(0);" class="btn btn-default btn-xs btn-modal-ajax" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="40 дней до напоминания"><i class="fa fa-hourglass-start"></i>40</a>'+
  1240.                     '<div class="btn-group btn-group-xs actions-grouped">'+
  1241.                     '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></button>'+
  1242.                     '<ul class="dropdown-menu">'+
  1243.                     '<li><a href="javascript:void(0);" class="btn-modal-ajax"><i class="fa fa-fw fa-folder-o"></i> в архив</a></li>'+
  1244.                     '<li><a href="javascript:void(0);" class="btn-modal-ajax"><i class="fa fa-fw fa-times"></i> удалить</a></li>'+
  1245.                     '</ul>'+
  1246.                     '</div>'+*/
  1247.                     '<div class="actions-split">'+
  1248.                     //'<a href="/ajax/track/33708807/archive" class="btn btn-xs btn-default btn-modal-ajax">В архив</a>'+
  1249.                     '<a href="/ajax/track/33708807/delete" class="btn btn-xs btn-default btn-modal-ajax btn-delete" title="Удалить"><i class="fa fa-times"></i></a>'+
  1250.                     '</div></div></div></div>');
  1251.  
  1252.         div.find(".icon").append(canv);
  1253.  
  1254.         div.find(".fa-times").click(function(){
  1255.             setting_del_userTrack(track_code);
  1256.         });
  1257.  
  1258.         if(w === "n"){
  1259.             $(".track-list").append(div);
  1260.         } else if(w === "c") {
  1261.             if($(".track-"+nubTrack).length>0) $(".track-"+nubTrack).replaceWith(div);
  1262.             else $(".track-list").append(div);
  1263.         }
  1264.     } else {
  1265.         $(".track-"+nubTrack).add($(".track-"+nubTrack).nextAll()).remove();
  1266.     }
  1267. }
  1268.  
  1269. // Функция Получения пользовательских кодов из localStorage
  1270. function userTracksItems(divEl){
  1271. let listItemsHTML = "";
  1272.  
  1273. if(gp_set.hasOwnProperty("my_tracks") && Object.keys(gp_set.my_tracks).length > 0){
  1274.     $(".user_codesButtons_save").fadeIn('slow');
  1275.  
  1276.     listItemsHTML = $("<div class='UserTable'>"+
  1277.         "<div class='UserTableCapt'>"+
  1278.         "<div>№</div>"+
  1279.         "<div>"+sel_lang.u_trackcode+"</div>"+
  1280.         "<div>"+sel_lang.u_nameTovar+"</div>"+
  1281.         "<div>"+sel_lang.u_nameServ+"</div>"+
  1282.         "<div>"+sel_lang.serv_link+"</div>"+
  1283.         "<div>"+sel_lang.u_iconfon+"</div>"+
  1284.         "<div>"+sel_lang.u_iconText+"</div>"+
  1285.         "<div>"+sel_lang.u_iconContur+"</div>"+
  1286.         "<div>"+sel_lang.u_viewOnMain+"</div>"+
  1287.         "<div>"+sel_lang.serv_del+"</div>"+
  1288.         "</div></div>");
  1289.  
  1290.     let numInd = 1;
  1291.  
  1292.     for(let user_tracks in gp_set.my_tracks){
  1293.         let u_tracks = gp_set.my_tracks[user_tracks];
  1294.         let listItems = $("<div class='UserTableRow'>"+
  1295.             "<div><div style='font: bold 0.8em sans-serif;border: 2px solid #ffad00;border-radius: 16px;background: white;color: #bf7f0a;line-height: 1.7;width: 20px;height: 20px;font-size: 1em;'>"+numInd+"</div></div>"+
  1296.             "<div><input type='text' value='"+u_tracks.track_code+"' id='user_track_code' style='text-transform: uppercase;'></div>"+
  1297.             "<div><input type='text' value='"+u_tracks.name_tov+"' id='user_track_tovarname'></div>"+
  1298.             "<div><input type='text' value='"+u_tracks.name_serv+"' id='user_track_servname'></div>"+
  1299.             "<div><input type='text' value='"+u_tracks.link+"' id='user_track_link'></div>"+
  1300.             "<div><input list='all_colors' type='text' value='"+u_tracks.bgcol+"' id='user_track_bgcol'></div>"+
  1301.             "<div><input list='all_colors' type='text' value='"+u_tracks.texcol+"' id='user_track_texcol'></div>"+
  1302.             "<div><input list='all_colors' type='text' value='"+u_tracks.borcol+"' id='user_track_borcol'></div>"+
  1303.             "<div><input type='checkbox' "+(u_tracks.visible?"checked ":"" )+" id='user_track_visible'></div>"+
  1304.             "<div><input type='checkbox' id='user_track_delete'></div></div>").data({"track_code":u_tracks.track_code});
  1305.         listItemsHTML.append(listItems);
  1306.         numInd++;
  1307.     }
  1308.     $(listItemsHTML).find("input[type!='checkbox']").each(function(index, elem){
  1309.         //input_el.id = (j === 0)?"name_services_otsl":"link_services_otsl";
  1310.         elem.addEventListener("focus",function(event){focusInp(event);});
  1311.         elem.addEventListener("blur",function(event){blurInp(event);});
  1312.     });
  1313.     //listItemsHTML+='</div>';
  1314.  
  1315. } else {
  1316.     $(".user_codesButtons_save").fadeOut('slow');
  1317.     listItemsHTML = $('<div style="text-align: center;font-size: 0.8em;background: white;border: 3px double red;border-radius: 5px;margin: 10px;padding: 5px;">'+sel_lang.listUserTrackEmptyAddTrack+'</div>');
  1318. }
  1319.     $(divEl).find(".user_codesList").empty().html(listItemsHTML);
  1320.  
  1321.     checkUserDelElemet($(divEl).find("div.UserTable"));
  1322. }
  1323.  
  1324. // ============================================================
  1325. function checkUserDelElemet(el){
  1326.     // CheckBox checked user tracks delete
  1327.    $(el).find("#user_track_delete[type=checkbox]").each(function(index,eleme){
  1328.         $(eleme).on("click",function(){
  1329.  
  1330.             if($(this).is(':checked')) $(".user_codesButtons_del").css({"display":"inline-block"}).animate({opacity:"+=1.0"});
  1331.  
  1332.             $(".user_codesButtons_del").text(sel_lang.serv_del+" ("+$(".UserTable").find("#user_track_delete:checked").length+")");
  1333.  
  1334.             if($(".UserTable").find("#user_track_delete:checked").length <= 0){
  1335.                 $(".user_codesButtons_del").text(sel_lang.serv_del);
  1336.                 $(".user_codesButtons_del").fadeOut(1000,function(){$(this).css("opacity","0");});
  1337.             }
  1338.         });
  1339.     });
  1340.  
  1341.     if($(".UserTable").find("#user_track_delete:checked").length <= 0){
  1342.         $(".user_codesButtons_del").text(sel_lang.serv_del);
  1343.         $(".user_codesButtons_del").fadeOut(1000,function(){$(this).css("opacity","0");});
  1344.     }
  1345. }
  1346.  
  1347. function checkColor(param){
  1348.     let def_col = param.def_col,
  1349.         new_col = param.new_col,
  1350.         palitra = param.palitra;
  1351.  
  1352.     if(/^\s?$/.test(new_col) || new_col === "" || palitra.indexOf(new_col.toLowerCase()) === -1 && !/^(#[0-9a-f]{6}|#[0-9a-f]{3})$/i.test(new_col)){
  1353.         new_col = def_col;
  1354.     }
  1355.  
  1356.     return new_col;
  1357. }
  1358.  
  1359. function validColor(param){
  1360.     let new_col = param.new_col,
  1361.         palitra = param.palitra,
  1362.         result = true;
  1363.  
  1364.     if(/^\s?$/.test(new_col) || new_col === "" || palitra.indexOf(new_col.toLowerCase()) === -1 && !/^(#[0-9a-f]{6}|#[0-9a-f]{3})$/i.test(new_col)){
  1365.       result = false
  1366.     }
  1367.  
  1368.     return result;
  1369. }
  1370.  
  1371. function userTracksAdd(){
  1372. $(".i_smoke_div_fog").fadeIn(1000, function(){
  1373. if(!$("#i_pop_menu_track").length){
  1374. //Введите данные трека:\nПример:\nИмя службы, Ссылка службы, Название товара, трэк-код, цвет фона иконки (необяз. парам.), цвет текста иконки (необяз. парам.)
  1375. var $pop_meuni = $("<div id='i_pop_menu_track' style='display:none;position: fixed;width: 330px;left: 50%;top: 50%;border: 1px solid silver;background: linear-gradient(#c1c1c1,white);z-index: 9999999;margin-left: -150px;margin-top: -100px;border-radius: 8px;'>\
  1376.                    \<div style='width: 100%;background: linear-gradient(silver,#808686);text-align: center;border-radius: 8px 8px 0 0;color: white;padding: 3px;border-bottom: 2px dotted white;'><div style='float:right;float: right;cursor: pointer; margin-right: 5px; font-size: 10pt;' id='i_pop_menu_close_b'>X</div>"+sel_lang.addtrackcode+"</div>\
  1377.                    \<div style='padding: 5px;    color: #5f5d5d;    font: normal 12px/14px monospace;text-align:right;'>\
  1378.                    \<p>"+sel_lang.u_nameServ+": <input id='i_pop_menu_track_input_name' type='text' value placeholder='"+sel_lang.u_nameServ+"' /><span title='"+sel_lang.text_Error+"'></span></p>\
  1379.                    \<p>"+sel_lang.u_linkServ+": <input id='i_pop_menu_track_input_link' type='text' value='http://' placeholder='"+sel_lang.u_enterLink+"' /><span title='"+sel_lang.text_Error+"'></span></p>\
  1380.                    \<p>"+sel_lang.u_nameTovar+": <input id='i_pop_menu_track_input_namegood' type='text' value='' placeholder='"+sel_lang.u_nameTovar+"' /><span title='"+sel_lang.text_Error+"'></span></p>\
  1381.                    \<p>"+sel_lang.u_trackcode+": <input id='i_pop_menu_track_input_trackcode' style='text-transform: uppercase;' type='text' value='' placeholder='"+sel_lang.u_trackcode+"' /><span title='"+sel_lang.text_Error+"'></span></p>\
  1382.                    \<div style='display: table;'>\
  1383.                    \<div style='display: table-cell;width: 50%;text-align: left;padding: 5px 20px;border-right: 1px dotted silver;vertical-align: middle;'>\
  1384.                    \<p>"+sel_lang.u_iconfon+": <input list='all_colors' id='i_pop_menu_track_input_bgcanv' type='text' value='' placeholder='"+sel_lang.u_iconfon+"' /></p>\
  1385.                    \<p>"+sel_lang.u_iconText+": <input list='all_colors' id='i_pop_menu_track_input_colcanv' type='text' value='' placeholder='"+sel_lang.u_iconText+"' /></p>\
  1386.                    \<p>"+sel_lang.u_iconContur+": <input list='all_colors' id='i_pop_menu_track_input_borcanv' type='text' value='' placeholder='"+sel_lang.u_iconContur+"' /></p>\
  1387.                    \</div>\
  1388.                    \<div style='display: table-cell;width: 50%;text-align: center;padding: 5px;vertical-align: middle;'>\
  1389.                    \<div style='font-weight: bold;margin-bottom: 5px;'>"+sel_lang.u_icon+":</div>\
  1390.                    \<canvas style='box-shadow: 4px 4px 8px #616060;zoom: 1.5;border-radius: 5px;'>Canvas not support!</canvas></div>\
  1391.                    \</div>\
  1392.                    \<p style='text-align: center;margin-bottom: 15px;'>"+sel_lang.u_viewOnMain+": <input id='i_pop_menu_track_input_visible' type='checkbox' checked='true' /></p>\
  1393.                    \<div disabled id='i_pop_menu_track_button_add' style='width: 150px;margin: 5px auto;height: 30px;line-height: 30px;background: linear-gradient(#75f575,#16bf02);color: white;border-radius: 8px;box-shadow: 2px 2px 5px silver;cursor:pointer; text-align:center;'>"+sel_lang.button_add+"</div>\
  1394.                    \</div></div>");
  1395.  
  1396. let canv = $pop_meuni.find("canvas").CanvasDraw({size:38,servname: sel_lang.canvTest,bgcolor:"yellow",text_color:"red",bord_color: "#97b6d1"}),
  1397.  
  1398.     datalist = $('<datalist id="all_colors"></datalist>');
  1399.     $.each(all_color, function( index, value ) {
  1400.         let op = $('<option>').val(value);
  1401.         datalist.append(op);
  1402.     });
  1403.     $pop_meuni.append(datalist);
  1404.  
  1405. $("body").append($pop_meuni,);
  1406.  
  1407.     $("#i_pop_menu_track_input_name").add($("#i_pop_menu_track_input_bgcanv")).add($("#i_pop_menu_track_input_colcanv")).add($("#i_pop_menu_track_input_borcanv")).on("input", function(){
  1408.        let bgcol = $("#i_pop_menu_track_input_bgcanv").val(),
  1409.            t_color = $("#i_pop_menu_track_input_colcanv").val(),
  1410.            bor_color =$("#i_pop_menu_track_input_borcanv").val(),
  1411.            serv_text = $("#i_pop_menu_track_input_name").val();
  1412.  
  1413.         bgcol = checkColor({def_col:"yellow", new_col:bgcol, palitra:all_color});
  1414.         t_color = checkColor({def_col:"red", new_col:t_color, palitra:all_color});
  1415.         bor_color = checkColor({def_col:"#97b6d1", new_col:bor_color, palitra:all_color});
  1416.  
  1417.         if(/^\s?$/.test(serv_text) || serv_text === undefined) serv_text = sel_lang.canvTest;
  1418.  
  1419.         $(canv).CanvasDraw({size:38,servname:serv_text.slice(0,6),bgcolor:bgcol,text_color:t_color,bord_color: bor_color})
  1420.     });
  1421.  
  1422. // Close button
  1423. $("#i_pop_menu_track").find("#i_pop_menu_close_b").click(function(){
  1424.     $pop_meuni.fadeOut(1000,function(){
  1425.         $(".i_smoke_div_fog").fadeOut(1000,function(){
  1426.             $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").parent().find("span").removeClass("error_icon_input");
  1427.             $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").css("border-color","");
  1428.  
  1429.             $("#i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").val("");
  1430.             $("#i_pop_menu_track_input_link").val("http://");
  1431.  
  1432.             $("#i_pop_menu_track_input_bgcanv").val("yellow");
  1433.             $("#i_pop_menu_track_input_colcanv").val("red");
  1434.             $(canv).CanvasDraw({size:58,servname:sel_lang.canvTest,bgcolor:"yellow",text_color:"red",bord_color: "#97b6d1"});
  1435.         });
  1436.     });
  1437. });
  1438. // Close button end
  1439.  
  1440. // Add user track button
  1441. $("#i_pop_menu_track_button_add").hover(function(e){
  1442.     $(this).css("background",e.type === "mouseenter" ? "linear-gradient(rgb(26, 107, 26), rgb(48, 253, 21))":"linear-gradient(#75f575,#16bf02)");
  1443. });
  1444.  
  1445. $("#i_pop_menu_track_button_add").click(function(){
  1446.  
  1447.     var newServicesObjInput = [],
  1448.         i_pop_menu_input_link = $("#i_pop_menu_track_input_link").val(),
  1449.         i_pop_menu_input_name = $("#i_pop_menu_track_input_name").val(),
  1450.  
  1451.         i_pop_menu_track_input_namegood = $("#i_pop_menu_track_input_namegood").val(),
  1452.         i_pop_menu_track_input_trackcode = $("#i_pop_menu_track_input_trackcode").val(),
  1453.  
  1454.         i_pop_menu_track_input_bgcanv = $("#i_pop_menu_track_input_bgcanv").val(),
  1455.         i_pop_menu_track_input_colcanv = $("#i_pop_menu_track_input_colcanv").val(),
  1456.         i_pop_menu_track_input_borcanv = $("#i_pop_menu_track_input_borcanv").val(),
  1457.  
  1458.         i_pop_menu_track_input_visible = $("#i_pop_menu_track_input_visible").prop('checked'),
  1459.  
  1460.         old_id = null;
  1461.  
  1462.     // UperCase
  1463.     i_pop_menu_track_input_trackcode = i_pop_menu_track_input_trackcode.toUpperCase();
  1464.  
  1465.     //Check color
  1466.     i_pop_menu_track_input_bgcanv = checkColor({def_col:"yellow", new_col:i_pop_menu_track_input_bgcanv, palitra:all_color});
  1467.     i_pop_menu_track_input_colcanv = checkColor({def_col:"red", new_col:i_pop_menu_track_input_colcanv, palitra:all_color});
  1468.     i_pop_menu_track_input_borcanv = checkColor({def_col:"#97b6d1", new_col:i_pop_menu_track_input_borcanv, palitra:all_color});
  1469.  
  1470.     // Text empty!
  1471.     if(i_pop_menu_input_name.length < 1 || /^\s*$/.test(i_pop_menu_input_name)){
  1472.         alert(sel_lang.textfield_empty_name);
  1473.         $("#i_pop_menu_track_input_name").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1474.         $("#i_pop_menu_track_input_name").css("border-color","red");
  1475.         return;
  1476.     }
  1477.  
  1478.     if(i_pop_menu_input_link.length < 1 || /^\s*$/.test(i_pop_menu_input_link)){
  1479.         alert(sel_lang.textfield_empty_link);
  1480.         $("#i_pop_menu_track_input_link").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1481.         $("#i_pop_menu_track_input_link").css("border-color","red");
  1482.         return;
  1483.     }
  1484.  
  1485.     // Link text invalid!
  1486.     if(!/^https?\:\/\/.+/i.test(i_pop_menu_input_link)){
  1487.         alert(sel_lang.textfield_invalid_link);
  1488.         $("#i_pop_menu_track_input_link").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1489.         $("#i_pop_menu_track_input_link").css("border-color","red");
  1490.         return;
  1491.     }
  1492.     // Tovar name
  1493.     if(i_pop_menu_track_input_namegood.length < 1 || /^\s*$/.test(i_pop_menu_track_input_namegood)){
  1494.         alert(sel_lang.nameTovarEmptyNoName);
  1495.         i_pop_menu_track_input_namegood =  sel_lang.nonameTovar;
  1496.         $("#i_pop_menu_track_input_namegood").val(i_pop_menu_track_input_namegood);
  1497.     }
  1498.  
  1499.     // Трэк-код
  1500.     if(i_pop_menu_track_input_trackcode.length < 1 || /^\s*$/.test(i_pop_menu_track_input_trackcode) || /\W|_/g.test(i_pop_menu_track_input_trackcode)){
  1501.         let matchSpecSymb = i_pop_menu_track_input_trackcode.match(/\W|_/g)
  1502.         matchSpecSymb = matchSpecSymb?matchSpecSymb.join(" "):"";
  1503.         alert(sel_lang.u_error_trackcode+" "+matchSpecSymb+".");
  1504.         $("#i_pop_menu_track_input_trackcode").parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1505.         $("#i_pop_menu_track_input_trackcode").css("border-color","red");
  1506.         return;
  1507.     }
  1508.  
  1509.     $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").parent().find("span").fadeOut(1000,function(){$(this).removeClass("error_icon_input");});
  1510.     $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").css("border-color","");
  1511.  
  1512.     if(!gp_set.hasOwnProperty("my_tracks")){
  1513.         gp_set.my_tracks = {};
  1514.     }
  1515.  
  1516.     if(gp_set.my_tracks.hasOwnProperty(i_pop_menu_track_input_trackcode)){
  1517.         if(confirm(sel_lang.usertrackalreadyAddRewrite)){
  1518.             old_id = gp_set.my_tracks[i_pop_menu_track_input_trackcode].id;
  1519.         }
  1520.         else return;
  1521.     }
  1522.  
  1523.     newServicesObjInput = {
  1524.         name_serv: i_pop_menu_input_name,
  1525.         link: i_pop_menu_input_link,
  1526.         name_tov: i_pop_menu_track_input_namegood,
  1527.         track_code: i_pop_menu_track_input_trackcode,
  1528.         bgcol: i_pop_menu_track_input_bgcanv,
  1529.         texcol: i_pop_menu_track_input_colcanv,
  1530.         borcol: i_pop_menu_track_input_borcanv,
  1531.         date: new Date().getFullYear()+"-"+(new Date().getMonth()<10?"0"+(new Date().getMonth()+1):new Date().getMonth()+1)+"-"+new Date().getDate()+" "+new Date().getHours()+":"+new Date().getMinutes(),
  1532.         visible: i_pop_menu_track_input_visible,
  1533.         id: (old_id)?old_id:"user-"+Math.floor(Math.random()*100000)
  1534.     };
  1535.  
  1536.     if(debug) console.log("Объект параметров польз. кода", newServicesObjInput);
  1537.  
  1538.     gp_set.my_tracks[i_pop_menu_track_input_trackcode] = newServicesObjInput;
  1539.  
  1540.     saveStorage();
  1541.  
  1542.     if(newServicesObjInput.visible){
  1543.         if(old_id) UpdateUserTrackMainWin(newServicesObjInput, 'c');
  1544.         else UpdateUserTrackMainWin(newServicesObjInput, 'n');
  1545.     }
  1546.  
  1547.     $("#i_pop_menu_track").fadeOut(500,function(){
  1548.         $(".i_smoke_div_fog").fadeOut(1000,function(){
  1549.  
  1550.             $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").parent().find("span").removeClass("error_icon_input");
  1551.             $("#i_pop_menu_track_input_link, #i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").css("border-color","");
  1552.  
  1553.             $("#i_pop_menu_track_input_name, #i_pop_menu_track_input_namegood, #i_pop_menu_track_input_trackcode").val("");
  1554.             $("#i_pop_menu_track_input_link").val("http://");
  1555.  
  1556.             $("#i_pop_menu_track_input_bgcanv").val("yellow");
  1557.             $("#i_pop_menu_track_input_colcanv").val("red");
  1558.             $("#i_pop_menu_track_input_borcanv").val("#97b6d1");
  1559.             $(canv).CanvasDraw({size:38,servname:"ТЕСТ",bgcolor:"yellow",text_color:"red",bord_color: "#97b6d1"});
  1560.  
  1561.             userTracksItems($(".user_codesBox"));
  1562.         });
  1563.     });
  1564.  
  1565. });
  1566. // Add user track button end
  1567.  
  1568. $("#i_pop_menu_track").children(":nth-child(2)").find("input").each(function(index, eleme){
  1569.     $(eleme).on("input", function(){
  1570.         var minlengt = /^\s*$/.test($(this).val());
  1571.         var empty_input = $(this).val().length < 1;
  1572.         var link_check = ($(this).attr("id")==="i_pop_menu_track_input_link" && !/https?\:\/\/.*/i.test($(this).val()));
  1573.  
  1574.         if(minlengt || empty_input || link_check){
  1575.             $(this).parent().find("span").addClass("error_span_input error_icon_input").fadeIn(1000);
  1576.             $(this).css("border-color","red");
  1577.         } else {
  1578.             $(this).parent().find("span").fadeOut(1000,function(){$(this).removeClass("error_icon_input");});
  1579.             $(this).css("border-color","");
  1580.         }
  1581.     });
  1582. });
  1583.  
  1584. $pop_meuni.fadeIn(1000);
  1585. } else {
  1586. $("#i_pop_menu_track").fadeIn(1000);
  1587. }
  1588. });
  1589. }
  1590. // ============================================================
  1591.  
  1592. // Функция Сохранить изменения польз. кодов
  1593. function poleDetect(inp, objs, tip){
  1594.     let objName = "",
  1595.         el = $(inp);
  1596.  
  1597.     switch(el.attr("id")){
  1598.         case "user_track_servname":
  1599.             objs.name_serv = el.val().toUpperCase();
  1600.             objName = "name_serv";
  1601.             break;
  1602.         case "user_track_link":
  1603.             objs.link = el.val();
  1604.             objName = "link";
  1605.             break;
  1606.         case "user_track_tovarname":
  1607.             objs.name_tov = el.val();
  1608.             objName = "name_tov";
  1609.             break;
  1610.         case "user_track_code":
  1611.             objs.track_code = el.val().toUpperCase();
  1612.             objName = "track_code";
  1613.             break;
  1614.         case "user_track_bgcol":
  1615.             objs.bgcol = el.val();
  1616.             objName = "bgcol";
  1617.             break;
  1618.         case "user_track_texcol":
  1619.             objs.texcol = el.val();
  1620.             objName = "texcol";
  1621.             break;
  1622.         case "user_track_borcol":
  1623.             objs.borcol = el.val();
  1624.             objName = "borcol";
  1625.             break;
  1626.         case "user_track_visible":
  1627.             objs.visible = el.is(':checked');
  1628.             objName = "visible";
  1629.             break;
  1630.     }
  1631.     if(tip === "propName") return objName;
  1632. }
  1633.  
  1634. function userTracksSave(){
  1635.     try{
  1636.         if(debug) console.log("Сохраняем польз. трэк-код...");
  1637.         var temp_zapis = {},
  1638.             save_value = true;
  1639.  
  1640.         $(".UserTableRow").each(function(indx, elS){
  1641.             var stroke_error = indx+1,
  1642.                 track_code = $(elS).data().track_code;
  1643.  
  1644.             temp_zapis[track_code] = {};
  1645.  
  1646.             $(elS).find("input[id!='user_track_delete']").each(function(index, eleme){
  1647.  
  1648.                 let namePoleError = $(".UserTableCapt > div").eq(index+1).text();
  1649.  
  1650.                 // Если это поле трэк-кода
  1651.                 if($(this).attr("id") === "user_track_code"){
  1652.  
  1653.                     if(!/^\s*$/.test($(this).val()) && /\W|_$/g.test($(this).val())){
  1654.                         let matchSpecSymb = $(this).val().match(/\W|_/g).join(" ");
  1655.                         //alert(`Ошибка:\nПоле трэк-кода, содержит неверные символы ${matchSpecSymb}, в столбце "${namePoleError}", строка №${stroke_error}`);
  1656.                         alert(sel_lang.u_error_trackcodeFull[0]+matchSpecSymb+sel_lang.u_error_trackcodeFull[1]+namePoleError+sel_lang.u_error_trackcodeFull[2]+stroke_error);
  1657.                         save_value = false;
  1658.  
  1659.                         return false;
  1660.                     }
  1661.  
  1662.                      if(!gp_set.my_tracks.hasOwnProperty($(this).val()) &&
  1663.                         !/^\s*$/.test($(this).val())
  1664.                         && confirm(sel_lang.u_error_trackcodeChangeFull[0]+namePoleError+sel_lang.u_error_trackcodeChangeFull[1]+stroke_error+sel_lang.u_error_trackcodeChangeFull[2])){// Трэк-код был изменен!
  1665.                          //confirm(`Внимание:\nПоле трэк-кода, было изменено на новое значение, в столбце "${namePoleError}", строка №${stroke_error}, вы действительно хотите изменить значание?`)
  1666.                          let newTrackcode = $(this).val().toUpperCase();
  1667.  
  1668.                          if(gp_set.my_tracks.hasOwnProperty(track_code)){
  1669.                              gp_set.my_tracks[track_code].track_code = newTrackcode;
  1670.                              temp_zapis[newTrackcode] = gp_set.my_tracks[newTrackcode] = gp_set.my_tracks[track_code];
  1671.  
  1672.                              delete temp_zapis[track_code]
  1673.                              delete gp_set.my_tracks[track_code]
  1674.                          }
  1675.                          track_code = newTrackcode;
  1676.  
  1677.                          $(elS).data().track_code = newTrackcode;
  1678.                          $(this).val(track_code);
  1679.  
  1680.                      }
  1681.                 }
  1682.  
  1683.                 // Если поле пустое
  1684.                 if($(this).val().length < 1 || /^\s*$/.test($(this).val())){
  1685.                     alert(sel_lang.u_error_fieldEmptyFull[0]+namePoleError+sel_lang.u_error_fieldEmptyFull[1]+stroke_error);
  1686.                     //alert(`Ошибка:\nПустое поле в столбце "${namePoleError}", строка №${stroke_error}`);
  1687.                     if(gp_set.my_tracks.hasOwnProperty(track_code)){
  1688.                         let restoreNameProp =  poleDetect(this, gp_set.my_tracks, 'propName');
  1689.  
  1690.                         $(this).val(gp_set.my_tracks[track_code][restoreNameProp]);
  1691.                     }
  1692.  
  1693.                     save_value = false;
  1694.  
  1695.                     return false;
  1696.                 }
  1697.                 // Если это поле ссылки, проверяем ее...
  1698.                 if($(this).attr("id") === "user_track_link" && !/^https?\:\/\/.+/i.test($(this).val())){
  1699.                     alert(sel_lang.u_error_FullError[0]+namePoleError+sel_lang.u_error_FullError[1]+stroke_error);
  1700.                     //alert(`Ошибка:\n${namePoleError} указана неверно, в строке №"${stroke_error}`);
  1701.  
  1702.                     if(confirm(sel_lang.return_prev_val))$(this).val(gp_set.my_tracks[track_code].link);
  1703.  
  1704.                     save_value = false;
  1705.  
  1706.                     return false;
  1707.                 }
  1708.  
  1709.                 // Проверяем поля фон,текст и бордер (цвета)
  1710.                 let m_inp_col = ["user_track_bgcol", "user_track_texcol", "user_track_borcol"];
  1711.                 if(m_inp_col.indexOf($(this).attr("id")) !== -1){
  1712.                     if(!validColor({new_col:$(this).val(), palitra:all_color})){
  1713.                         alert(sel_lang.u_error_colorFull[0]+namePoleError+sel_lang.u_error_colorFull[1]+stroke_error);
  1714.                         //alert(`Ошибка:\nЦвет указан неверно, в столбце "${namePoleError}", строка №${stroke_error}`);
  1715.                         if(gp_set.my_tracks.hasOwnProperty(track_code)){
  1716.                             let restoreNameProp =  poleDetect(this, gp_set.my_tracks, 'propName');
  1717.                             $(this).val(checkColor({def_col:gp_set.my_tracks[track_code][restoreNameProp], new_col:$(this).val(), palitra:all_color}));
  1718.                             save_value = false;
  1719.                             return false;
  1720.                         }
  1721.                     }
  1722.                 }
  1723.  
  1724.                 // Если ошибок нет, сохраняем значения в свойства объекта
  1725.                 if(save_value){
  1726.                     poleDetect(this, temp_zapis[track_code], 'propSave');
  1727.                 }
  1728.  
  1729.             });
  1730.  
  1731.             if(save_value){
  1732.                 temp_zapis[track_code].date = new Date().getFullYear()+"-"+(new Date().getMonth()<10?"0"+(new Date().getMonth()+1):new Date().getMonth()+1)+"-"+new Date().getDate()+" "+new Date().getHours()+":"+new Date().getMinutes(); // change date
  1733.                 temp_zapis[track_code].id = gp_set.my_tracks[track_code].id;
  1734.             } else{
  1735.                 temp_zapis = {};
  1736.                 return false;
  1737.             }
  1738.         });
  1739.  
  1740.         if(debug) console.log("Объект измененных параметров и кол-во элементов:",temp_zapis,Object.keys(temp_zapis).length);
  1741.  
  1742.         if(save_value && Object.keys(temp_zapis).length>0 && confirm(sel_lang.q_save)){
  1743.             gp_set.my_tracks = temp_zapis;
  1744.             saveStorage();
  1745.             alert(sel_lang.danie_edit);
  1746.             upperPanel("clear");
  1747.             for(var i in gp_set.my_tracks) UpdateUserTrackMainWin(gp_set.my_tracks[i], 'c');
  1748.             updateDataNaprotivKashdogo();
  1749.         }
  1750.     } catch(e){
  1751.         console.log(e);
  1752.     }
  1753. }
  1754.  
  1755. function UpdateUserTrackMainWin(tracks, w){
  1756.     if(w === 'd'){ // remove
  1757.         $(".track-"+tracks.id).add($(".track-"+tracks.id).nextAll()).remove();
  1758.     } else if(w === 'c') { // change
  1759.         addMyTrack(tracks, "c");
  1760.     } else if(w === 'n' || w === undefined || w === null){ // new
  1761.         addMyTrack(tracks, "n");
  1762.     }
  1763.     updateDataNaprotivKashdogo();
  1764. }
  1765.  
  1766. // Функция удаления польз. кодов
  1767. function setting_del_userTrack(){
  1768.     if(confirm(sel_lang.deleteselectedTrackcodes)){
  1769.         var arr_del = [];
  1770.         $(".user_codesList").find("#user_track_delete:checked").each(function(index,eleme){
  1771.             let elUp = eleme.parentElement.parentElement,
  1772.                 trDel = $(elUp).data().track_code;
  1773.  
  1774.             if(trDel.length>0) arr_del.push(gp_set.my_tracks[trDel]);
  1775.         });
  1776.         if(debug) console.log("Удаляем трэк-коды:",arr_del.join(", "));
  1777.  
  1778.         for(var k=0; k < arr_del.length; k++){
  1779.             if(gp_set.my_tracks.hasOwnProperty(arr_del[k].track_code)){
  1780.                 UpdateUserTrackMainWin(arr_del[k], 'd');
  1781.                 delete gp_set.my_tracks[arr_del[k].track_code];
  1782.             }
  1783.         }
  1784.         saveStorage();
  1785.  
  1786.         alert(sel_lang.userTrackcodesDeleted);
  1787.  
  1788.         updateDataNaprotivKashdogo();
  1789.         userTracksItems($(".user_codesBox"));
  1790.     }
  1791. }
  1792.  
  1793. // Функция загрузки польз. кодов при старте
  1794. function onStartViewUserTracks(){
  1795.     if(gp_set.hasOwnProperty("my_tracks") && Object.keys(gp_set.my_tracks).length > 0){
  1796.             for(let user_tracks in gp_set.my_tracks){
  1797.                 let u_tracks = gp_set.my_tracks[user_tracks];
  1798.                 if(u_tracks.visible){
  1799.                     addMyTrack({
  1800.                         name_serv: u_tracks.name_serv,
  1801.                         link: u_tracks.link,
  1802.                         name_tov: u_tracks.name_tov,
  1803.                         track_code: u_tracks.track_code,
  1804.                         bgcol: u_tracks.bgcol,
  1805.                         texcol: u_tracks.texcol,
  1806.                         borcol: u_tracks.borcol,
  1807.                         date: u_tracks.date,
  1808.                         id: u_tracks.id,
  1809.                         visible: u_tracks.visible
  1810.                     }, 'n');
  1811.                 }
  1812.             }
  1813.     }
  1814. }
  1815.  
  1816. function myTracks(){
  1817. try{
  1818.     if(!gp_set.hasOwnProperty("my_tracks")){
  1819.         gp_set.my_tracks={};
  1820.         saveStorage();
  1821.     }
  1822.  
  1823.     let u_codesButton = $('<span class="user_buttonShow" title="'+sel_lang.addtrackcode+'">'+sel_lang.addtrackcode+'</span>');
  1824.         if(window.location.pathname.indexOf("/form")>-1) u_codesButton[0].className = "user_buttonShow modify"
  1825.  
  1826.     u_codesButton.click(function(){
  1827.         if($(".user_codesBox").length === 0){
  1828.            let u_codesBox = $('<div class="user_codesBox">'+
  1829.            '<div class="user_codesBoxTitle"><span>'+sel_lang.userTrackcodes+'<div style="float:right; cursor:pointer;margin-right: 5px;">X</div></span></div>'+
  1830.            '<div class="user_codesList"></div>'+
  1831.            '<div class="user_codesButtons">'+
  1832.               '<div class="i_setting_div_button user_codesButtons_add">'+sel_lang.add_serv+'</div>'+
  1833.               '<div class="i_setting_div_button user_codesButtons_save">'+sel_lang.save_serv+'</div>'+
  1834.               '<div class="i_setting_div_button user_codesButtons_del">'+sel_lang.serv_del+'</div>'+
  1835.            '</div>'+
  1836.            '<div class="utrack_input_focus_close" title="'+sel_lang.bClose+'">X</div>'+
  1837.            '</div>'),
  1838.  
  1839.             datalist = $('<datalist id="all_colors"></datalist>');
  1840.             $.each(all_color, function( index, value ) {
  1841.                 let op = $('<option>').val(value);
  1842.                 datalist.append(op);
  1843.             });
  1844.             // Добавляем итемы в список из localStorage
  1845.             userTracksItems(u_codesBox);
  1846.             u_codesBox.append(datalist);
  1847.  
  1848.             $(".checkbox_div").append(u_codesBox);
  1849.  
  1850.             // Обработчики событий
  1851.             // Кнопка закрыть
  1852.             $(".user_codesBoxTitle").find("span div").click(function(){
  1853.                 $(".user_codesBox").fadeToggle("slow", function(){
  1854.                     if(!$(".user_codesBox").is(":visible")){
  1855.                         $(".i_setting_div").css("left","50%");
  1856.                         $(u_codesBox).find(".user_codesList").empty();
  1857.                     }
  1858.                 });
  1859.             });
  1860.  
  1861.             // Кнопка Создать
  1862.             $(".user_codesBox").find(".user_codesButtons_add").click(userTracksAdd);
  1863.             // Кнопка Сохранить
  1864.             let saveAll= $(".user_codesBox").find(".user_codesButtons_save").click(userTracksSave);
  1865.  
  1866.             if(Object.keys(gp_set.my_tracks).length === 0){
  1867.                 saveAll.css("display","none");
  1868.             }
  1869.             // Кнопка Удалить
  1870.             $(".user_codesBox").find(".user_codesButtons_del").click(setting_del_userTrack);
  1871.            } else {
  1872.                $(".user_codesList").empty();
  1873.                userTracksItems(".user_codesBox");
  1874.            }
  1875.  
  1876.         if($(".i_setting_div").is(":visible")){
  1877.  
  1878.             if(parseFloat($(".i_setting_div").css("left")) > parseFloat($("body").css("width"))/2){
  1879.                 $(".i_setting_div").css("left","50%");
  1880.             }
  1881.  
  1882.            let leftOf = parseFloat($(".i_setting_div").css("left"))+parseFloat($(".i_setting_div").css("width"))+20;
  1883.                $(".user_codesBox").css("left",leftOf);
  1884.            } else {
  1885.                $(".user_codesBox").css("left","50%");
  1886.            }
  1887.  
  1888.         $(".user_codesBox").fadeToggle("slow");
  1889.     });
  1890.  
  1891.     if(window.location.pathname.indexOf("/form")>-1){
  1892.         $("div.container.tracking-form").find(".help-block li").append(u_codesButton)
  1893.     } else {
  1894.         $(".checkbox_div").append(u_codesButton);
  1895.     }
  1896.  
  1897.     onStartViewUserTracks();
  1898.  
  1899. } catch(e){
  1900. console.log(e);
  1901. }
  1902. }
  1903. // Пользовательские коды - End
  1904.     
  1905. function init(){
  1906. try{
  1907. // -------------------------------- Init -----------------------------
  1908. var i_setting_div = document.createElement("div"); 
  1909. var i_setting_div_caption = document.createElement("div");
  1910. var i_setting_div_body = document.createElement("div"); 
  1911. var i_setting_div_foot = document.createElement("div");
  1912.     
  1913. var i_setting_div_resetservices = document.createElement("div"); 
  1914.     i_setting_div_resetservices.innerText = sel_lang.reser_serv;
  1915.     $(i_setting_div_resetservices).css({"float": "left",    "font-size": "0.8em",    "margin-top": "20px",    "cursor": "pointer"});
  1916.     $(i_setting_div_resetservices).click(function(){
  1917.     if(confirm(sel_lang.q_reset_serv)) {
  1918.         resetDefaultServices();
  1919.     }
  1920.     });
  1921.     
  1922. var i_setting_div_add_button = document.createElement("div"); 
  1923.     i_setting_div_add_button.innerText = sel_lang.add_serv;    
  1924. var i_setting_div_save_button = document.createElement("div");
  1925.     i_setting_div_save_button.innerText = sel_lang.save_serv;
  1926.     
  1927. var i_setting_div_del_button = document.createElement("div");
  1928.     i_setting_div_del_button.innerText = sel_lang.serv_del;    
  1929.    
  1930.     i_setting_div.className = "i_setting_div";
  1931.     i_setting_div_caption.className = "i_setting_div_caption";
  1932.     i_setting_div_caption.innerHTML = "<span>"+sel_lang.setting+"</span>";
  1933.     $(i_setting_div_caption).find("span").append("<div style='float:right; cursor:pointer;margin-right: 5px;'>X</div>").click(function(){
  1934.         $(".i_setting_div").fadeOut(1000, function(){
  1935.             if(!$(".i_setting_div").is(":visible")) $(".user_codesBox").css("left","50%");
  1936.         });
  1937.     });
  1938.     i_setting_div_body.className = "i_setting_div_body";     
  1939.     i_setting_div_foot.className = "i_setting_div_foot";
  1940.     i_setting_div_add_button.className = "i_setting_div_button i_setting_div_save_button";       
  1941.     i_setting_div_save_button.className = "i_setting_div_button i_setting_div_add_button"; 
  1942.     i_setting_div_del_button.className = "i_setting_div_button i_setting_div_del_button";     
  1943.     
  1944. var i_setting = document.createElement("i");
  1945.     i_setting.className = "i_setting i_setting-set";
  1946.     
  1947. var i_smoke_div_fog = document.createElement("div");
  1948.     i_smoke_div_fog.className = "i_smoke_div_fog";
  1949.     document.body.appendChild(i_smoke_div_fog);
  1950.     
  1951. var divli = document.createElement("ul");
  1952.     divli.setAttribute('style', `clear: left; padding-top: 20px; width: 90%; margin: 0 auto;`)
  1953.     divli.className = "nav navbar-center";
  1954. var liel= document.getElementsByClassName("navbar navbar-inverse")[0].getElementsByClassName("container")[0] || null;
  1955.     if(liel){
  1956.     liel.insertBefore(divli,document.getElementsByClassName("nav navbar-nav navbar-right")[0]);
  1957.     }
  1958.     
  1959.     i_setting.addEventListener("click", setting_window);
  1960.     i_setting_div_add_button.addEventListener("click", setting_add_value);    
  1961.     i_setting_div_save_button.addEventListener("click", setting_save_value);
  1962.     i_setting_div_del_button.addEventListener("click", setting_del_value);
  1963.     
  1964. var checkbox_div = document.createElement("div");     
  1965. var checkbox_input = document.createElement("input"); 
  1966. var checkbox_label = document.createElement("label");
  1967.     
  1968.     checkbox_div.className="checkbox_div";
  1969.     checkbox_div.innerHTML="<span style=\"position: relative;top: 10px;    padding-right: 10px;\">"+ sel_lang.tolko_ne_poluch +"</span>";
  1970.     
  1971.     checkbox_input.type="checkbox";
  1972.     checkbox_input.className="checkbox";
  1973.     checkbox_input.id="checkbox";
  1974.  
  1975.     if(!gp_set.hasOwnProperty('setting')){
  1976.         gp_set.setting={'tolko_ne_poluch':false};
  1977.     }
  1978.     checkbox_input.checked = gp_set.setting.tolko_ne_poluch;
  1979.     
  1980.     checkbox_label.setAttribute("for","checkbox");
  1981.     
  1982.     checkbox_label.addEventListener("click", only_ne_poluch_button);
  1983.     
  1984.     checkbox_div.appendChild(checkbox_input);
  1985.     checkbox_div.appendChild(checkbox_label); 
  1986.     checkbox_div.appendChild(i_setting);  
  1987.     
  1988.     i_setting_div.appendChild(i_setting_div_caption);  
  1989.     i_setting_div.appendChild(i_setting_div_body);
  1990.     i_setting_div_foot.appendChild(i_setting_div_resetservices);     
  1991.     i_setting_div_foot.appendChild(i_setting_div_add_button);       
  1992.     i_setting_div_foot.appendChild(i_setting_div_save_button);
  1993.     i_setting_div_foot.appendChild(i_setting_div_del_button);    
  1994.     i_setting_div.appendChild(i_setting_div_foot);    
  1995.     
  1996.     checkbox_div.appendChild(i_setting_div);
  1997.     //document.getElementsByClassName("container")[1].lastChild.appendChild(checkbox_div);
  1998.     document.getElementsByClassName("container")[2].parentNode.insertBefore(checkbox_div, document.getElementsByClassName("container")[2]);
  1999. //--------------------
  2000.     myTracks(); // Пользовательские коды
  2001.     NaprotuvKashdogo(); // Naprotiv kashdogo treka slushba ontsleshivaniya
  2002.     make_abs(); // Make absolute window left     
  2003.     upperPanel(); // Verxnya panel so slushbami otsleshivaniya
  2004.    // checkAll();
  2005.  
  2006. } catch (e){console.log(e);}
  2007. }
  2008.  
  2009. function my(a){
  2010.     if(a.length !== $(".tracking-number").length) {
  2011.         setTimeout(my.bind("",a),100)
  2012.     } else {
  2013.         console.log(a)
  2014.         let but = document.createElement("button")
  2015.         but.innerText = "Go";
  2016.         $(but).on('click', function(){
  2017.         $.each(a,function(){
  2018.             $.ajax(a).done(handleModalResponse);
  2019.         })
  2020.         });
  2021.         document.body.appendChild(but)
  2022.     }
  2023. }
  2024.     
  2025. function checkAll(){
  2026.     let arr_link=[];
  2027. $.each($(".tracking-number"), function(ind, el){
  2028.     $.ajax($(this).attr("href"))
  2029.         .done(function(a){
  2030.         let html = $(a),
  2031.             but = html.find(".btn-modal-ajax:eq(1)")
  2032.         arr_link.push(but.attr("href"))
  2033.         if(ind == $(".tracking-number").length-1) my(arr_link)
  2034.     });
  2035. })
  2036. }
  2037.  
  2038. init();    
  2039.  
  2040. })();