index.html

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>MD5 Generator</title>
  <link rel="shortcut icon" href="assets/imgs/favicons.png" type="image/png">
  <!-- Styles -->
  <link href="https://fonts.googleapis.com/css?family=Fira+Mono&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link rel="stylesheet" href="assets/css/style.css">
  <!-- Javascript -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <!-- js-скрипт гугл капчи -->
  <script src='https://www.google.com/recaptcha/api.js'></script>
  <!-- Codemirror -->
  <link rel="stylesheet" href="assets/codemirror/lib/codemirror.css">
  <script src="assets/codemirror/lib/codemirror.js"></script>


</head>

<body>

  <!-- navbar -->
  <nav class="navbar navbar-expand-md ">
    <div class="container">
      <a class="navbar-brand title" href="http://blackinvest.group/">Black Invest Group</a>
      <div id="navbarNavDropdown" class="navbar-collapse collapse">
        <ul class="navbar-nav mr-auto"></ul>
        <ul class="navbar-nav">
          <li class="nav-item mr-3">
            <a href="http://blackinvest.group/2019-goals/">Цели на 2019</a>
          </li>
          <li class="nav-item mr-3">
            <a href="http://blackinvest.group/%d0%b4%d0%b5%d0%bd%d1%8c%d0%b3%d0%b8/">Деньги</a>
          </li>
          <li class="nav-item mr-3">
            <a href="http://blackinvest.group/recommended/">Рекомендую!</a>
          </li>
          <li class="nav-item">
            <a href="http://blackinvest.group/webmaster-tools/">Инструменты Вебмастера</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- banner -->
  <div class="adsense text-center">

  </div>


  <div class="container">
    <div class="row">

      <!-- Editor 1 -->
      <div class="col-sm-6 col-md-3 border-right p-0 bg-white">

        <span class="header-editor1-info">Lines: 1</span>
        <div class="header-buttons float-right">
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Копировать" data-editor="editor1">
            <i class="fas fa-copy"></i>
          </button>
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Очистить форму"
            data-editor="editor1">
            <i class="fas fa-trash-alt"></i>
          </button>
        </div>
        <div class="clearfix"></div>

        <textarea id="editor1"></textarea>
        <div class="options form1">
          <p class="text-black-50">Правила ниже работают при отсуствии значений в форме</p>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-num" name="editor1" class="custom-control-input"
              data-operation-name="random-num" data-form-name="form1">
            <label class="custom-control-label" for="random-num">
              <p>Cлучайные цифры <br> Значность: <input type="number" class="search" value="1" min="1" max="5"
                  data-operation-name="random-num" data-form-name="form1" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="serial-num" name="editor1" class="custom-control-input"
              data-operation-name="serial-num" data-form-name="form1">
            <label class="custom-control-label" for="serial-num">
              <p>Последовательные цифры <br> Начиная от: <input type="number" class="search" value="1" min="1"
                  data-operation-name="serial-num" data-form-name="form1" disabled>
                до <input type="number" class="search" value="1" min="1" data-operation-name="serial-num"
                  data-form-name="form1" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-letters" name="editor1" class="custom-control-input"
              data-operation-name="random-letters" data-form-name="form1">
            <label class="custom-control-label" for="random-letters">
              <p>Случайные буквы <br> Количество: <input type="number" class="search" value="3" min="1"
                  data-operation-name="random-letters" data-form-name="form1" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-names" name="editor1" class="custom-control-input"
              data-operation-name="random-names" data-form-name="form1">
            <label class="custom-control-label" for="random-names">
              <p>Случайные имена</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-cities" name="editor1" class="custom-control-input"
              data-operation-name="random-cities" data-form-name="form1">
            <label class="custom-control-label" for="random-cities">
              <p>Случайные города</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <p>Разделитель<br> До: <input type="text" class="search" data-operation-name="before"
                data-form-name="form1">
              После: <input type="text" class="search" data-operation-name="after" data-form-name="form1">
            </p>
          </div>

          <p class="text-black-50 mt-2">
            Удерживайте нажатой клавишу <kbd class="">Ctrl</kbd> чтобы снять отметку.
          </p>
        </div>
      </div>

      <!-- Editor 2 -->
      <div class="col-sm-6 col-md-3 border-right p-0 bg-white">

        <span class="header-editor2-info">Lines: 1</span>
        <div class="header-buttons float-right">
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Копировать" data-editor="editor2">
            <i class="fas fa-copy"></i>
          </button>
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Очистить форму"
            data-editor="editor2">
            <i class="fas fa-trash-alt"></i>
          </button>
        </div>
        <div class="clearfix"></div>

        <textarea id="editor2"></textarea>
        <div class="options form2">
          <p class="text-black-50">Правила ниже работают при отсуствии значений в форме</p>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-num2" name="editor2" class="custom-control-input"
              data-operation-name="random-num" data-form-name="form2">
            <label class="custom-control-label" for="random-num2">
              <p>Cлучайные цифры <br> Значность: <input type="number" class="search" value="1" min="1" max="5"
                  data-operation-name="random-num" data-form-name="form2" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="serial-num2" name="editor2" class="custom-control-input"
              data-operation-name="serial-num" data-form-name="form2">
            <label class="custom-control-label" for="serial-num2">
              <p>Последовательные цифры <br> Начиная от: <input type="number" class="search" value="1" min="1"
                  data-operation-name="serial-num" data-form-name="form2" disabled>
                до <input type="number" class="search" value="1" min="1" data-operation-name="serial-num"
                  data-form-name="form2" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-letters2" name="editor2" class="custom-control-input"
              data-operation-name="random-letters" data-form-name="form2">
            <label class="custom-control-label" for="random-letters2">
              <p>Случайные буквы <br> Количество: <input type="number" class="search" value="3" min="1"
                  data-operation-name="random-letters" data-form-name="form2" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-names2" name="editor2" class="custom-control-input"
              data-operation-name="random-names" data-form-name="form2">
            <label class="custom-control-label" for="random-names2">
              <p>Случайные имена</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-cities2" name="editor2" class="custom-control-input"
              data-operation-name="random-cities" data-form-name="form2">
            <label class="custom-control-label" for="random-cities2">
              <p>Случайные города</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <p>Разделитель<br> До: <input type="text" class="search" data-operation-name="before"
                data-form-name="form2">
              После: <input type="text" class="search" data-operation-name="after" data-form-name="form2">
            </p>
          </div>

          <p class="text-black-50 mt-2">
            Удерживайте нажатой клавишу <kbd class="">Ctrl</kbd> чтобы снять отметку.
          </p>
        </div>
      </div>

      <!-- Editor 3 -->
      <div class="col-sm-6 col-md-3 border-right p-0 bg-white">

        <span class="header-editor3-info">Lines: 1</span>
        <div class="header-buttons float-right">
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Копировать" data-editor="editor3">
            <i class="fas fa-copy"></i>
          </button>
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Очистить форму"
            data-editor="editor3">
            <i class="fas fa-trash-alt"></i>
          </button>
        </div>
        <div class="clearfix"></div>

        <textarea id="editor3"></textarea>
        <div class="options form3">
          <p class="text-black-50">Правила ниже работают при отсуствии значений в форме</p>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-num3" name="editor3" class="custom-control-input"
              data-operation-name="random-num" data-form-name="form3">
            <label class="custom-control-label" for="random-num3">
              <p>Cлучайные цифры <br> Значность: <input type="number" class="search" value="1" min="1" max="5"
                  data-operation-name="random-num" data-form-name="form3" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="serial-num3" name="editor3" class="custom-control-input"
              data-operation-name="serial-num" data-form-name="form3">
            <label class="custom-control-label" for="serial-num3">
              <p>Последовательные цифры <br> Начиная от: <input type="number" class="search" value="1" min="1"
                  data-operation-name="serial-num" data-form-name="form3" disabled>
                до <input type="number" class="search" value="1" min="1" data-operation-name="serial-num"
                  data-form-name="form3" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-letters3" name="editor3" class="custom-control-input"
              data-operation-name="random-letters" data-form-name="form3">
            <label class="custom-control-label" for="random-letters3">
              <p>Случайные буквы <br> Количество: <input type="number" class="search" value="3"
                  data-operation-name="random-letters" data-form-name="form3" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-names3" name="editor3" class="custom-control-input"
              data-operation-name="random-names" data-form-name="form3">
            <label class="custom-control-label" for="random-names3">
              <p>Случайные имена</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-cities3" name="editor3" class="custom-control-input"
              data-operation-name="random-cities" data-form-name="form3">
            <label class="custom-control-label" for="random-cities3">
              <p>Случайные города</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <p>Разделитель<br> До: <input type="text" class="search" data-operation-name="before"
                data-form-name="form3">
              После: <input type="text" class="search" data-operation-name="after" data-form-name="form3">
            </p>
          </div>

          <p class="text-black-50 mt-2">
            Удерживайте нажатой клавишу <kbd class="">Ctrl</kbd> чтобы снять отметку.
          </p>
        </div>
      </div>

      <!-- Editor 4 -->
      <div class="col-sm-6 col-md-3 border-right p-0 bg-white">

        <span class="header-editor4-info">Lines: 1</span>
        <div class="header-buttons float-right">
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Копировать" data-editor="editor4">
            <i class="fas fa-copy"></i>
          </button>
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Очистить форму"
            data-editor="editor4">
            <i class="fas fa-trash-alt"></i>
          </button>
        </div>
        <div class="clearfix"></div>

        <textarea id="editor4"></textarea>
        <div class="options form4">
          <p class="text-black-50">Правила ниже работают при отсуствии значений в форме</p>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-num4" name="editor4" class="custom-control-input"
              data-operation-name="random-num" data-form-name="form4">
            <label class="custom-control-label" for="random-num4">
              <p>Cлучайные цифры <br> Значность: <input type="number" class="search" value="1" min="1" max="5"
                  data-operation-name="random-num" data-form-name="form4" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="serial-num4" name="editor4" class="custom-control-input"
              data-operation-name="serial-num" data-form-name="form4">
            <label class="custom-control-label" for="serial-num4">
              <p>Последовательные цифры <br> Начиная от: <input type="number" class="search" value="1" min="1"
                  data-operation-name="serial-num" data-form-name="form4" disabled>
                до <input type="number" class="search" value="1" min="1" data-operation-name="serial-num"
                  data-form-name="form4" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-letters4" name="editor4" class="custom-control-input"
              data-operation-name="random-letters" data-form-name="form4">
            <label class="custom-control-label" for="random-letters4">
              <p>Случайные буквы <br> Количество: <input type="number" class="search" value="3"
                  data-operation-name="random-letters" data-form-name="form4" disabled>
              </p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-names4" name="editor4" class="custom-control-input"
              data-operation-name="random-names" data-form-name="form4">
            <label class="custom-control-label" for="random-names4">
              <p>Случайные имена</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <input type="radio" id="random-cities4" name="editor4" class="custom-control-input"
              data-operation-name="random-cities" data-form-name="form4">
            <label class="custom-control-label" for="random-cities4">
              <p>Случайные города</p>
            </label>
          </div>

          <div class="custom-control custom-radio">
            <p>Разделитель<br> До: <input type="text" class="search" data-operation-name="before"
                data-form-name="form4">
              После: <input type="text" class="search" data-operation-name="after" data-form-name="form4">
            </p>
          </div>

          <p class="text-black-50 mt-2">
            Удерживайте нажатой клавишу <kbd class="">Ctrl</kbd> чтобы снять отметку.
          </p>
        </div>
      </div>

      <!-- Run -->
      <div class="col-sm-12 bg-white p-4">
        <hr>
        <div class="custom-control custom-switch mt-0">
          <input type="checkbox" class="custom-control-input" id="deleteDuplicateFromOneForm">
          <label class="custom-control-label" for="deleteDuplicateFromOneForm">
            <p>Удалить дубликаты в пределах одной формы</p>
          </label>
        </div>
        <button type="button" id="run" class="btn btn-primary">Run</button>
      </div>

      <!-- Result -->
      <div class="col-sm-12 bg-white pt-1 pl-0">

        <span class="header-result-info">Lines: 1</span>
        <div class="header-buttons float-right">
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Копировать" data-editor="result">
            <i class="fas fa-copy"></i>
          </button>
          <button type="button" rel="tooltip" class="btn btn-default btn-sm" title="Очистить форму"
            data-editor="result">
            <i class="fas fa-trash-alt"></i>
          </button>
        </div>
        <div class="clearfix"></div>

        <textarea id="result"></textarea>
      </div>

    </div>
  </div>


  <!-- footer -->
  <div class="footer">
    <div class="container">
      <div class="mt-2 float-right">
        <!--LiveInternet counter-->
        <script type="text/javascript">
          document.write("<a href='//www.liveinternet.ru/click' " +
            "target=_blank><img src='//counter.yadro.ru/hit?t15.5;r" +
            escape(document.referrer) + ((typeof (screen) == "undefined") ? "" :
              ";s" + screen.width + "*" + screen.height + "*" + (screen.colorDepth ?
                screen.colorDepth : screen.pixelDepth)) + ";u" + escape(document.URL) +
            ";h" + escape(document.title.substring(0, 150)) + ";" + Math.random() +
            "' alt='' title='LiveInternet: number of pageviews for 24 hours," +
            " of visitors for 24 hours and for today is shown' " +
            "border='0' width='88' height='31'><\/a>")
        </script>
        <!--/LiveInternet-->
      </div>
    </div>
  </div>

  <script src="assets/js/data.js"></script>
  <script src="assets/js/main.js"> </script>
</body>

</html>