Filter concept

by philll_t

HTML

<br/>

<div class="container-fluid">

  <heading>
    <h1>
      Filter Concept
    </h1>
  </heading>

  <div class="card">
    <div class="card-body">
      <select>
        <option>Show</option>
        <option>Hide</option>
      </select>

      <select>
        <option>all</option>
        <option>all unseen</option>
        <option>all seen</option>
        <option>all with voicemails</option>
        <option>all unseen with voicemails</option>
        <option>all seen with voicemails</option>
        <option>all unseen without voicemails</option>
        <opiton>all without voicemails</opiton>
        <option>all seen without voicemails</option>
      </select>

      <label>for</label>
      <select>
        <option>all team members</option>
        <option>Felipe Tadeo</option>
        <option>Alex Perez</option>
      </select>

      <label>with</label>
      <select>
        <option>all types of calls to</option>
        <option>outgoing calls to</option>
        <option>incoming calls from</option>
        <option>no answer from</option>
        <option>missed calls from</option>
      </select>

      <input type="text" placeholder="all leads" />
    </div>
  </div>

  <div>
    <p>
      User can select from a combination of human readable filters. This would provide a powerful interface to intuitively handle complex queries.
    </p>

    <p>
      First filter is the inverter. The user can either choose to show or hide the following.
    </p>

    <p>
      The next filter would be the status filter. The user can select to see/hide calls based on their read/unread status.
    </p>


    <p>
      Next the user would be able to select specific members to.
    </p>

    <p>
      Then the user can select the types of calls to filter.
    </p>

    <p>
      Finally, the user can then select which leads.
    </p>

  </div>

</div>