<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Form validation</title>
    <link rel="stylesheet" href="/style/common.css" type="text/css">
    <script src="/main.js" type="text/javascript" charset="utf-8"></script>
    <script data-main="/src/pat/main" src="/src/bower_components/requirejs/require.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
          <h3>Vertical form</h3>
          <form class="pat-validation vertical" method="get" action="#" novalidate>
            <label>Full name <input type="text" name="name" required="required"/></label>
            <label>Age <input type="number" name="age" min="16" max="65" required="required"/></label>
            <fieldset class="checklist radio">
              <legend>Favourite colour</legend>
              <label><input name="colour" required="required" type="radio" value="blue"/> Blue</label>
              <label><input name="colour" required="required" type="radio" value="pink"/> Pink</label>
              <label><input name="colour" required="required" type="radio" value="red"/> Red</label>
              <label><input name="colour" required="required" type="radio" value="yellow"/> yellow</label>
            </fieldset>
            <fieldset class="buttons">
              <button>Test</button>
            </fieldset>
          </form>

          <h3>Horizontal form</h3>
          <form class="pat-validation horizontal" method="get" action="#" novalidate>
            <label>Full name <input type="text" name="name" required="required"/></label>
            <label>Age <input type="number" name="age" min="16" max="65" required="required"/></label>
            <fieldset class="checklist radio">
              <legend>Favourite colour</legend>
              <label><input name="colour" required="required" type="radio" value="blue"/> Blue</label>
              <label><input name="colour" required="required" type="radio" value="pink"/> Pink</label>
              <label><input name="colour" required="required" type="radio" value="red"/> Red</label>
              <label><input name="colour" required="required" type="radio" value="yellow"/> yellow</label>
            </fieldset>
            <fieldset class="buttons">
              <button>Test</button>
            </fieldset>
          </form>

          <h3>Date fields</h3>
          <form class="pat-validation" method="get" action="#" novalidate>
            <label>Planning start
                <input
                    type="date" class="pat-date-picker"
                    name="measure.planning_start:records"
                    data-pat-date-picker="behavior: native"
                    data-pat-validation="type: date; not-after: #planning-end; message-date: This date must be on or before the end date."
                    id="planning-start"
                    value="2015-10-10"/>
            </label>
            <label>Planning end
                <input
                    type="date" class="pat-date-picker" name="measure.planning_end:records"
                    data-pat-date-picker="behavior: native"
                    data-pat-validation="type: date; not-before: #planning-start; message-date: This date must be on or after the start date."
                    id="planning-end"
                    value="2015-09-10"/>
            </label>
            <fieldset class="buttons">
              <button>Test</button>
            </fieldset>
          </form>
  </body>
</html><commit_msg>Improved validation demo layout<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Form validation</title>
    <link rel="stylesheet" href="/style/common.css" type="text/css">
    <script src="/main.js" type="text/javascript" charset="utf-8"></script>
    <script data-main="/src/pat/main" src="/src/bower_components/requirejs/require.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
      <h3>Vertical form</h3>
      <form class="pat-validation vertical" method="get" action="#" novalidate>
          <fieldset class="vertical">
            <label>Full name <input type="text" name="name" required="required"/></label>
            <label>Age <input type="number" name="age" min="16" max="65" required="required"/></label>
            <fieldset class="pat-checklist radio">
              <legend>Favourite colour</legend>
              <label><input name="colour" required="required" type="radio" value="blue"/> Blue</label>
              <label><input name="colour" required="required" type="radio" value="pink"/> Pink</label>
              <label><input name="colour" required="required" type="radio" value="red"/> Red</label>
              <label><input name="colour" required="required" type="radio" value="yellow"/> yellow</label>
            </fieldset>
            <fieldset class="buttons">
              <button class="pat-button">Test</button>
            </fieldset>
          </fieldset>
      </form>

      <h3>Horizontal form</h3>
      <form class="pat-validation horizontal" method="get" action="#" novalidate>
        <fieldset class="horizontal">
          <label>Full name <input type="text" name="name" required="required"/></label>
          <label>Age <input type="number" name="age" min="16" max="65" required="required"/></label>
          <fieldset class="group pat-checklist radio">
            <legend>Favourite colour</legend>
            <label><input name="colour" required="required" type="radio" value="blue"/> Blue</label>
            <label><input name="colour" required="required" type="radio" value="pink"/> Pink</label>
            <label><input name="colour" required="required" type="radio" value="red"/> Red</label>
            <label><input name="colour" required="required" type="radio" value="yellow"/> yellow</label>
          </fieldset>
          <fieldset class="buttons">
            <button class="pat-button">Test</button>
          </fieldset>
        </fieldset>
      </form>

        <h3>Date fields</h3>
          <form class="pat-validation" method="get" action="#" novalidate>
            <fieldset class="horizontal">
              <label>Planning start
                  <input
                      type="date" class="pat-date-picker"
                      name="measure.planning_start:records"
                      data-pat-date-picker="behavior: native"
                      data-pat-validation="type: date; not-after: #planning-end; message-date: This date must be on or before the end date."
                      id="planning-start"
                      value="2015-10-10"/>
              </label>
              <label>Planning end
                  <input
                      type="date" class="pat-date-picker" name="measure.planning_end:records"
                      data-pat-date-picker="behavior: native"
                      data-pat-validation="type: date; not-before: #planning-start; message-date: This date must be on or after the start date."
                      id="planning-end"
                      value="2015-09-10"/>
              </label>
              <fieldset class="buttons">
                <button class="pat-button">Test</button>
              </fieldset>
            </fieldset>
        </form>
  </body>
</html>
{'fraction_non_alphanumeric': 0.16067308997150223, 'fraction_numerical': 0.008956439136924956, 'mean_word_length': 2.306415432929565, 'pattern_counts': {'":': 0, '<': 187, '<?xml version=': 0, '>': 187, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '218501', 'n_tokens_mistral': 2097, 'n_tokens_neox': 1970, 'n_words': 421}