Pincette Deployment Example

<div class="main">
  <div class="controls">
    <div>
      <span class="pincette-show-form-action" />
      <span style="padding-left: 6em">Number of results: <span class="pincette-count" /></span>
    </div>
    <div><span class="pincette-loading" /></div>
  </div>

  <div class="pincette-forms">
    <div>
      <div class="pincette-simple-search">
  
        <p><input type="text" name="contains" size="60" /></p>
  
        <p>
          <span style="white-space: nowrap">
            <input type="checkbox" name="contents" checked="true" />
            <span style="padding-right: 2em"> Inhoud</span>
            <input type="checkbox" name="title" checked="true" />
            <span style="padding-right: 2em"> Titel</span>
            <input type="checkbox" name="abstract" checked="true" />
            <span style="padding-right: 2em"> Samenvatting</span>
          </span>
        </p>
      </div>

      <p>
        <button class="pincette-search-action" type="button">Search</button>
        <button class="pincette-cancel-action" type="button">Cancel</button>
        <button class="pincette-clear-action" type="button">Clear</button>
      </p>

      <p>
        <span class="pincette-help-action" />
        <span class="pincette-show-search-url-action" style="padding-left:
6em">Search link</span>
      </p>
    </div>
    <div>
      <table class="pincette-advanced-search">
        <col span="1" />
        <col span="1" />
        <col span="1" />
        <tbody>
          <tr>
            <td rowspan="1" colspan="1">Author</td>
            <td rowspan="1" colspan="1"><input type="text" name="dc_creator" size="40" /></td>
            <td class="add-delete" rowspan="1" colspan="1"><span class="add">+</span><span class="delete">&#8211;</span></td>
          </tr>
          <tr>
            <td rowspan="1" colspan="1">Keyword</td>
            <td rowspan="1" colspan="1"><input type="text" name="re_keyword" size="40" /></td>
            <td class="add-delete" rowspan="1" colspan="1"><span class="add">+</span><span class="delete">&#8211;</span></td>
          </tr>
          <tr>
            <td rowspan="1" colspan="1">Date of appearance</td>
            <td colspan="2" rowspan="1">
              <input type="text" name="dcterms_issued" size="20" />
              <span style="padding-left: 1em; padding-right: 1em">until</span>
              <input type="text" name="dcterms_issued" size="20" />
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div class="pincette-navigation">
    <div>
      <span class="pincette-top-action">Top</span>
      <span class="pincette-back-action" />
      <span class="pincette-forward-action" />
    </div>
    <div>
      <div class="pincette-path">
        <span class="template">
          <span class="name">$[name]</span>
          <span class="separator" />
        </span>
      </div>
      <span class="pincette-response-menu"><img src="images/work.png" /></span>
    </div>
  </div>

  <div class="pincette-results">
    <div>
      <div class="pincette-folders">
         <div class="template">
           <div>$[name]<span class="pincette-response-menu"><img src="images/work.png" /></span></div>
           <div><span class="icon" /></div>
        </div>
      </div>
    </div>
    <div>
      <div class="pincette-documents">
        <div class="template">
          <div class="pincette-preview">$[preview]</div>
          <div class="info">
            <p class="title">$[dc_title:-$name]</p>
            <p class="author">$[dc_creator]</p>
            <p class="details-block">
              <span class="pincette-show-details-action">Details</span>
              <span class="pincette-response-menu"><img src="images/work.png" /></span>
            </p>
          </div>
          <div class="description">
            <p><span class="score">$[score]</span>$[score?( &#8212; )()]$[fragments:-$dcterms_abstract]</p>
            <p class="keywords">$[re_keywords]</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="pincette-details">
    <div>
      <div>
        <div class="label">Title</div>
        <div class="value">$[dc_title]</div>
      </div>
      <div>
        <div class="label">Name</div>
        <div class="value">$[name]</div>
      </div>
      <div>
        <div class="label">Author</div>
        <div class="value">$[dc_creator]</div>
      </div>
      <div>
        <div class="label">Keywords</div>
        <div class="value">$[re_keyword]</div>
      </div>
      <div>
        <div class="label">Abstract</div>
        <div class="value">$[dcterms_abstract]</div>
      </div>
    </div>
  </div>

  <div class="pincette-sharing">
    <div>
      <div class="read">
        <p>Read</p>
        <div>
          <select name="selected" multiple="true" size="10" />
        </div>
        <div class="arrows"><span class="up" /><span class="down" /></div>
        <div>
          <input name="principals" type="text" />
        </div>
      </div>
      <div class="write">
        <p>Write</p>
        <div>
          <select name="selected" multiple="true" size="10" />
        </div>
        <div class="arrows"><span class="up" /><span class="down" /></div>
        <div>
          <input name="principals" type="text" />
        </div>
      </div>
    </div>
  </div>
</div>