<commit_before><template>
  <div class="card white">
    <div class="card-content black-text">
      <span class="card-title">
        Options
      </span>
      <div class="section"
           id="basic"
           style="padding-bottom: 0;">
        <div class="row section"
             style="margin-bottom: 0; padding-bottom: 0;">
          <div class="col s9">
            Instant translation while you type
          </div>
          <div class="col s3 switch right-align">
            <label>
              <input type="checkbox"
                     ng-model="host.instant"
                     ng-change="host.instant ? host.generate() : null">
              <span class="lever">
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <ul class="collapsible"
        data-collapsible="expandable"
        style="box-shadow: none; border-right: none; border-left: none;">
      <li>
        <div class="collapsible-header">
          <i class="material-icons">
            edit</i>Drawing<i class="material-icons right">expand_more
          </i>
        </div>
        <div class="collapsible-body">
          <div class="row valign-wrapper">
            <div class="col s4">
              Language
            </div>
            <div class="col s8 input-field right-align">
              <select ng-model="host.lang"
                      ng-options="lang for lang in host.langs"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
          <div class="row valign-wrapper">
            <div class="col s6">
              Sentence structure
            </div>
            <div class="col s6 input-field right-align">
              <select ng-model="host.structure.sentence"
                      ng-options="structure for structure in host.structures"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
          <div class="row valign-wrapper">
            <div class="col s6">
              Paragraph structure
            </div>
            <div class="col s6 input-field right-align">
              <select ng-model="host.structure.sentence"
                      ng-options="structure for structure in host.structures"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="collapsible-header">
          <i class="material-icons">
            image</i>Output<i class="material-icons right">expand_more
          </i>
        </div>
        <div class="collapsible-body">
          <div class="row valign-wrapper">
            <div class="col s6">
              Width of image (px)
            </div>
            <div class="col s6 input-field right-align">
              <input class="center-align"
                     type="number"
                     ng-model="host.width"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
          <div class="row section">
            <div class="col s9">
              Watermark
            </div>
            <div class="col s3 switch right-align">
              <label>
                <input type="checkbox"
                       ng-model="host.watermark"
                       ng-change="host.instant ? host.generate() : null">
                <span class="lever">
                </span>
              </label>
            </div>
          </div>
          <div class="row  valign-wrapper">
            <div class="col s7 m9">
              Foreground colour (leave blank for transparent)
            </div>
            <div class="col s5 m3 input-field right-align">
              <input class="center-align"
                     type="text"
                     ng-model="host.fore"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
          <div class="row  valign-wrapper">
            <div class="col s7 m9">
              Background colour (leave blank for transparent)
            </div>
            <div class="col s5 m3 input-field right-align">
              <input class="center-align"
                     type="text"
                     ng-model="host.back"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script lang="ts">
import Vue from "vue"
<commit_msg>Fix indentation and export<commit_after><template>
  <div class="card white">
    <div class="card-content black-text">
      <span class="card-title">
        Options
      </span>
      <div class="section"
           id="basic"
           style="padding-bottom: 0;">
        <div class="row section"
             style="margin-bottom: 0; padding-bottom: 0;">
          <div class="col s9">
            Instant translation while you type
          </div>
          <div class="col s3 switch right-align">
            <label>
              <input type="checkbox"
                     ng-model="host.instant"
                     ng-change="host.instant ? host.generate() : null">
              <span class="lever">
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <ul class="collapsible"
        data-collapsible="expandable"
        style="box-shadow: none; border-right: none; border-left: none;">
      <li>
        <div class="collapsible-header">
          <i class="material-icons">edit</i>
          Drawing
          <i class="material-icons right">expand_more </i>
        </div>
        <div class="collapsible-body">
          <div class="row valign-wrapper">
            <div class="col s4">
              Language
            </div>
            <div class="col s8 input-field right-align">
              <select ng-model="host.lang"
                      ng-options="lang for lang in host.langs"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
          <div class="row valign-wrapper">
            <div class="col s6">
              Sentence structure
            </div>
            <div class="col s6 input-field right-align">
              <select ng-model="host.structure.sentence"
                      ng-options="structure for structure in host.structures"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
          <div class="row valign-wrapper">
            <div class="col s6">
              Paragraph structure
            </div>
            <div class="col s6 input-field right-align">
              <select ng-model="host.structure.sentence"
                      ng-options="structure for structure in host.structures"
                      ng-change="host.instant ? host.generate() : null">
              </select>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="collapsible-header">
          <i class="material-icons">image</i>
          Output
          <i class="material-icons right">expand_more</i>
        </div>
        <div class="collapsible-body">
          <div class="row valign-wrapper">
            <div class="col s6">
              Width of image (px)
            </div>
            <div class="col s6 input-field right-align">
              <input class="center-align"
                     type="number"
                     ng-model="host.width"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
          <div class="row section">
            <div class="col s9">
              Watermark
            </div>
            <div class="col s3 switch right-align">
              <label>
                <input type="checkbox"
                       ng-model="host.watermark"
                       ng-change="host.instant ? host.generate() : null">
                <span class="lever">
                </span>
              </label>
            </div>
          </div>
          <div class="row  valign-wrapper">
            <div class="col s7 m9">
              Foreground colour (leave blank for transparent)
            </div>
            <div class="col s5 m3 input-field right-align">
              <input class="center-align"
                     type="text"
                     ng-model="host.fore"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
          <div class="row  valign-wrapper">
            <div class="col s7 m9">
              Background colour (leave blank for transparent)
            </div>
            <div class="col s5 m3 input-field right-align">
              <input class="center-align"
                     type="text"
                     ng-model="host.back"
                     ng-change="host.instant ? host.generate() : null">
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script lang="ts">
import Vue from "vue"

export default Vue.extend({})
</script>
{'fraction_non_alphanumeric': 0.13148267699591135, 'fraction_numerical': 0.004949429739616957, 'mean_word_length': 1.301312205991582, 'pattern_counts': {'":': 0, '<': 204, '<?xml version=': 0, '>': 204, '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': '7028285', 'n_tokens_mistral': 2515, 'n_tokens_neox': 2423, 'n_words': 582}