<commit_before>---
layout: panel
application_name: Image picker
action: "/"
title: Image picker
design_title: Image picker panel
design_description: "Panel that allows users to pick an image"
buttons:
  - label: Insert selected image
    type: submit
    class: 'close-panel icon-ok-circle'
  - label: Cancel
    type: button
    class: 'close-panel icon-cancel-circle'
---

<fieldset class="filter-bar">
	<select name="source">
		<option>This workspace</option>
		<optgroup label="Image bank">
			<option>Folder so and so</option>
			<option>Folder so and so</option>
			<option>Folder so and so</option>
		</optgroup>
	</select>
	<input type="search" placeholder="Search in 'This Workspace' by keyword" />
	<!-- The search by keyword function would ideally search images by keyword in title, description, file name or content of image (SVG text). -->
</fieldset>

<fieldset class="pat-checklist radio image-selector">
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/corporate.png" alt="Description of image." title="Title of image — Description of image" />
		<!-- Don't print the M-dash in the title attribute value of the above element is no description is available. -->
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/klm-tulips.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/lufthansa-winter.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/new-delhi-skyline.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/cms/leitsätze.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/vision-to-product.png" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/book-and-fly.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/budget-proposal.png" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/cms/seelsorgerat.jpeg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/cms/walk.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
	<label class="item">
		<input type="radio" name="image" />
		<img src="/media/avatar-alexander-pilz.jpg" alt="Description of image." title="Title of image — Description of image" />
	</label>
</fieldset><commit_msg>adjusting image picker html page to be used in pat-raptor<commit_after>---
layout: generic
application_name: Image picker
action: "/"
title: Upload or Select Image
---


<div class="header">
  <button type="button" class="close-panel">Close</button>
  <h1>Upload or Select Image</h1>
</div>
<div>
  <form action="/" class="wizard-box">

    <div class="panel-body">

      <fieldset class="filter-bar">
        <select name="source">
          <option>This workspace</option>
          <optgroup label="Image bank">
            <option>Folder so and so</option>
            <option>Folder so and so</option>
            <option>Folder so and so</option>
          </optgroup>
        </select>
        <input type="search" placeholder="Search in 'This Workspace' by keyword" />
      </fieldset>

      <fieldset class="pat-checklist radio image-selector">
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/corporate.png" alt="Description of image." title="Title of image — Description of image" />
          <!-- Don't print the M-dash in the title attribute value of the above element is no description is available. -->
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/klm-tulips.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/lufthansa-winter.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/new-delhi-skyline.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/cms/leitsätze.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/vision-to-product.png" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/book-and-fly.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/budget-proposal.png" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/cms/seelsorgerat.jpeg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/cms/walk.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
        <label class="item">
          <input type="radio" name="image" />
          <img src="/media/avatar-alexander-pilz.jpg" alt="Description of image." title="Title of image — Description of image" />
        </label>
      </fieldset>
    </div>

    <div class="buttons panel-footer">
      <button type="submit" class="close-panel icon-ok-circle">
        Insert selected image
      </button>
      <button type="button" class="close-panel icon-cancel-circle">
        Cancel
      </button>
    </div>

  </form>
</div>

{'fraction_non_alphanumeric': 0.16049018160342537, 'fraction_numerical': 0.0002952901225454009, 'mean_word_length': 3.1054545454545455, 'pattern_counts': {'":': 0, '<': 146, '<?xml version=': 0, '>': 146, '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': '7036478', 'n_tokens_mistral': 2068, 'n_tokens_neox': 2010, 'n_words': 625}