<commit_before><!-- Waiting/Success Modal --> 
<div class="modal bs-example-modal-sm" id="successWaitingModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Submitting data...</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive center-block" src="images/waiting.gif" id="waitingGif" />
        <h2 class="text-center" id="successMsg" style="color: green;" hidden><strong>Success!</strong></h2>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
    </div>
  </div>
</div>

<!-- imageLibraryView.js body -->
<div id="edit-image" class='container well well-lg' hidden>
  <div class="row">
    <h2>Update Image Information:</h2>
    <div class="col-md-6 col-sm-12">
      <img src="" class="center-block" id="selected-image" />
    </div>
    <div class="col-md-6 col-sm-12">
      <form class="form-horizontal">
        <div class="form-group">
          <label for="inputUrl" class="col-md-2 control-label">URL:</label>
          <div class="col-md-8">
            <input type="text" readonly class="form-control" id="inputUrl">
          </div>
        </div>
        <div class="form-group">
          <label for="inputTitle" class="col-md-2 control-label">Title:</label>
          <div class="col-md-8">
            <input type="text" class="form-control" id="inputTitle">
          </div>
        </div>
        <div class="form-group">
          <label for="inputAltText" class="col-md-2 control-label">Alt Text:</label>
          <div class="col-md-8">
            <input type="text" class="form-control" id="inputAltTitle">
          </div>
        </div>
        <div class="form-group">
          <label for="thumbList" class="col-md-2 control-label">Image Sizes:</label>
          <div class="col-md-8">
            <ul name="thumbList" id="thumbList">
              
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-md-offset-2 col-md-3">
            <button type="button" class="btn btn-default" id="update-button">Update</button>
          </div>
          <div class="col-md-offset-1 col-md-2">
            <button type="button" class="btn btn-danger" id="delete-button">Delete</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class='container well well-lg'>
  <h2>
      <span id="toolTip2" class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="top"> </span>
      Click on an image below to edit it:
  </h2>

  <!-- This div used as scaffolding for JS code -->
  <div class='row imgrow'>
      <div class="col-md-4">
          <img class="img-responsive center-block" src="" />
          <br>
      </div>
      <div class="col-md-4">
          <img class="img-responsive center-block" src="" />
          <br>
      </div>
      <div class="col-md-4">
          <img class="img-responsive center-block" src="" />
          <br>
      </div>
  </div>

</div><commit_msg>updating image library view and add new view to deal with new file upload quirks of KeystoneJS v4<commit_after><!-- Waiting/Success Modal --> 
<div class="modal bs-example-modal-sm" id="successWaitingModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Submitting data...</h4>
      </div>
      <div class="modal-body">
        <img class="img-responsive center-block" src="images/waiting.gif" id="waitingGif" />
        <h2 class="text-center" id="successMsg" style="color: green;" hidden><strong>Success!</strong></h2>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
    </div>
  </div>
</div>

<!-- imageLibraryView.js body -->
<div id="edit-image" class='container well well-lg' hidden>
  <div class="row">
    <h2>Update Image Information:</h2>
    <div class="col-md-6 col-sm-12">
      <img src="" class="img-responsive center-block" id="selected-image" />
    </div>
    <div class="col-md-6 col-sm-12">
      <form class="form-horizontal">
        <div class="form-group">
          <label for="inputUrl" class="col-md-2 control-label">URL:</label>
          <div class="col-md-8">
            <input type="text" readonly class="form-control" id="inputUrl">
          </div>
        </div>
        <div class="form-group">
          <label for="inputTitle" class="col-md-2 control-label">Title:</label>
          <div class="col-md-8">
            <input type="text" class="form-control" id="inputTitle">
          </div>
        </div>
        <div class="form-group">
          <label for="inputAltText" class="col-md-2 control-label">Alt Text:</label>
          <div class="col-md-8">
            <input type="text" class="form-control" id="inputAltTitle">
          </div>
        </div>
        <div class="form-group">
          <label for="thumbList" class="col-md-2 control-label">Image Sizes:</label>
          <div class="col-md-8">
            <ul name="thumbList" id="thumbList">
              
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="col-md-offset-2 col-md-3">
            <button type="button" class="btn btn-default" id="update-button">Update</button>
          </div>
          <div class="col-md-offset-1 col-md-2">
            <button type="button" class="btn btn-danger" id="delete-button">Delete</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class='container well well-lg'>
  <h2>
      <span id="toolTip2" class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="top"> </span>
      Click on an image below to edit it:
  </h2>

  <!-- This div used as scaffolding for JS code -->
  <div class='row imgrow'>
      <div class="col-md-4">
          <img class="center-block" src="" />
          <br>
      </div>
      <div class="col-md-4">
          <img class="center-block" src="" />
          <br>
      </div>
      <div class="col-md-4">
          <img class="center-block" src="" />
          <br>
      </div>
  </div>

</div>
{'fraction_non_alphanumeric': 0.18788410886742757, 'fraction_numerical': 0.009218612818261633, 'mean_word_length': 2.4072781655034894, 'pattern_counts': {'":': 0, '<': 207, '<?xml version=': 0, '>': 207, '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': '964517', 'n_tokens_mistral': 2208, 'n_tokens_neox': 2177, 'n_words': 462}