<div class="page-header">
  <h1>{{'resources' | translate}}</h1>
</div>
<div class="col-sm-12 card-pf resources-list">
  <div class="card-pf-body row">
    <ul class="nav nav-tabs">
      <li><a href="#">{{'myResources' | translate}}</a></li>
      <li class="active"><a href="#">{{'sharedwithMe' | translate}}</a></li>
    </ul>
    <div class="m-t">
      <div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-shared">
        <div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions">
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  {{'resource' | translate}}
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item">
                  {{'owner' | translate}}
                </div>
                <div class="list-view-pf-additional-info-item">
                  {{'application' | translate}}
                </div>
                <div class="list-view-pf-additional-info-item">
                  {{'myPermissions' | translate}}
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="list-group-item list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions">
            <div class="dropdown pull-right dropdown-kebab-pf">
              <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <span class="fa fa-ellipsis-v"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
                <li><a href="#">{{'remove' | translate}}</a></li>
              </ul>
            </div>
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  <span class="fa fa-file"></span> <a href="#">Open camera</a>
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item">
                  Chirst Ma
                </div>
                <div class="list-view-pf-additional-info-item">
                  <a href="#">photoz-rest-api</a>
                </div>
                <div class="list-view-pf-additional-info-item">
                  Read, Battery, Test-date, Status, Delete
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="list-group-item list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions">
            <div class="dropdown pull-right dropdown-kebab-pf">
              <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <span class="fa fa-ellipsis-v"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
                <li><a href="#">Remove</a></li>
              </ul>
            </div>
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  <span class="fa fa-file"></span> <a href="#">Open company server</a>
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item">
                  tzhu
                </div>
                <div class="list-view-pf-additional-info-item">
                  <a href="#">photoz-rest</a>
                </div>
                <div class="list-view-pf-additional-info-item">
                  Read, Battery
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="list-group-item list-view-pf-stacked list-view-pf-top-align">
          <div class="list-view-pf-actions">
            <div class="dropdown pull-right dropdown-kebab-pf">
              <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <span class="fa fa-ellipsis-v"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
                <li><a href="#">Remove</a></li>
              </ul>
            </div>
          </div>
          <div class="list-view-pf-main-info">
            <div class="list-view-pf-body">
              <div class="list-view-pf-description">
                <div class="list-group-item-heading">
                  <span class="fa fa-file"></span> <a href="#">Personal info of Tom Li</a>
                </div>
              </div>
              <div class="list-view-pf-additional-info">
                <div class="list-view-pf-additional-info-item ">
                  lijun
                </div>
                <div class="list-view-pf-additional-info-item ">
                  <a href="#">photoz-rest-api</a>
                </div>
                <div class="list-view-pf-additional-info-item">
                  Email, Phone, Address, Avatar, Username…
                </div>
              </div>
            </div>
          </div>
        </div>

        <form class="content-view-pf-pagination table-view-pf-pagination clearfix" id="pagination1">
          <div class="form-group">
            <select class="selectpicker pagination-pf-pagesize">
              <option value="6">6</option>
              <option value="10" >10</option>
              <option value="15" selected="selected">15</option>
              <option value="25">25</option>
              <option value="50">50</option>
            </select>
            <span>per page</span>
          </div>
          <div class="form-group">
            <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
            <ul class="pagination pagination-pf-back">
              <li class="disabled"><a href="#" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
              <li class="disabled"><a href="#" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
            </ul>
            <label for="pagination1-page" class="sr-only">Current Page</label>
            <input class="pagination-pf-page" type="text" value="1" id="pagination1-page"/>
            <span>of <span class="pagination-pf-pages">5</span></span>
            <ul class="pagination pagination-pf-forward">
              <li><a href="#" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
              <li><a href="#" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
            </ul>
          </div>
        </form>

      </div>
    </div>
  </div>
</div>
