{% extends "layout.html" %}

{% block head %}
  <script src="static/plugin-detect-0.6.3.js" type="text/javascript"></script>
  <script src="static/deployJava.js" type="text/javascript"></script>
  <script src="static/fp2.js" type="text/javascript"></script>
  {% include 'dist/fp2.html' %}
  <script src="static/jquery.flash.js" defer type="text/javascript"></script>
  <script src="static/trkTestVars.js" type="text/javascript"></script>
  <link href="https://chrome.google.com/webstore/detail/pkehgijcmpdhfbdbbnkijodmdjhbjlgp" rel="chrome-webstore-item" />
{% endblock %}

{% block body %}
  <div id='results-wrapper'>
    <aside>
    {% include '_results_aside.html' %}
    </aside>
    <div class="main-section">
      <p>Here are your Cover Your Tracks results. They include an overview of how visible you are to trackers, with an index (and glossary) of all the metrics we measure below. </p>
      <h2 class="indicate">
        Our tests indicate that
      <span id='summary_sentence'></span></h2>
      <h5>Is your browser:</h5>
      <table class='tracker_results' id='results'>
        <tbody>
          <tr>
            <td class='test_label'>Blocking tracking ads?</td>
            <td id='ad_status'><img src='/static/images/ajax-loader.gif' alt='loading...'></td>
          </tr>
          <tr>
            <td class='test_label'>Blocking invisible trackers?</td>
            <td id='tracker_status'><img src='/static/images/ajax-loader.gif' alt='loading...'></td>
          </tr>
          <tr>
            <td class='test_label'>Protecting you from <a id='showFingerprintLink1' href='#fingerprintTable'>fingerprinting</a>?</td>
            <td id='fp_status'><img src='/static/images/ajax-loader.gif' alt='loading...'></td>
          </tr>
          <tr id='acceptable_ads_tr'>
            <td class='test_label'><a href='https://www.eff.org/deeplinks/2017/11/panopticlick-30'>Acceptable ads?</a></td>
            <td id='acceptable_ads_status'><img src='/static/images/ajax-loader.gif' alt='loading...'></td>
          </tr>
          <tr id='dnt_tr' style="display: none;">
            <td class='test_label'>Unblocking 3rd parties that honor <a href='https://www.eff.org/dnt-policy'>Do Not Track</a>?</td>
            <td id='dnt_status'><img src='/static/images/ajax-loader.gif' alt='loading...'></td>
          </tr>
        </tbody>
      </table>

    <p class="center">Still wondering how fingerprinting works?</p>
     <a class="button-style green" href='/learn'>Learn more</a>
     <div class="mobile-aside">
       {% include '_results_aside.html' %}
     </div>
     <p class="tracker_results">Note: because tracking techniques are complex, subtle, and constantly evolving, Cover Your Tracks does not measure all forms of tracking and protection.</p>
     <div id='fingerprintTable'></div>
     <div class="back-to">
       <a href="#results-wrapper">Back to Top &uarr;</a>
     </div>
     <div id="buttons">
       <div class="row">
         <a href="/kcarter" class="button-style" id="kcarterlink" title="Click here to re-test how trackable your browser is">Re-test your browser</a>
       </div>
     </div>
   </div>
  </div>
  <iframe id="a" style="position:absolute;right:0px;bottom:0px;height:1px;width:1px;"></iframe>
  <iframe id="t" style="position:absolute;left:0px;bottom:0px;height:1px;width:1px;"></iframe>
  <iframe id="dnt" style="position:absolute;left:0px;bottom:0px;height:1px;width:1px;"></iframe>
  <script type="text/javascript">
    ghostery_enabled = true;
    var status_str = {
      'yes'    : "{% include '_yes.html' %}",
      'no'     : "{% include '_no.html' %}",
      'partial': "{% include '_partial.html' %}"
    };
    var fp_status_str = {
      'yes'       : '{% include '_fp_yes.html' %}',
      'almost_yes': '{% include '_fp_almost_yes.html' %}',
      'no'        : '{% include '_fp_no.html' %}',
      'no_unique' : '{% include '_fp_no_unique.html' %}',
      'partial'   : '{% include '_fp_partial.html' %}'
    };

    var fpi_whorls = JSON.parse(decodeURIComponent('{{ fpi_whorls }}'));
    window.onload = function(){
      //document.getElementById('fingerprintTable').style.display = "none";
    //  document.getElementById('buttons').style.display = "none";

      var a_loads = Math.min({{ a_loads }}, 3);
      var t_loads = Math.min({{ t_loads }}, 3);
      var dnt_loads = Math.min({{ dnt_loads }}, 3);
      var acceptable_ads_test = {{ acceptable_ads_test }};

      if(acceptable_ads_test){
        $('#kcarterlink').attr('href', $('#kcarterlink').attr('href') + '?aat=1');
      }

      (function fingerprint_table_ux(){
        var showFingerprintLink1 = document.getElementById('showFingerprintLink1');
        var fingerprintTable = document.getElementById('fingerprintTable')
      })();

      (function load_iframes(){
        var cb = Math.floor((Math.random()*1000000)+1);
        var a = document.getElementById('a');
        a.src = 'https://{{ third_party_trackers['ad_server'] }}/kcarting-tally?&random=' + cb;

        var t = document.getElementById('t');
        t.src = 'https://{{ third_party_trackers['tracker_server'] }}/kcarting-tally?&random=' + cb;

        var dnt = document.getElementById('dnt');
        dnt.src = 'https://{{ third_party_trackers['dnt_server'] }}/kcarting-tally?&random=' + cb;

        var kcarterlink = document.getElementById('kcarterlink');
        kcarterlink.onclick = function clearCookies(){
          a.src = 'https://{{ third_party_trackers['ad_server'] }}/clear-cookies?&random=' + cb;
          t.src = 'https://{{ third_party_trackers['tracker_server'] }}/clear-cookies?&random=' + cb;
          dnt.src = 'https://{{ third_party_trackers['dnt_server'] }}/clear-cookies?&random=' + cb;

          setTimeout(function(){
            window.location = kcarterlink.href;
          }, 2000);
          return false;
        }
      })();

      var results = {'known_blockers': []};
      function display_results(){
        var metrics = ['ad', 'tracker', 'dnt', 'acceptable_ads'];

        for(x in metrics){
          var metric = metrics[x];
          if(metric in results){
            document.getElementById(metric + '_status').innerHTML = status_str[results[metric]];
          }
        }
        $('.complimentary_text').css('border-bottom', '3px solid #305D42');
        $('.complimentary_text.no').css('border-bottom', '3px solid #D3473D');
        $('.complimentary_text.partial').css('border-bottom', '3px solid #F6AD0F');
      }

      var counter = 0;
      var sites_responding = {};
      var tracker_assumed_status;
      var ad_assumed_status;
      (function handle_cross_origin_communication(){
        window.addEventListener("message", receiveMessage, false);

        function receiveMessage(event){
          counter++;
          sites_responding[event.origin] = true;
          if(event.origin == "https://{{ third_party_trackers['ad_server'] }}"){
            a_cookies = event.data.split(" ").length;
            if(a_loads == 3){
              if(a_loads > a_cookies){
                ad_assumed_status = 'partial';
              } else {
                ad_assumed_status = 'no';
              }
            } else {
              results['ad'] = 'yes';
            }
          } else if(event.origin == "https://{{ third_party_trackers['tracker_server'] }}"){
            t_cookies = event.data.split(" ").length;
            if(t_loads == 3){
              if(t_loads > t_cookies){
                tracker_assumed_status = 'partial';
              } else {
                tracker_assumed_status = 'no';
              }
            } else {
              results['tracker'] = 'yes';
            }
          }
          display_results();
        }
      })();


      function other_link(browser, url){
        var other = document.createElement('p');
        other.className = 'other_link';
        other.href = url;
        other.innerHTML = '<a href="'+url+'">Click here for '+browser+' version</a>';
        return other;
      }

      function onChromeInstallFailure(url){
        window.location.assign(url);
      }

      function detect_browser_and_platform(){
        // detect browser
        var browser = 'other';
        var platform = 'desktop';
        if(navigator && navigator.userAgent){
          if(navigator.userAgent.match(/firefox/i)){
            browser = 'firefox';
            if(navigator.userAgent.match(/android/i)){
              platform = 'android';
            }
          } else if(navigator.userAgent.match(/msie/i) || navigator.userAgent.match(/trident/i)){
            browser = 'ie';
          } else if(navigator.userAgent.match(/opr\//i)){
            browser = 'opera';
            if(navigator.userAgent.match(/mobile/i)){
              platform = 'android';
            }
          } else if(navigator.userAgent.match(/chrome/i)) {
            browser = 'chrome';
            if(navigator.userAgent.match(/android/i)){
              platform = 'android';
            }
          } else if(navigator.userAgent.match(/fxios/i)){
            platform = 'ios';
            browser = 'firefox';
          } else if(navigator.userAgent.match(/crios/i)){
            platform = 'ios';
            browser = 'chrome';
          } else if(navigator.userAgent.match(/safari/i)){
            browser = 'safari';
            if(navigator.userAgent.match(/mobile/i)){
              platform = 'ios';
            }
          }
        }
        return {browser: browser, platform: platform};
      }


      function record_results(){
        var req = new XMLHttpRequest();
        req.open("POST", "/record-results",true);
        req.setRequestHeader('Content-type','application/json')
        req.send(JSON.stringify(results));
      }

      setTimeout(function(){
        if(counter < 3){
          // We're using PrivacyBadger (heuristic blocking) or domain blacklist
          results['ad'] = 'yes';
          results['tracker'] = 'yes';
          results['acceptable_ads'] = 'yes';
          if("https://{{ third_party_trackers['dnt_server'] }}" in sites_responding){
            results['dnt'] = 'yes';
          } else {
            results['dnt'] = 'no';
          }
        } else {
          results['dnt'] = 'no';
          if(ghostery_enabled){
            results['tracker'] = 'yes';
            results['ad'] = 'yes';
            results['known_blockers'].push('ghostery');
          } else {
            if(tracker_assumed_status){
              results['tracker'] = tracker_assumed_status;
            }
            if(ad_assumed_status){
              results['ad'] = ad_assumed_status;
            }
          }
        }

        // Only display the results of the acceptable ads test if we have at
        // least *some* protection against ads or trackers.
        if(acceptable_ads_test &&
          !(results['ad'] == "no" && results['tracker'] == "no") &&
          $('#fp_status').html() == fp_status_str['partial'] &&
          $('#fp_status').html() == fp_status_str['yes']){
          // If we don't already have a 'yes' result from Privacy Badger...
          if(results['acceptable_ads'] != 'yes'){
            results['acceptable_ads'] = 'yes';

            var meta = document.createElement('meta');
            meta.name = "referrer";
            meta.content = "no-referrer";
            document.getElementsByTagName('head')[0].appendChild(meta);

            var acceptable_ad = document.createElement('img');
            acceptable_ad.onload = function(){
              if(acceptable_ad.naturalHeight == 1 && acceptable_ad.naturalWidth == 1) {
                results['acceptable_ads'] = 'yes';
              } else {
                results['acceptable_ads'] = 'no';
                if(results['tracker'] == 'yes'){
                  results['tracker'] = 'partial';
                }
                if(results['ad'] == 'yes'){
                  results['ad'] = 'partial';
                }
              }
              display_results();
              display_summary_sentence();
            };
            acceptable_ad.src = "https://media.net/favicon.ico";
          }
          $('#acceptable_ads_tr').show();
        }

        if(results['ad'] != 'no' && results['tracker'] != 'no'){
          if($('#fp_status').html() == fp_status_str['partial']){
            if(results['acceptable_ads'] == 'no'){
              results['acceptable_ads'] = 'partial';
            }
            results['dnt'] = 'yes';
            $('#dnt_tr').hide();
          } else if($('#fp_status').html() == fp_status_str['yes']) {
            results['ad'] = 'yes';
            results['tracker'] = 'yes';
            results['acceptable_ads'] = 'yes';
            results['dnt'] = 'yes';
            $('#dnt_tr').hide();
          }
        }

        display_results();
        // final string from results...

        function display_summary_sentence(){
          var summary_sentence = document.getElementById('summary_sentence');

          if(results['tracker'] == 'yes' && results['ad'] == 'yes' && results['dnt'] == 'yes'){
            summary_sentence.innerHTML = "{% include '_summary_sentence_yes.html' %}";
          } else if(results['tracker'] == 'yes' && results['ad'] == 'yes' && results['dnt'] == 'no'){
            summary_sentence.innerHTML = "{% include '_summary_sentence_yes.html' %}";
          } else {
            if(results['tracker'] == 'no' && results['ad'] == 'no') {
              summary_sentence.innerHTML = "{% include '_summary_sentence_no.html' %}";
            } else if(ghostery_detected) {
              summary_sentence.innerHTML = "{% include '_summary_sentence_incomplete_protection.html' %}";
            } else {
              summary_sentence.innerHTML = "{% include '_summary_sentence_mixed.html' %}";
            }
            detection = detect_browser_and_platform();

          }
          document.getElementById('buttons').style.display = 'block';
        }
        display_summary_sentence();
        record_results();
      },2000);

      var tries = 0;
      ghostery_detected = null;
      var int_id = window.setInterval(function(){
        var purple_box  = document.querySelector('div[title="Click to dismiss alert bubble"]');

        //Ghostery installed
        if (purple_box != null){
          window.clearInterval(int_id);

          ghostery_detected = 'yes';
          /*var piwik_span = purple_box.querySelector('span');
          if(piwik_span.className.match(/blocked$/)){
            ghostery_detected = 'yes';
          } else {
            ghostery_detected = 'no';
          }*/
        } else if(tries >= 200){
          window.clearInterval(int_id);
        }
        tries += 1;
      },10);
    };
    window.onunload=function() {};
  </script>
  <script src="/static/zig.js" type='text/javascript'></script>

  <script src="/static/results.js" defer type='text/javascript'></script>

{% endblock %}