☰

EnstylerJS

MyDealz Enstyler enhanced features incl. Amazon Mobile Redirect

当前为 2016-12-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        EnstylerJS
  3. // @namespace   Enstyler
  4. // @description MyDealz Enstyler enhanced features incl. Amazon Mobile Redirect
  5. // @include     https://www.preisjaeger.at/*
  6. // @include     https://www.mydealz.de/*
  7. // @include     https://userstyles.org/styles/128262/*
  8. // @include     https://www.amazon.*/gp/aw/*
  9. // @version     2.12.052
  10. // @grant       GM_getValue
  11. // @grant       GM_setValue
  12. // @require     http://code.jquery.com/jquery-3.1.1.min.js
  13. // @require     http://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js
  14. // @require     http://openuserjs.org/src/libs/sizzle/GM_config.js
  15. // ==/UserScript==
  16.  
  17. // ========== INIT EnstylerJS =====================================
  18. // init Enstyler environment
  19. var enUserLogin = false;
  20. var enUserName = '';
  21. var enSection = '';
  22. var EnstylerStartTime=Date.now();
  23.  
  24. // Parse location for later use
  25. var enLocParser= location;
  26.  
  27. var DEBUG=false;
  28.  
  29. // add actions to tread overview @ some places ==================================
  30.  
  31. // code used for MyDealz Dealz actions, thanks to mydealz :-)
  32.   var myOuterHtml  = [ '<span class="js-options bg--em bRad--a space--h-3 space--v-3 space--mt-3 text--b">', '</span>'];
  33.     
  34.   var enDealAction = [ '<a title="Sag was dazu" class="link ico ico--pos-l ico--type-comment-blue space--mr-3"'+ // comment 0+1+3
  35.                        'href="<ENSTYLER-HREF-HERE>#comment-form" data-handler="track" data-track="{&quot;action&quot;:&quot;scroll_to_comment_add_form&quot;,&quot;label&quot;:&quot;engagement&quot;}">',
  36.                        'Sag was dazu', '', '</a>',
  37.                        '<a title="Von Liste entfernen" class="link text--color-blue ico ico--type-bookmark-blue ico--pos-l space--mr-3"' + //un-bookmark 4+5+7
  38.                        'data-handler="track replace" data-replace="{&quot;endpoint&quot;:&quot;https:\/\/www.mydealz.de\/threads\/<ENSTYLER-THREADID-HERE>/remove&quot;,&quot;method&quot;:&quot;post&quot;}" data-track="{&quot;action&quot;:&quot;save_thread&quot;,&quot;label&quot;:&quot;engagement&quot;}">',
  39.                        'Von Liste entfernen', '', '</a>',
  40.                        '<a title="Bearbeiten" class="link text--color-blue ico ico--type-pencil-blue ico--pos-l space--mr-3"'+ // edit 8+9+11
  41.                        'href="<ENSTYLER-HREF-HERE>/edit" data-handler="track" data-track="{&quot;action&quot;:&quot;goto_thread_edit_form&quot;,&quot;beacon&quot;:true}">',
  42.                        'Bearbeiten', '', '</a>',
  43.                        '<a title="Abgelaufen?" class="thread-expire link ico ico--type-clock-blue ico--pos-l space--mr-3"'+  // expiried not working :-(
  44.                        'href="<ENSTYLER-HREF-HERE>/expire/report" rel="nofollow" data-handler="track replace" data-track="{&quot;action&quot;:&quot;report_expired_thread&quot;,&quot;label&quot;:&quot;contribution&quot;}" data-replace="{&quot;endpoint&quot;:&quot;https:\/\/www.mydealz.de\/<ENSTYLER-HREF-HERE>/expire\/report&quot;}">',
  45.                        'Abgelaufen?', '', '</a>',
  46.                      ];
  47.   var PATTERN = [ /<ENSTYLER-HREF-HERE>/g,     // pattern to replace by deal link ...
  48.                   /<ENSTYLER-THREADID-HERE>/g // pattern to replace ID
  49.                 ];
  50.   var enDealAdd='';
  51.  
  52. enDealMarker='thread_'
  53.  
  54. function EnstylerDealActions(){
  55.     // use parsed location
  56.     var pathname = enLocParser.pathname;
  57.     var myText=0;
  58.     // no username ??
  59.     if (enUserName != "") {
  60.        pathname = pathname.replace(enUserName + '/',''); // remove username if path is longer
  61.     }  
  62.     // display short/no text?
  63.     if ($('.ico--type-grid-subNavActive').length) { myText=1; }
  64.         
  65.     // default for all Dealz: comment
  66.     enDealAdd = enDealAction[0]+ enDealAction[1+myText] + enDealAction[3];
  67.  
  68.     // Action for special locations only ===========
  69.     // saved Dealz panel 
  70.     if (pathname.endsWith('profile/saved-deals') ){
  71.         // add for user saved-dealz: un-bookmark
  72.         enDealAdd += enDealAction[4]+ enDealAction[5+myText]; + enDealAction[7]
  73.     }
  74.     if (pathname.endsWith('profile/diskussion') || pathname.endsWith(enUserName)){
  75.         // add user dealz and discussions: comment edit
  76.         enDealAdd +=  enDealAction[8]+ enDealAction[9+myText] + enDealAction[11];
  77.     }
  78.     EnstylerDealActionsDo()
  79. }
  80.  
  81.  
  82. function EnstylerDealActionsDo() {
  83.   // if logged in and enabled ...
  84.   if (enUserLogin && GM_config.get('enConfMoreDeal')) {  
  85.     // every thread on thread page ...
  86.     $('article').each(function () {
  87.             // get ThreadID, Link to Deal and DealID
  88.             var myThread = $(this).attr('id');
  89.             if (!myThread.startsWith(enDealMarker)) {return;}
  90.             
  91.             var myDealHref = $('#' + myThread + ' .thread-title a').attr('href');
  92.             var myDealID = myThread.replace(enDealMarker,'');
  93.             
  94.             if (myThread.startsWith('To be')) {return;}
  95.             
  96.             // compose final HTML
  97.             var newHtml= myOuterHtml[0] + enDealAdd + myOuterHtml[1];
  98.             newHtml = newHtml.replace(PATTERN[0], myDealHref);
  99.             newHtml = newHtml.replace(PATTERN[1], myDealID);
  100.             
  101.             // append HTML to Deal
  102.             $('#' + myThread +' .thread-infoRow').each(function () {
  103.                 $(this).append(newHtml);
  104.                 $(this).removeClass('thread-infoRow');
  105.             });
  106.     }); 
  107.  
  108.       
  109.     // actions for somewhere  ===========
  110.     // remove unwanted HTML from deal description
  111.     $('.thread--type-detail .userHtml').each(function () {
  112.         // userhtml code from mydalz, need to find jafascript to save automatically :-(
  113.         var myUserhtml = ['<div class="userHtml overflow--wrap-break space--t-3" data-handler="lightbox-xhr" data-lightbox-xhr="{&quot;name&quot;:&quot;threads&quot;}">',
  114.                           '</div>', // sourround deal description
  115.                          ];
  116.         // get inner html
  117.         var myHtml = $(this).html();
  118.  
  119.         // remove unwanted Stuff: combined <div><br><br> stuff, created by cut'npaste html
  120.         // not elegant, but works ...
  121.         var newHtml =  myHtml.replace(/<div>|<div><br>|<\/br>|<\/div>/gi,'');
  122.         newHtml =  myHtml.replace(/<p>|<p><br>/gi,'<br><br>');
  123.         newHtml =  newHtml.replace(/<br><br><br>|<br><br><br><br>|<br><br><br><br><br>/gi,'<br><br>');      
  124.         // replace original with modifyed html
  125.         $(this).replaceWith(myUserhtml[0] + newHtml + myUserhtml[1]);        
  126.     });
  127.  
  128.   } // END enabled    
  129. }
  130.  
  131.  
  132. // show popup user info while click on avatar ... ======================
  133. function EnstylerAvatarPopup(){
  134.     if (enUserLogin && GM_config.get('enConfUser')) {
  135.         // remove second image from cardview
  136.         addStyleString('.thread-footer-cell a img.avatar.vAlign--all-m.space--mr-1.thread-avatar {display: none;}');
  137.         EnstylerAvatarPopupDo();
  138.     }
  139. }
  140.  
  141. // code used for MyDealz avatar popup, thanks to mydealz :-)
  142. var enPopupUser = ['<button data-handler="track popover" data-track="{&quot;action&quot;:&quot;show_short_user_profile&quot;,&quot;label&quot;:&quot;engagement&quot;}" data-popover="{&quot;endpoint&quot;:&quot;',
  143.                    '/short&quot;,&quot;target&quot;:&quot;#template-popoverLoader&quot;,&quot;layout&quot;:[{&quot;preset&quot;:&quot;e&quot;,&quot;y&quot;:&quot;50%&quot;,&quot;left&quot;:{&quot;offset&quot;:0},&quot;width&quot;:300,&quot;maxWidth&quot;:&quot;100%&quot;}]}">',
  144.                    '</button>',
  145.                   ];
  146.  
  147.  
  148. function EnstylerAvatarPopupDo() {
  149.     // login needed ... (Error in Popup without login ...)
  150.     // replace every avatar link without popup
  151.     if (enUserLogin && GM_config.get('enConfUser')) {
  152.         $('.thread-footer-cell a.user.linkPlain, .user.linkPlain.thread-user').each(function () {
  153.             
  154.             // get inner html and link to user profile
  155.             var myHtml = $(this).html();
  156.             var mysrc = $(this).attr('href');
  157.             
  158.             // seperate user name from image and add class user
  159.             var myAvatar1 = myHtml.replace(/<span.*/,'');
  160.             var myAvatar2 = myHtml.replace(/.*<span class=".* space--mr-1">/,'<span class=" space--mr-1 user link-plain">');
  161.  
  162.             // show small / medium sized Avatar
  163.             myAvatar1 =  myAvatar1.replace('avatar--type-s','avatar--type-m'); //in Dealz
  164.             if (GM_config.get('enConfAvatar')) { myAvatar1 =  myAvatar1.replace('thread-avatar','avatar--type-m'); } 
  165.             
  166.             // compose popup
  167.             var myPopup = enPopupUser[0] + mysrc + enPopupUser[1] + myAvatar1 +  enPopupUser[2] + '<a href="' + mysrc + '">'+ myAvatar2 + '</a>';
  168.             $(this).replaceWith(myPopup);
  169.         });
  170.     }  
  171. }
  172.  
  173.  
  174. // create select page or scrollwheel for page navigation =============
  175. var EnstylerPageEnum='enPageEnum';
  176. var selectList = document.createElement("select");
  177. selectList.id = EnstylerPageEnum;
  178. selectList.setAttribute('class', EnstylerPageEnum);
  179. selectList.onchange = EnstylerPageAction; 
  180.  
  181. var EnstylerPageEnumDown='enPageEnumDown';
  182. var selectListDown = document.createElement("select");
  183. selectListDown.id = EnstylerPageEnumDown;
  184. selectListDown.onchange = EnstylerPageAction; 
  185.  
  186. function EnstylerPagePickerCreate() {
  187.  // revome existing picker
  188.  EnstylerPagePickerRemove();
  189.     
  190.  // if enabled
  191.  if (GM_config.get('enConfPagePicker')) {
  192.    // init values and clear select list
  193.    var page=1;
  194.    var min=1;
  195.    var max=1;
  196.    $(selectList).empty();
  197.      
  198.    // get page and max from pagenav
  199.    if ( $('.text--color-charcoalTint').length ) {
  200.        // remove linebreaks
  201.        var pageHtml = $('.text--color-charcoalTint').html().replace(/\r?\n|\r/g);
  202.        //locate actual page and last page
  203.        page = pageHtml.replace( /.*>Seite /i ,''); page = page.replace( /<.*/i , '');
  204.        max =  pageHtml.replace( /.*page=/ ,'');  max = max.replace( /[^0-9].*/i , '');
  205.        if (page == '') {page=1;}
  206.        if (max  == '') {max=page;}
  207.    }
  208.  
  209.    // create page select element
  210.    var x; var last; var option;
  211.  
  212.    for (x = min; x <= max; ) {
  213.        option = document.createElement("option");
  214.        option.text = x;
  215.        selectList.add(option); //selectListDown.add(option);
  216.        last = x;
  217.    
  218.        // non linear increment
  219.        var diff = Math.abs(x-page);
  220.  
  221.        if ( x < 10 || diff < 5) { x++; }
  222.        else if ( x < 1000 && diff > 600) { x += Math.floor(diff/100); }
  223.        else { x += Math.floor(diff/2); }
  224.    }
  225.    // add last page
  226.    if (page > max) { max=page;}
  227.    if (last < max ) {
  228.        option = document.createElement("option");
  229.        option.text = max;
  230.        selectList.add(option); //selectListDown.add(option);
  231.    }
  232.    // set default value
  233.    selectList.value = page; //selectListDown.value = page;
  234.  
  235.    // Deal Page
  236.    if ($('.voteBar').length) {
  237.        selectList.setAttribute('class', EnstylerPageEnum +' subNavMenu-link subNavMenu-btn voteBar--sticky-off--hide');
  238.        $('.voteBar--sticky-off--hide:last').before(selectList);
  239.      
  240.    } else {
  241.   
  242.        // overwiew page 
  243.         if (GM_config.get('enConfBtn')) {
  244.             // Place Picker in subnav
  245.             selectList.setAttribute('class', EnstylerPageEnum+' box--all-i subNavMenu-link subNavMenu-btn');
  246.             $('.subNav-label:last').before(selectList);
  247.         } else {
  248.             //place picker in MainNav
  249.             selectList.setAttribute('class', EnstylerPageEnum+' js-navDropDown-messages vAlign--all-m');
  250.             if ($('.test-loginButton').length) {
  251.                 $('.test-loginButton').before(selectList); 
  252.             } else {
  253.                 $('.js-navDropDown-messages').before(selectList);
  254.             }
  255.         }
  256.     }
  257.  }        
  258. }
  259.  
  260. function EnstylerPagePickerCreateDo() {
  261.    // get page and max from pagenav
  262.    if ( $('.js-sticky .text--color-charcoalTint').length ) {
  263.        // remove linebreaks
  264.        var pageHtml = $('.js-sticky .text--color-charcoalTint').html().replace(/\r?\n|\r/g);
  265.        //locate actual page and last page
  266.        var page = pageHtml.replace( /.*>Seite /i ,''); page = page.replace( /<.*/i , '');
  267.        if (page == '') {page=1;}
  268.        // set default value
  269.        selectList.value = page; //selectListDown.value = page;
  270.    }
  271. }
  272.  
  273. // goto selected Page
  274. function EnstylerPageAction() {
  275.     var enPage = 'page=' + $(this).val();
  276.  
  277.     // remove page= and everthing behind
  278.     var enUrl = enLocParser.toString().replace( /page=.*|#.*/ ,'');
  279.     
  280.     // add new page parameter
  281.     if ( enUrl.endsWith('?') ||  enUrl.endsWith('&')) {
  282.         enUrl += enPage;
  283.     } else {
  284.         enUrl += '?'+enPage;
  285.     }
  286.     
  287.     // add #thread-comments for deal
  288.     if (enSection == '/deals/') { enUrl += '#thread-comments';}
  289.     
  290.     window.location = enUrl;
  291. }
  292.  
  293. function EnstylerPagePickerRemove() {
  294.         // Removes pagepicker from the document
  295.         $('.'+ EnstylerPageEnum).remove();
  296. }
  297.  
  298.  
  299.  
  300. // blacklist do not show dealz containing blacklistet words ==========================
  301. // search in kategorie, dealtitle, and username
  302. var enClassHidden = 'enClassHidden';
  303. var enClassBlackDone = 'enClassBlackDone';
  304. var enBlacklisted=0;
  305.  
  306. var unwantedRegex = [ /[\[\]\(\)\{\}\?\.\:\;\!\"\*\+\ ]/g, // in White/Backlist
  307.                       /[\[\]\(\)\{\}\?\.\:\;\!\"\*\+\,]/g  // in Dealtext
  308.                     ]; 
  309. var enBlack;
  310. var enWhite;
  311. var enBlackTemp;
  312. function EnstylerBlacklist() {
  313.  // if logged in and user is not in whitelist
  314.     if (enUserLogin && ! GM_config.get('enConfWhitelist').includes(enUserName)) {
  315.         // add actual user to whitelist
  316.         GM_config.set('enConfWhitelist', '@'+enUserName +',' + GM_config.get('enConfWhitelist'));
  317.         
  318.         //GM_config.setValue('enConfWhitelist', GM_config.get('enConfWhitelist'));
  319.     }
  320.    
  321.     // convert Black/Whitelist to RegEx
  322.     var myTemp=GM_config.get('enConfBlacklist');
  323.     myTemp = myTemp.replace(unwantedRegex[0], '');
  324.     myTemp = myTemp.replace(/^,|,$/g,'');
  325.     enBlack = myTemp.replace(/(.),(.)/g,'$1|$2');
  326.         
  327.     myTemp=GM_config.get('enConfWhitelist');
  328.     myTemp = myTemp.replace(/^,|,$/g,'');
  329.     enWhite = myTemp.replace(/(.),(.)/g,'$1|$2');
  330.    
  331.     
  332.     enBlackTemp= GM_config.get('enConfHideColder');
  333.     EnstylerBlacklistDo();
  334. }
  335.  
  336. function EnstylerBlacklistDo() {
  337.     if (!GM_config.get('enConfBlackEnable')) { return;}
  338.  
  339.     // process every article
  340.     $('article').each(function () {
  341.             if ($(this).hasClass(enClassBlackDone)) { return;}
  342.             var myThread = '#'+$(this).attr('id');
  343.             // return if already done or return no deal
  344.             if (!myThread.startsWith('#'+enDealMarker)) { return;}
  345.             
  346.             // mark as already seen
  347.             $(this).addClass(enClassBlackDone);
  348.             
  349.         // get title, categorie, user
  350.         var myDealText =        $(myThread + ' .thread-category').text();
  351.             myDealText +=  ' ' +$(myThread + ' .thread-title a').text();
  352.             myDealText += ' @' +$(myThread + ' .user').text();
  353.             myDealText = myDealText.replace(unwantedRegex[1] ,' ');
  354.             
  355.             // Whitelist first
  356.             // whitelist Regex, exit if found
  357.             if (enWhite !='' && myDealText.match(new RegExp(enWhite,'i'))) {
  358.                     return;
  359.             }
  360.  
  361.             //get temp
  362.         var myVoteTemp = $(myThread + ' .vote-temp').text();
  363.  
  364.             // blacklist vote temp
  365.             if (parseInt(myVoteTemp) <= enBlackTemp) {
  366.                     $(this).addClass(enClassHidden);
  367.                     enBlacklisted++;
  368.                     EnstylerLastSeenSkip(myThread)
  369.                     return;
  370.             }
  371.             // blacklist last
  372.             // blacklist Regex, rxit if found 
  373.             if (enBlack !='' && myDealText.match(new RegExp(enBlack,'i'))) {
  374.                     $(this).addClass(enClassHidden);
  375.                     enBlacklisted++;
  376.                     EnstylerLastSeenSkip(myThread)
  377.                     return;
  378.             }    
  379.     }); // END Article 
  380.  
  381.     // set label for unBlacklist button
  382.     EnstylerBlacklistShow()   
  383. }
  384.  
  385. // blacklist support functions ....
  386. var enUnblackText = 'unBlacklist <NUM-BLACK> Dealz';
  387. function EnstylerBlacklistShow() {
  388.        enJSfieldDefs.enConfUnblacklist.label=enUnblackText.replace('<NUM-BLACK>',enBlacklisted)
  389. }
  390.  
  391. function EnstylerBlacklistRemove() {
  392.        enBlacklisted=0;
  393.        EnstylerBlacklistShow()
  394.        $('.'+enClassHidden).removeClass(enClassHidden);
  395.        $('.'+enClassBlackDone).removeClass(enClassBlackDone);
  396. }  
  397.  
  398. function EnstylerBlacklistUnhide() {
  399.        enBlacklisted=0;
  400.        EnstylerBlacklistShow()
  401.        $('.'+enClassHidden).removeClass(enClassHidden);
  402. }  
  403.  
  404.  
  405. // Main Nav will stay on TOP of the screen =========================
  406. function EnstylerFixedNav() {
  407.         var myFixedCssMain='.nav { display: block; position: fixed; width: 100%; z-index: 120;} .subNav, .userProfile, .tabbedInterface {margin-top: 4.4em;}';
  408.         var myFixedCssSub ='.subNav {margin-top: 0 !important;} .nav-subheadline {margin-top: 4.4em;}';
  409.         if (GM_config.get('enConfNavFixed')) {
  410.             // everywhere but in Deal detail, I like it like it is ... 
  411.             if (enSection != '/deals/' && enSection != '/gutscheine/' ){
  412.                 // delete header element with active stuff, but keep inside HTML
  413.                 var mySavedHtml = $('header').html();
  414.                 $('header').replaceWith(mySavedHtml);
  415.                 
  416.                 // CSS for everywhere
  417.                 addStyleString(myFixedCssMain);
  418.                 if (! enSection.match(enMainSectionMatch)) {
  419.                     // additional CSS for categories
  420.                     addStyleString(myFixedCssSub);
  421.                 }
  422.             }
  423.         }
  424. }
  425.  
  426. // the return of "gestern xx:xx Uhr" ==============
  427. var enNow;
  428. var DealDate;
  429. var TodayStart;
  430. var ShowTime;
  431.          
  432. var EnstylerTimeSeen='enTimeSeen';
  433.  
  434. function EnstylerDealTime() {
  435.          enNow = new Date();
  436.          enNow.setTime(EnstylerStartTime)
  437.          DealDate=new Date();
  438.          TodayStart = new Date(enNow.getFullYear(), enNow.getMonth(), enNow.getDate());
  439.          ShowTime= GM_config.get('enConfDealMinTime')*3600*1000;
  440.     
  441.          EnstylerDealTimeDo();
  442. }
  443.  
  444. function EnstylerDealTimeDo() {
  445.   if (GM_config.get('enConfDealTime')) {
  446.          enNow.setTime(Date.now())
  447.          // process every article
  448.          $('time').each(function () {
  449.             // get Deal time Diff, return if no diff or already seen
  450.             var myTime= $(this).text();
  451.             // next article
  452.             if ( $(this).hasClass(EnstylerTimeSeen) || !myTime.startsWith('vor ')) { return;}
  453.    
  454.             // get Deal Time difference 
  455.             var h = myTime.replace(/.* ([0-9].*) h.*/, '$1'); if (h==myTime) h=0; else h=parseInt(h);
  456.             var m = myTime.replace(/.* ([0-9].*) m.*/, '$1'); if (m==myTime) m=0; else m=parseInt(m);
  457.             var s = myTime.replace(/.* ([0-9].*) s.*/, '$1'); if (s==myTime) s=0; else s=parseInt(s);
  458.  
  459.             // compose real deal time
  460.             var myDealDiff = ((h*60+m)*60+s)*1000; // Offset deal
  461.             DealDate.setTime( enNow.getTime() - myDealDiff );
  462.  
  463.             // last midnigth
  464.             if (DealDate < TodayStart) {
  465.                 $(this).text('gestern '+ DealDate.toString().slice(16, 21) +' Uhr');
  466.             // more than 6 hours ago
  467.             } else if (myDealDiff > ShowTime){
  468.                 $(this).text(myTime + ' (heute '+ DealDate.toString().slice(16, 21) +' Uhr)');
  469.             } else { return; }
  470.             
  471.             $(this).addClass(EnstylerTimeSeen);
  472.          });
  473.   }
  474. }
  475.  
  476.  
  477. // mark last seen Deal in Highligth, Hot and New ============================
  478. var enSec='off';
  479. var enSeenArticle='';
  480.  
  481. // GM variables used here 
  482. // store newest loaded deal
  483. // 'enNewestDeal...new'
  484. // 'enNewestDeal...hot'
  485. // 'enNewestDeal...'
  486. // international support added
  487. var enNewestBase='enNewest'+enLocParser.hostname.replace('www','');
  488.   
  489. function EnstylerLastSeen(){
  490.  
  491.   // only in main categories
  492.   if(enSection.match(enMainSectionMatch)) {
  493.       // get section and save
  494.       enSec= enNewestBase + enSection.replace(/\//, '');
  495.       GM_setValue(enNewestBase+'LastSec', enSec)
  496.       // mark last seen article
  497.       enSeenArticle=GM_getValue(enSec);
  498.       EnstylerLastSeenDo();
  499.       
  500.       // save actual last seen
  501.       $('article').each(function () {
  502.           // get ThreadID an return if not enDealMarker
  503.           var myThread = $(this).attr('id');
  504.           if (!myThread.startsWith(enDealMarker)) {return;}
  505.  
  506.           // when in base of section ...
  507.           if(enLocParser.search == '') {
  508.               //store actual seen
  509.               GM_setValue(enSec, myThread);
  510.               //store last seen
  511.               GM_setValue(enSec+'Last', enSeenArticle);
  512.           }
  513.           
  514.           // exit loop
  515.           return false;
  516.       }); 
  517.   } else {
  518.       // if we are not on base of ancategorie restore last value
  519.       enSec=GM_getValue(enNewestBase+'LastSec');
  520.       GM_setValue(enSec, GM_getValue(enSec+'Last'));
  521.   }
  522. }
  523.  
  524. function EnstylerLastSeenDo(){
  525.   // only in main categories
  526.   if(enSec != 'off') {
  527.       // mark last seen article
  528.       if ( typeof enSeenArticle != 'undefined') {
  529.           //store last marked
  530.           GM_setValue(enSec+'Last', enSeenArticle);
  531.  
  532.           $('#'+enSeenArticle).addClass('enClassMarkArticle');
  533.           $('#'+enSeenArticle).prev().addClass('comments-marker');
  534.       } else {
  535.           // first time
  536.           GM_setValue(enSec, enDealMarker+'1');
  537.       }
  538.  
  539.   }
  540. }
  541.  
  542. // article is not availible i.e. blacklisted
  543. function EnstylerLastSeenSkip(DealID) {
  544.     // if article last seen one, skip to next
  545.     if (DealID == '#'+enSeenArticle) {
  546.         // magic, get ID of next article
  547.         enSeenArticle=$(DealID).next().attr('id');
  548.         if (DEBUG) console.error('Skip Deal: '+DealID.substr(1)+' -> '+enSeenArticle)
  549.         
  550.         EnstylerLastSeenDo(); 
  551.     }
  552. }
  553.  
  554.  
  555.  
  556. // AMAZON mobile redirect ==================================
  557. // workaround to not intercept myDealz redirects with GM_xmlhttp
  558. // stolen from amazon redirect mobile: https://greasyfork.org/de/scripts/19700
  559. function enAmazonMobileRedirect() {
  560.   var enMyLocation=enLocParser.toString();
  561.   // do we run on amazon?
  562.   if (enMyLocation.startsWith("https://www.amazon")) {
  563.     // redirect enabled?  
  564.     if (GM_config.get('enConfAmazonRedirect')) {
  565.       // do it
  566.       if (enMyLocation.includes("/gp/aw/d/")) { window.location.assign(enMyLocation.replace("/gp/aw/d/", "/dp/")) }
  567.       else { window.location.assign(enMyLocation.replace("/gp/aw/ol/", "/gp/offer-listing/")); }
  568.     }
  569.     // Amazon but no redirect enabled
  570.     return false;
  571.   } 
  572. return true;
  573. }
  574.  
  575. // create button for display Config ======================
  576. var EnstylerButton = 'EnstylerButton';
  577.  
  578. //var input = document.createElement('a');
  579. //    input.setAttribute('href', 'showEnstylerConfig()');
  580. //    input.setAttribute('id', EnstylerButton);
  581. var input = document.createElement('input');
  582.     input.type = 'button';
  583.     input.setAttribute('id', EnstylerButton);
  584.     input.onclick = showEnstylerConfig;
  585.  
  586. function EnstylerButtonCreate() {
  587.     // add Enstyler Button to ...
  588.     var myElement;
  589.     var myMain=false;
  590.    
  591.     input.value = 'Enstyler';
  592.     EnstylerButtonRemove();
  593.     // MainNav or Deal
  594.     if (GM_config.get('enConfBtn') || enSection.match(/deals\/|gutscheine\//))
  595.         { myMain=true; }
  596.     
  597.     // only if space left
  598.     if ($(window).width() < GM_config.get('enConfBtnMinWidth'))
  599.         { myMain=false; }
  600.     
  601.     if (myMain) {
  602.        // add button to MainNav
  603.        var Elements = document.getElementsByClassName("navMenu-trigger");
  604.        myElement=Elements[0];
  605.        input.setAttribute('class', 'vAlign--all-m nav-link-text');
  606.        input.setAttribute('style', '');
  607.     } else {
  608.        // add button to SubNav
  609.        myElement = document.getElementById('tour-filter');
  610.        input.setAttribute('class', 'box--all-i subNavMenu-link');
  611.        input.setAttribute('style', 'font-size: 1.28571em; font-weight: 700; top: 3px; left: -0.7em'); 
  612.     }
  613.   
  614.     // only if myElement exist
  615.     if (myElement !== null) {
  616.         myElement.appendChild(input);
  617.         //insertAfter(input, myElement);
  618.     }
  619. }
  620.  
  621. // needed for Enstyler Homepage
  622. function EnstylerHomeButton() {
  623.     // add Enstyler Button to ...
  624.     input.value = 'Options';
  625.     var  myElement = document.getElementById('style-settings');
  626.     input.setAttribute('style', 'font-size: 1.28571em; padding: 0.8em;'); 
  627.   
  628.     // only if myElement exist
  629.     if (myElement !== null) {
  630.         //myElement.appendChild(input);
  631.         insertAfter(input, myElement);
  632.     }
  633. }
  634.  
  635. function EnstylerButtonRemove() {
  636.         // Removes button from the document
  637.         $('#'+ EnstylerButton).remove
  638. }
  639.  
  640.  
  641. // ============= GM_config functions =======================================
  642. var enJSAutoUpdate=GM_info.scriptWillUpdate;
  643. var enUpdateWindow;
  644.  
  645. // define pattern for main sections here, incl. international support
  646. var enMainSectionMatch=/^\/$|^\/hot$|^\/new$|^\/settings$|^\/discussed$|^\/hei%C3%9F$|^\/diskutiert$/
  647. var enInternationalSite='';
  648. if(!enLocParser.hostname.match(/mydealz\.de/i)) {
  649.     enInternationalSite=enLocParser.hostname.replace('www','');
  650.     if(DEBUG) console.error('International Site detected: ' +enInternationalSite);
  651. }
  652.  
  653. // define EnstylerJS GM_config elements
  654. var enJSfieldDefs = {
  655.     // Part one: load external content --------
  656.  'enstyler': { 
  657.       'section': ['additonal features for Enstyler', ''],
  658.       'label': 'Update CSS...', // Appears on the button
  659.       'type': 'button', // Makes this setting a button input
  660.       'click': function() { // Function to call when button is clicked
  661.                enUpdateWindow=window.open('https://userstyles.org/styles/128262#style-info',
  662.                            'UserCSS', 'width=600,height=950,left=0,top=0');
  663.                }
  664.     },
  665.     'enstylerJS': { 
  666.       'label': 'Update UserScript...', // Appears on the button
  667.       'type': 'button', // Makes this setting a button input
  668.       'click': function() { // Function to call when button is clicked
  669.                enUpdateWindow=window.open(!DEBUG ? 'https://greasyfork.org/de/scripts/24243' :
  670.                                           ' https://greasyfork.org/scripts/24244-enstylerjs-develop/code/EnstylerJS Develop.user.js',
  671.                                           'UserScript', 'width=110,height=110,left=0,top=0');
  672.                // give 2s to start update, then close
  673.                sleepAsync(2000).then(() => { enUpdateWindow.close(); });
  674.  
  675.                }
  676.     },
  677.  
  678.    'dontCookies': {
  679.       'label': 'Mozilla no cookies...', // Appears on the button
  680.       'type': 'button', // Makes this setting a button input
  681.       'click': function() { // Function to call when button is clicked
  682.                window.open('https://addons.mozilla.org/de/addon/i-dont-care-about-cookies/'); }
  683.     },
  684.  
  685.    // part two: EnstylerJS internal configuration options ------ 
  686.    'Section': { // display next section, dont kow why ...
  687.       'section': ['Configuration', ''],
  688.         'type': 'hidden', // Makes this setting a hidden input
  689.    },
  690.  
  691.    // postion of enstyler "button"
  692.    'enConfBtn': {
  693.       'label': 'Enstyler in MainNav', // Appears next to field
  694.       'type': 'checkbox', // Makes this setting a checkbox input
  695.       'default': false // Default value if user doesn't change it
  696.     },
  697.     
  698.     'enConfBtnMinWidth': {
  699.       'label': 'if width is bigger than ', // Appears next to field
  700.       'type': 'int', // Makes this setting a text input
  701.       'min': 600, // Optional lower range limit
  702.       'max': 1200, // Optional upper range limit
  703.       'size': 4, // Limit length of input (default is 25)
  704.       'default': 850 // Default value if user doesn't change it
  705.     },
  706.     
  707.    'enConfNavFixed': {
  708.       'label': 'Display FIXED MainNav', // Appears next to field
  709.       'type': 'checkbox', // Makes this setting a checkbox input
  710.       'default': true // Default value if user doesn't change it
  711.     },
  712.     
  713.    // ehanced USerInfo
  714.    'enConfUser': {
  715.       'label': 'Show Popuop Userinfo', // Appears next to field
  716.       'type': 'checkbox', // Makes this setting a checkbox input
  717.       'default': true // Default value if user doesn't change it
  718.     },
  719.    'enConfAvatar': {
  720.       'label': 'bigger Avatar for Popuop', // Appears next to field
  721.       'type': 'checkbox', // Makes this setting a checkbox input
  722.       'default': true // Default value if user doesn't change it
  723.     },   
  724.     
  725.   // enable filtering of external links
  726.   'enConfAmazonRedirect': { 
  727.       'label': 'Amazon mobile redirect', // Appears next to field
  728.       'type': 'checkbox', // Makes this setting a checkbox input
  729.       'default': true // Default value if user doesn't change it
  730.     }, // */
  731.   
  732.  
  733.    // more Deal actions
  734.    'enConfMoreDeal': {
  735.       'label': 'additional Deal actions', // Appears next to field
  736.       'type': 'checkbox', // Makes this setting a checkbox input
  737.       'default': true // Default value if user doesn't change it
  738.     },   // more Deal actions
  739.  
  740.     // show real Dealtime 
  741.    'enConfDealTime': {
  742.       'label': 'Show real Deal Time', // Appears next to field
  743.       'type': 'checkbox', // Makes this setting a checkbox input
  744.       'default': true // Default value if user doesn't change it
  745.     },
  746.     'enConfDealMinTime': {
  747.       'label': 'if older than Hours', // Appears next to field
  748.       'type': 'int', // Makes this setting a text input
  749.       'min': 1, // Optional lower range limit
  750.       'max': 24, // Optional upper range limit
  751.       'size': 4, // Limit length of input (default is 25)
  752.       'default': 6 // Default value if user doesn't change it
  753.    },    
  754.  
  755.     // Page picker
  756.    'enConfPagePicker': {
  757.       'label': 'Enable Page Picker', // Appears next to field
  758.       'type': 'checkbox', // Makes this setting a checkbox input
  759.       'default': true // Default value if user doesn't change it
  760.     },
  761.  
  762.  
  763.     // Black/Whitelist input
  764.    'enConfBlackEnable': {
  765.       'label': 'Enable Black- / Whitelist', // Appears next to field
  766.       'type': 'checkbox', // Makes this setting a checkbox input
  767.       'default': true // Default value if user doesn't change it
  768.     },
  769.    'enConfHideColder': {
  770.       'label': 'Blacklist if colder then', // Appears next to field
  771.       'type': 'int', // Makes this setting a text input
  772.       'min': -9999, // Optional lower range limit
  773.       'max': -9, // Optional upper range limit
  774.       'size': 4, // Limit length of input (default is 25)
  775.       'default': -999 // Default value if user doesn't change it
  776.    },
  777.     'enConfBlacklist': {
  778.       'label': 'Blacklist - deals, categories, @users', // Appears next to field
  779.       'type': 'text', // Makes this setting a text input
  780.       'size': 70, // Limit length of input (default is 25)
  781.       'default': 'Nutella, Bangood, @Admin' // Default value if user doesn't change it
  782.     },
  783.     'enConfWhitelist': {
  784.       'label': 'Whitelist', // Appears next to field
  785.       'type': 'text', // Makes this setting a text input
  786.       'size': 70, // Limit length of input (default is 25)
  787.       'default': '' // Default value if user doesn't change it
  788.     },
  789.     'enConfUnblacklist': {
  790.       'label': 'UnBlacklist', // Appears on the button
  791.       'type': 'button', // Makes this setting a button input
  792.       'click': function() { // Function to call when button is clicked
  793.                EnstylerBlacklistUnhide(); }
  794.     },
  795.    
  796.    // display copy message at end of section ...
  797.    'copy': {
  798.         'section': ['', '(c) Gnadelwartz - <a target="blank" href="https://www.mydealz.de/diskussion/enstyler2-style-your-mydealz-incl-pepper-sites-736219">Enstyler2 - Style your MyDealz</a>'],
  799.         'type': 'hidden', // Makes this setting a hidden input
  800.    },
  801. };
  802.  
  803. // define EnstylerJS GM_config elements
  804. var enHomefieldDefs = {
  805.     // Part one: load external content --------
  806.     'saveOpt': { 
  807.       'section': ['save your CSS options for next visit', ''],
  808.       'label': 'Select your CSS on main page then come back and klick "Save"  ', // Appears near textarea
  809.       'type': 'textarea', // Makes this setting a button input
  810.       'size': 70,
  811.       //'click': function() { // Function to call when button is clicked
  812.       //         showUrl('https://userstyles.org/styles/128262#style-info'); }
  813.     },
  814.    
  815.    // display copy message at end of section ...
  816.    'copy': {
  817.         'section': ['', '(c) Gnadelwartz - <a target="blank" href="https://www.mydealz.de/diskussion/enstyler2-style-your-mydealz-incl-pepper-sites-736219">Enstyler2 - Style your MyDealz</a>'],
  818.         'type': 'hidden', // Makes this setting a hidden input
  819.         'value': 'Some hidden value' // Value stored
  820.    },
  821.    
  822. };
  823.  
  824. // display GM_copnfig as div, so we can apply CSS easy!!
  825. var enGMOptChange = false;
  826. var enGMFrame = document.createElement('div');
  827. enGMFrame.setAttribute('class','GM_config');
  828. document.body.appendChild(enGMFrame);
  829.  
  830. // basic config panel formatting, everything else is formatted by enstyler
  831. var enCSS = ['.GM_config {left: 5% !iportant; top: 9% !important; height: auto !important; max-width: 35em !important;}',
  832.              '.GM_config input, .GM_config button, .GM_config textarea { border: 1px solid; margin: 0.5em 0em 0.2em 1em; padding: 0.1em;}',
  833.              '.GM_config .reset { font-size: 9pt; padding-right: 1em; }',
  834.              '.enClassHidden, #EnPopup_closeBtn {display: none;}',
  835.             ].join(" ");
  836. addStyleString(enCSS);
  837.  
  838. var En_Popup = new GM_configStruct(
  839.    {
  840.   'id': 'EnPopup', // You need to use a different id for each instance
  841.   'title': 'EnstylerJS - Info', 
  842.   'fields': // Fields object
  843.     {
  844.        'Text': // This is the id of the field
  845.        {
  846.          'label': '', // Appears next to field
  847.          'type': 'textarea', // Makes this setting a text field
  848.          'default': '' // Default value if user doesn't change it
  849.        }
  850.     },
  851.   'events':
  852.     {
  853.       'open': function (doc) {
  854.               // rename the buttons
  855.               var config = this;
  856.               doc.getElementById(config.id + '_saveBtn').textContent = ' OK ';
  857.               //doc.getElementById(config.id + '_closeBtn').textContent = 'Cancel';
  858.              doc.getElementById(config.id + '_resetLink').textContent = '';
  859.           },
  860.       'save':  function() {
  861.               enUpdateChecked=false;
  862.               enCheckUpdates();
  863.               En_Popup.close();
  864.             },
  865.       'close': function() { enGMConfigOpen=false;},
  866.     },
  867.   'frame': enGMFrame // Element used for the panel
  868.   }
  869. );
  870.  
  871. function showPopup(text) {
  872.     En_Popup.fields['Text'].value = text;
  873.     En_Popup.fields['Text'].reload();
  874.     En_Popup.open();
  875. }
  876.  
  877.  
  878. var enGMConfigOpen=false;
  879. // EnstylerJS Config Panel anzeigen
  880. function showEnstylerConfig() {
  881.   if(!enGMConfigOpen) {
  882.       enGetHome();
  883.       GM_config.open();
  884.       enGMConfigOpen=true;
  885.   } else {
  886.       GM_config.close();
  887.   }    
  888. }
  889.  
  890.  
  891. // EnstylerJS START ========================
  892. if (!window.location.hostname.endsWith('userstyles.org')) {
  893.     var enFixedNav=false;
  894.     GM_config.init(
  895.       {
  896.                        //  international sites support
  897.         id: 'GM_config'+enInternationalSite,
  898.         title: !DEBUG ? 'EnstylerJS - Settings' : ' EnstylerJS - >> Debug <<', 
  899.         fields: enJSfieldDefs,
  900.        'events': // Callback functions object
  901.          {
  902.           //'init': function() { alert('onInit()'); },
  903.           // remove elements ich switch is checked or not
  904.           'open': function() { 
  905.           var enRemoveConfig = [
  906.                // { check: true,  switch: 'enConfFilterLink',  remove: 'externalMobileRedirect'},
  907.                { check: false, switch: 'enConfBtn',         remove: 'enConfBtnMinWidth'},
  908.                { check: false, switch: 'enConfUser',        remove: 'enConfAvatar'},
  909.                { check: false, switch: 'enConfDealTime',    remove: 'enConfDealMinTime'},
  910.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfWhitelist'},
  911.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfBlacklist'},
  912.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfHideColder'},
  913.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfUnblacklist'}
  914.               ];
  915.              enFixedNav=GM_config.get('enConfNavFixed');
  916.               
  917.              
  918.               // remove unneeded controls
  919.              $(enRemoveConfig).each(function() {
  920.                  if (GM_config.get(this.switch) == this.check) {
  921.                   GM_config.fields[this.remove].remove();
  922.                  }
  923.              });
  924.               
  925.              // remove / display update dialog
  926.              if (enJSAutoUpdate) {GM_config.fields['enstylerJS'].remove();}
  927.               
  928.           },
  929.           //'reset': function() { alert('reset') },
  930.           // relaod page on close after save
  931.           'save':  function() {
  932.               // disabeling FixedNav can only done with reload
  933.               if (!GM_config.get('enConfNavFixed') && GM_config.get('enConfNavFixed')!=enFixedNav) {window.location.reload(false);}
  934.               
  935.               // restart Enstyler magic
  936.               EnstylerStart();
  937.               EnstylerButtonCreate();
  938.               EnstylerPagePickerCreate();
  939.  
  940.               // show changes in config after processing magic
  941.               GM_config.close();
  942.               GM_config.open();
  943.             },
  944.          'close': function() { enGMConfigOpen=false;},
  945.          },
  946.        'frame': enGMFrame // Element used for the panel
  947.       }
  948.     );
  949.    
  950.    // Enstyler internal Startup functions ======================
  951.    // HACK: we are NOT on Amazon
  952.    if (enAmazonMobileRedirect()) {
  953.     
  954.      // Basic Initialisation
  955.      function EnstylerInit () {
  956.         // hide Enstyler2 CSS (c) text because we have a button now
  957.         addStyleString('.threadWidget-footer::after {display: none !important};');
  958.     
  959.         // get LoginStatus and Username
  960.         if (enUserLogin = $('.avatar--type-nav').length) {
  961.             enUserName = $('.navDropDown a').attr('href');
  962.             enUserName = enUserName.replace(/.*\/profile\/([^\/]+).*/,'$1');
  963.             if(DEBUG) console.error('User: ' +enUserName);
  964.         }
  965.         // get Section (first element in path)
  966.         enSection= enLocParser.pathname.replace(/\/([^\/]+\/*).*/,'/$1');
  967.         if(DEBUG) console.error('Section: ' +enSection);
  968.     }
  969.     // dummy, do not delete
  970.     function enGetHome() {;}
  971.  
  972.     // Start Enstyler Magic
  973.     function EnstylerStart() {
  974.         EnstylerFixedNav();
  975.         EnstylerDealTime();
  976.         EnstylerLastSeen();
  977.         EnstylerBlacklist();
  978.         EnstylerAvatarPopup();
  979.         EnstylerDealActions();
  980.     }
  981.  
  982.     // delayed actions after finishing everything else
  983.     function EnstylerDelayedInit() {
  984.            // don't know why, but works only if called with delay ...
  985.            EnstylerButtonCreate();
  986.            EnstylerPagePickerCreate();
  987.         
  988.           // track DOM change Events, debounce: wait 1000ms after mutiple events
  989.           // then re-apply (somse) changes to dynamic loaded content, 
  990.          if(DEBUG) console.error('DOMSubtreeModified INIT');
  991.           $('.cept-event-deals, .thread-list--type-card').bind("DOMSubtreeModified",$.debounce( 300, function(){
  992.               EnstylerLastSeenDo();
  993.               EnstylerDealTimeDo();
  994.               EnstylerBlacklistDo();
  995.               EnstylerAvatarPopupDo();
  996.               EnstylerDealActionsDo(); 
  997.               EnstylerPagePickerCreateDo();
  998.               if(DEBUG) console.error('DOMSubtreeModified executed');
  999.           }));
  1000.     }
  1001.    
  1002.  
  1003.  
  1004.     // =============== MAIN: START EnstyerJS ===================
  1005.     EnstylerInit();
  1006.     EnstylerStart()
  1007.      
  1008.     // wait until page is loaded completely
  1009.     if (document.readyState == 'loading' || document.readyState == 'interactive'){  // Greasemonkey and Tampermonky -> runs script on DOM ready -> wait for load
  1010.         if(DEBUG) console.error('Run on DOM ready');
  1011.         $(window).bind("load", function() { EnstylerDelayedInit(); });
  1012.     } 
  1013.     else { // if script run on page loaded -> give some time to finish rendering
  1014.          if(DEBUG) console.error('Run on Document loaded');
  1015.          sleepAsync(Date.now()-EnstylerStartTime).then(() => { EnstylerDelayedInit(); });
  1016.     }
  1017.    } // END Enstyler MAIN
  1018.  
  1019.  
  1020. // ============= EnStyler UserScript Homepage functions =======
  1021. // support for EnStyler2 export / import
  1022.  
  1023. } else {
  1024.     // we are on ujserstyle
  1025.     function enGetHome() {
  1026.         var myOptions='';
  1027.         $('#style-settings select').each(function() {
  1028.             var myID = $(this).attr('id');
  1029.             var myValue = $('#'+myID).val();
  1030.             var myText  = $('option[value='+ myValue +']').text();     
  1031.             myOptions +='#' + myID + ':' + myValue +':' + myText +';\n';
  1032.         });
  1033.         $('#style-settings input:checked').each(function() {
  1034.             var myID = $(this).attr('id');
  1035.             var myValue = $('#'+myID).val();
  1036.             var myText  = $('label[for='+ myID +']').text();     
  1037.             myOptions +='#' + myID + ':' + myValue +':' + myText +';\n';
  1038.         });
  1039.        GM_config.set('saveOpt', myOptions);
  1040.     }
  1041.     
  1042.     function enSetHome() {
  1043.         // get saved options,remove newlines and split to settings array
  1044.         var myOptions=GM_config.get('saveOpt');
  1045.         myOptions=myOptions.replace(/\n/g,'');
  1046.         var mySettings = myOptions.split(';');
  1047.  
  1048.         // abort if no options found
  1049.         if (myOptions=='' || !myOptions.startsWith('#')) {return;}
  1050.  
  1051.         for (var i=0; i< mySettings.length; i++) {
  1052.            // each Setting has 3 fields seperated by :, but only 2 used
  1053.            var myField=mySettings[i].split(':');
  1054.  
  1055.            if (myField[0].match(/^#setting/i)) {
  1056.                 // select 
  1057.                 $(myField[0]).val('');
  1058.                 $(myField[0]).val(myField[1]);
  1059.             } else if (myField[0].startsWith('#option')) {
  1060.                 // option
  1061.                 $(myField[0]).prop('checked', true);
  1062.             } else {
  1063.                 if (myField[0] != '') {alert('unkown option: "' + myField +'"');}
  1064.             }
  1065.         }
  1066.     } 
  1067.     
  1068.     // close Window after Click on Update
  1069.     function UpdateOnClick () {
  1070.        sleepAsync(10000).then(() => { window.close(); });
  1071.     }
  1072.     $(".install").click (UpdateOnClick);
  1073.  
  1074.     // remove / display logo selection based on option 
  1075.     function UpdateLogoSelection() {
  1076.         // selection is "Original"
  1077.         if ($('#setting-453429').val() == 'ik-flame1') {
  1078.             // hide logo selection
  1079.             $('#style-settings > li:last-child').addClass('enClassHidden');
  1080.         } else {
  1081.             // show logo selection
  1082.             $('#style-settings > li:last-child').removeClass('enClassHidden');
  1083.         }
  1084.     }
  1085.     $('#setting-453429').change(UpdateLogoSelection);
  1086.     
  1087.     // activate config for Enstyler Homepage
  1088.     GM_config.init(
  1089.       {
  1090.         id: 'GM_config',
  1091.         title: 'Enstyler2 - Settings', 
  1092.         fields: enHomefieldDefs,
  1093.        'events': // Callback functions object
  1094.          {
  1095.           //'init': function() { alert('onInit()'); },
  1096.           // remove elements ich switch is checked or not
  1097.           //'open': function() { enGetHome(); },
  1098.           //'reset': function() { enGMOptChange = true; },
  1099.           // relaod page on close after save
  1100.           'save':  function() { enSetHome(); GM_config.close();},
  1101.           'close': function() { enGMConfigOpen=false; },
  1102.          },
  1103.        'frame': enGMFrame // Element used for the panel
  1104.       }
  1105.     );
  1106.     
  1107.     // START Enstyler 2 Homepage
  1108.     EnstylerHomeButton();
  1109.     // set saved options
  1110.     enSetHome();
  1111.     // show/hide logo selection
  1112.     UpdateLogoSelection();
  1113.     
  1114.     
  1115.  
  1116. }
  1117.  
  1118.  
  1119. //=========== Support functions for actual use ======
  1120.  
  1121. // add CSS in to document
  1122. function addStyleString(str) {
  1123.     var node = document.createElement('style');
  1124.     node.innerHTML = str;
  1125.     document.body.appendChild(node);
  1126. }
  1127.  
  1128. // insertAfter like .insertBefore but as support function
  1129. function insertAfter(newNode, referenceNode) {
  1130.     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  1131. }
  1132.  
  1133. // sleep time expects milliseconds, then execute code
  1134. // NOTE: code runs in parallel (asnyc)!
  1135. // Usage!
  1136. //     sleepAsync(500).then(() => {
  1137. //               Do something after the sleep!
  1138. //      });
  1139.  
  1140. function sleepAsync (time) {
  1141.   return new Promise((resolve) => setTimeout(resolve, time));
  1142. }