← back to Designerrepresentatives

views/partials/grid-controls.ejs

22 lines

<div class="grid-controls" data-grid-controls>
  <div class="grid-controls-left">
    <span class="grid-count" data-grid-count><%= total %></span> <span class="muted">reps</span>
  </div>
  <div class="grid-controls-right">
    <label class="control">
      <span>Sort</span>
      <select id="sort-select" data-sort>
        <option value="newest"   <%= sortKey === 'newest'   ? 'selected' : '' %>>Newest</option>
        <option value="city"     <%= sortKey === 'city'     ? 'selected' : '' %>>City</option>
        <option value="agency_az"<%= sortKey === 'agency_az'? 'selected' : '' %>>Agency A→Z</option>
        <option value="name_az"  <%= sortKey === 'name_az'  ? 'selected' : '' %>>Name A→Z</option>
        <option value="vertical" <%= sortKey === 'vertical' ? 'selected' : '' %>>Vertical</option>
      </select>
    </label>
    <label class="control">
      <span>Density</span>
      <input id="density-slider" type="range" min="200" max="420" step="20" value="300" data-density>
    </label>
  </div>
</div>