<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
  <head>
    <meta content="text/html; charset=unicode" http-equiv="Content-Type">
    <meta content="Линда Кайе 2019-2020. Посвящается Ариэль" name="Author">
    <meta content="AJPapps - Spawn HTML file" name="Generator">
    <meta content="ANPFile" name="ProgId">
    <meta content="width=device-width, initial-scale=1" name="Viewport">
    <meta content="zxcvbn test" name="Description">
    
    <title>zxcvbn test</title>
    
    <style type="text/css">
    <!--
      /* All hail Demonz! */
      * {
        color:inherit;
        font:inherit;
        margin:0px;
        padding:0px;
      }
      
      /* Общие стили... */
      b {
        font-weight:bold;
      }
      
      i {
        font-style:italic;
      }
      
      body {
        font:12pt "Trebuchet MS",Tahoma,Arial,sans-serif;
        margin:10px;
        padding:10px;
        
        color:ButtonText;
        background:ButtonFace;
      }
      
      pre {
        font:12pt Consolas,"Courier New",monospace;
      }
      
      img {
        border:none;
      }
      
      a {
        text-decoration:none;
        border-bottom:1px dotted black;
      }
      
      /* Заголовок... */
      h1 {
        font-size:18pt;
        font-weight:bold;
        
        margin:0px 0px 0px 0px;
      }
      
      p.sub_h1 {
        font-size:8pt;
        font-weight:bold;
        
        margin:0px 0px 25px 0px;
      }
      
      /* Футер... */
      #divLinks {
        margin:15px 0px 0px 0px;
        padding:0px 5px 0px 0px;
        text-align:right;
      }
      
      /* Форма... */
      #frmMain {
        padding:0px;
        margin:0px;
      }
      
      #lblTag {
        margin:0px;
      }
      
      #txtPassword {
        width:260px;
        height:25px;
        margin:0px 5px 30px 5px;
        padding:0px 7px;
      }
      
      #cmdCheck {
        width:120px;
        height:29px;
        margin:0px 0px 30px 0px;
        padding:0px;
      }
      
      #preOutput {
        x-border:2px dashed black;
        border:1px solid black;
        margin:0px;
        padding:7px 10px;
      }
    -->
    </style>
    
    <script type="text/javascript" src="zxcvbn.js"></script>
    
    <script type="text/javascript">
    <!--
      "use strict";
      
      var BR = "\n";
      
      //=============================================================
      function testPassword() {
        var tb = document.getElementById("txtPassword");
        testPassword2(tb.value);
        tb.select();
      }
      
      //=============================================================
      // https://blogs.dropbox.com/tech/2012/04/zxcvbn-realistic-password-strength-estimation/
      // http://tech.dropbox.com/?p=165
      // https://github.com/dropbox/zxcvbn
      // https://lowe.github.io/tryzxcvbn/
      //=============================================================
      function testPassword2(password) {
        var txt = "";
        var result;
        var feedbackPresent = false;
        var pre;
        
        result = zxcvbn(password);
        
        txt += "Password:      " + result.password + BR;
        txt += "Score:         " + result.score + " / 4";
        
        switch (result.score) {
          case 0:
            txt += " (risky password, too guessable)" + BR;
            break;
          case 1:
            txt += " (very guessable password, protection from throttled online attacks)" + BR;
            break;
          case 2:
            txt += " (somewhat guessable password, protection from unthrottled online attacks)" + BR;
            break;
          case 3:
            txt += " (safely unguessable password, moderate protection from offline slow-hash scenario)" + BR;
            break;
          case 4:
            txt += " (very unguessable password: strong protection from offline slow-hash scenario)" + BR;
            break;
          default:
            txt += BR;
            break;
        }
        
        txt += BR;
        
        txt += "Guess times:   " + BR;
        /*
        txt += "  100 / hour:   " + result.crack_times_display.online_throttling_100_per_hour + "	(throttled online attack)" + BR;
        txt += "  10  / second: " + result.crack_times_display.online_no_throttling_10_per_second + "	(unthrottled online attack)" + BR;
        txt += "  10k / second: " + result.crack_times_display.offline_slow_hashing_1e4_per_second + "	(offline attack, slow hash, many cores)" + BR;
        txt += "  10B / second: " + result.crack_times_display.offline_fast_hashing_1e10_per_second + "	(offline attack, fast hash, many cores)" + BR;
        */
        txt += "  100 / hour   (throttled online attack):               " + result.crack_times_display.online_throttling_100_per_hour + BR;
        txt += "  10  / second (unthrottled online attack):             " + result.crack_times_display.online_no_throttling_10_per_second + BR;
        txt += "  10k / second (offline attack, slow hash, many cores): " + result.crack_times_display.offline_slow_hashing_1e4_per_second + BR;
        txt += "  10B / second (offline attack, fast hash, many cores): " + result.crack_times_display.offline_fast_hashing_1e10_per_second + BR;
        
        txt += BR;
        
        //txt += "Guesses:       " + result.guesses + BR;
        //txt += "Guesses log10: " + Math.round(result.guesses_log10) + BR;
        txt += "Guesses log10: " + result.guesses_log10.toFixed(5) + BR;
        
        txt += BR;
        
        // Debug!
        //txt += result.feedback + BR;
        //txt += result.feedback.suggestions + BR;
        //txt += result.feedback.suggestions.length + BR;
        //txt += result.feedback.warning + BR;
        
        if (result.feedback.suggestions.length > 0) {
          txt += "Suggesions:    " + result.feedback.suggestions[0] + BR;
          for (var tmp = 1; tmp < result.feedback.suggestions.length; tmp++) {
            txt += "               " + result.feedback.suggestions[tmp] + BR;
          }
          feedbackPresent = true;
        }
        
        if (result.feedback.warning) {
          txt += "Warning:       " + result.feedback.warning + BR;
          feedbackPresent = true;
        }
        
        if (feedbackPresent) txt += BR;
        
        if (result.sequence.length > 0) {
          txt += "Match sequences:" + BR;
          
          for (var tmp = 0; tmp < result.sequence.length; tmp++) {
            txt += "  «" + result.sequence[tmp].token + "»" + BR;
            txt += "    Pattern:       " + result.sequence[tmp].pattern + BR;
            //txt += "    Guesses:       " + result.sequence[tmp].guesses + BR;
            //txt += "    Guesses log10: " + Math.round(result.sequence[tmp].guesses_log10) + BR;
            txt += "    Guesses log10: " + result.sequence[tmp].guesses_log10.toFixed(5) + BR;
          }
          
          txt += BR;
        }
        
        txt += "zxcvbn() time: " + result.calc_time + " ms." + BR;
        
        pre = document.getElementById("preOutput");
        pre.innerText = txt;
      }
    //-->
    </script>
  </head>
  <body>
    
    <h1>zxcvbn test</h1>
    
    <p class="sub_h1">Не хранит ваши пароли</p>
    
    <form id="frmMain" action="JavaScript:testPassword();">
      <label for="txtpassword" id="lblTag">Пароль:</label>
      <input type="text" value="" id="txtPassword" autocomplete="off" autofocus>
      <input type="submit" value="Проверить" id="cmdCheck" default>
    </form>
    
    <pre id="preOutput">Введите пароль...</pre>
    
    <div id="divLinks">
      <!-- https://blogs.dropbox.com/tech/2012/04/zxcvbn-realistic-password-strength-estimation/ -->
      <a href="http://tech.dropbox.com/?p=165">Dropbox post</a>
      •
      <a href="https://github.com/dropbox/zxcvbn">zxcvbn source code</a>
      •
      <a href="https://lowe.github.io/tryzxcvbn/">Live demo</a>
    </div>
    
  </body>
</html>