<commit_before><template>
  <require from="resources/features/remarks/remark-summary"></require>
  <require from="resources/features/images/image-resizer"></require>
  <div class="create-remark-view">
    <div class="section">
      <form submit.delegate="sendRemark()">
        <div class="fill-remark-screen" if.bind="!summaryVisible">
          <div class="row">
            <div class="input-field col s12">
              <span class="text-underlined">${'remark.category_'+remark.category.name | t}</span>
            </div>
            <div class="input-field col s12">
              <input type="text" value.bind="address" placeholder="${'remark.type_location' | t}"  />
            </div>
            <div class="col s12 m4">
              <button class="btn waves-effect waves-light" click.delegate="clearAddress()">
                ${'remark.clear_location' | t}
              </button>
            </div>
           <div class="row"></div>
            <div class="col s12 m4">
              <button class="btn waves-effect waves-light" click.delegate="refreshLocation()">
                ${'remark.actual_location' | t}
              </button>
            </div>            
            <div class="input-field col s12">
                <textarea id="description" placeholder="${'remark.description' | t}" class="materialize-textarea" value.bind="remark.description" maxlength="500"></textarea>
            </div>
            <div class="col s12">
              <div class="add-media pointer" click.trigger="displayCamera()">
                <div class="col s12">
                  <img class="placeholder" if.bind="!remark.photos" src="assets/images/add_media_icon.png" />
                </div>
                <span class="col s12" if.bind="!remark.photos">${'remark.add_photo' | t}</span>
                <img if.bind="remark.photos" src.bind="remark.photos[0].medium" />
              </div>
              <input class="hide" id="new-image" name="new-image" type="file" capture="camera" accept="image/*" files.bind="files"/>
              <image-resizer image.bind="newImage" resized.bind="newImageResized"></image-resizer>
            </div>
          </div>
          <!--<div class="row">
              <div class="input-field col s12">
              <h5>${'tags.select_tags' | t}</h5>
              <md-chip md-close="false" repeat.for="tag of tags" click.delegate="toggleTag(tag)" class="tag ${tag.selected ? 'tag-selected' : ''}">
                  ${tag.value}
              </md-chip>
              </div>
          </div>-->
          <div class="row">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" click.delegate="goToSummary()">
                ${'common.next' | t}
              </button>
            </div>
          </div>
        </div>
        <div if.bind="summaryVisible">
          <remark-summary remark.bind="remark" create-mode.bind="true"></remark-summary>
          <div class="row center">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" type="submit" disabled.bind="sending">
                ${'common.submit' | t}
              </button>
            </div>
          </div>
          <div class="row center">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" click.delegate="toggleSummary()">
                ${'common.edit' | t}
              </button><commit_msg>add photo fix on creating remark<commit_after><template>
  <require from="resources/features/remarks/remark-summary"></require>
  <require from="resources/features/images/image-resizer"></require>
  <div class="create-remark-view">
    <div class="section">
      <form submit.delegate="sendRemark()">
        <div class="fill-remark-screen ${ summaryVisible ? 'hide' : '' }">
          <div class="row">
            <div class="input-field col s12">
              <span class="text-underlined">${'remark.category_'+remark.category.name | t}</span>
            </div>
            <div class="input-field col s12">
              <input type="text" value.bind="address" placeholder="${'remark.type_location' | t}"  />
            </div>
            <div class="col s12 m4">
              <button class="btn waves-effect waves-light" click.delegate="clearAddress()">
                ${'remark.clear_location' | t}
              </button>
            </div>
           <div class="row"></div>
            <div class="col s12 m4">
              <button class="btn waves-effect waves-light" click.delegate="refreshLocation()">
                ${'remark.actual_location' | t}
              </button>
            </div>            
            <div class="input-field col s12">
                <textarea id="description" placeholder="${'remark.description' | t}" class="materialize-textarea" value.bind="remark.description" maxlength="500"></textarea>
            </div>
            <div class="col s12">
              <div class="add-media pointer" click.trigger="displayCamera()">
                <div class="col s12">
                  <img class="placeholder" if.bind="!remark.photos" src="assets/images/add_media_icon.png" />
                </div>
                <span class="col s12" if.bind="!remark.photos">${'remark.add_photo' | t}</span>
                <img if.bind="remark.photos" src.bind="remark.photos[0].medium" />
              </div>
              <input class="hide" id="new-image" name="new-image" type="file" capture="camera" accept="image/*" files.bind="files"/>
              <image-resizer image.bind="newImage" resized.bind="newImageResized"></image-resizer>
            </div>
          </div>
          <!--<div class="row">
              <div class="input-field col s12">
              <h5>${'tags.select_tags' | t}</h5>
              <md-chip md-close="false" repeat.for="tag of tags" click.delegate="toggleTag(tag)" class="tag ${tag.selected ? 'tag-selected' : ''}">
                  ${tag.value}
              </md-chip>
              </div>
          </div>-->
          <div class="row">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" click.delegate="goToSummary()">
                ${'common.next' | t}
              </button>
            </div>
          </div>
        </div>
        <div class="${ summaryVisible ? '' : 'hide' }">
          <remark-summary remark.bind="remark" create-mode.bind="true"></remark-summary>
          <div class="row center">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" type="submit" disabled.bind="sending">
                ${'common.submit' | t}
              </button>
            </div>
          </div>
          <div class="row center">
            <div class="col s10 offset-s1 center">
              <button class="btn waves-effect waves-light" click.delegate="toggleSummary()">
                ${'common.edit' | t}
              </button>
{'fraction_non_alphanumeric': 0.16671408250355618, 'fraction_numerical': 0.00995732574679943, 'mean_word_length': 1.932026688907423, 'pattern_counts': {'":': 0, '<': 151, '<?xml version=': 0, '>': 151, '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': '408844', 'n_tokens_mistral': 2000, 'n_tokens_neox': 1923, 'n_words': 387}