unserver-unify/src/app/sharedrive/sharedrive.html

<div ng-controller="shareDriveController as ctrl">
  <div class="col-md-3 col-xs-12">
    <ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 no-padding myspace_menu" id="sidebar-nav-1" ng-init="showTab = 'department'">
          <li ng-class="{'list-group-item':true, 'active':showTab == 'department'}">
            <a data-toggle="tab" ng-click="showTab = 'department'; ctrl.setDriveType('school')">
              <i class="fa fa-files-o">
              </i> {{"Public Files" | translate}}
            </a>
          </li>
          <li ng-class="{'list-group-item':true, 'active':showTab == 'mydepartment'}">
            <a data-toggle="tab" ng-click="showTab = 'mydepartment'; ctrl.setDriveType('department')" style="padding-right:0px;">
              <i class="fa fa-file-o">
              </i> {{ 'My Files'|translate }}
            </a>
          </li>
        </ul>

        <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 no-padding myspace_menu" id="sidebar-nav-2" ng-if="showTab == 'mydepartment'&&ctrl.mydeps.length">
          <li ng-class="{'list-group-item':true, 'active':ctrl.depId == 'item._id'}" ng-repeat="item in ctrl.mydeps">
            <a ng-click="ctrl.searchByDep(item._id)" style="padding-right:0px;">

              {{ item.name }}
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9 col-xs-12">
    <div class="tab-v1">
      <div class="tab-content white-bg">
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'mydepartment'}" ng-if="showTab=='mydepartment'">
          <div class="col-lg-12">
            <div class="ibox">
              <div class="ibox-title">
                <h5>
                  {{ 'Total' | translate }} :
                  <span class="badge badge-primary">
                    {{ counter || 0}}
                  </span>
                </h5>
              </div>
              <div class="ibox-content">
               <table class="table table-striped table-hover tbl_aln" st-safe-src="displayedItems" st-table="Items">
                
                  <thead>
                    <tr class="info">
                      <td>
                        <input st-search="displayName" placeholder="{{'Search by file name' | translate}}" class="form-control" type="search" />
                      </td>
                      <!--td colspan="2">
                        <select class="form-control" ng-model="categoryModal" ng-options="info._id as info.name for info in ctrl.mydeps track by info.name">
                          <option value="">
                            {{'Please Choose One'|translate}}
                          </option>
                        </select>
                      </td -->
                      <td>
                        <select class="form-control" ng-model="typeModal" ng-options="info.key as info.key for info in ctrl.cateList track by info.key" st-search="category">
                          <option value="">
                            {{'All Category'|translate}}
                          </option>
                        </select>
                      </td>
                      <td colspan="4">
                      </td>
                    </tr>
                    <tr>
                      <th class="sortable " st-sort="displayName" st-sort-default="true" translate="" style="width: 20%;">
                        File Name
                      </th>
                      <th class="sortable" st-sort="department" style="width: 15%;" translate="">
                        Department
                      </th>
                      <th class="sortable" st-sort="category" style="width: 15%;" translate="">
                        Category
                      </th>
                      <th class="sortable" st-sort="creater" translate="" style="width: 10%;">
                        Owner
                      </th>
                      <th class="sortable" st-sort="time" translate="" style="width: 15%;">
                        Upload Date
                      </th>
                      <th translate="" style="width: 25%;">
                        Action
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr ng-if="Items | isEmpty">
                      <td class="no_record" colspan="6" translate="">
                        No Records
                      </td>
                    </tr>
                    <tr ng-repeat="doc in Items" style="text-align: left;">
                      <td style="vertical-align:middle">
                        <p class="word_break100" style="margin: 0;">{{doc.displayName}}</p>
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.department || 'All'}}
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.category || 'All'}}
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.creater}}
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.time | date: 'yyyy-MM-dd HH:mm'}}
                      </td>
                      <td>
                        <a class="btn btn-info btn-xs" download="" href="{{ctrl.docsUrl +doc.groupType+'/'+doc.filename}}" title="{{'Download'|translate}}">
                          <i class="fa fa-download">
                          </i> {{ 'Download' | translate }}
                        </a>
                        <a class="btn btn-success btn-xs" ng-click="preview(doc,ctrl.docsUrl)" title="{{'Preview'|translate}}">
                          <i class="fa fa-eye">
                          </i> {{ 'Preview' | translate }}
                        </a>
                      </td>
                    </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td colspan="6">
                        <span class="pagination pull-right" st-items-by-page="10" st-pagination="" st-template="components/content/tablePagination.html">
                        </span>
                      </td>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'department'}" ng-if="showTab=='department'">
          <div class="col-lg-12">
            <div class="ibox">
              <div class="ibox-title">
                <h5>
                  {{ 'Total' | translate }} :
                  <span class="badge badge-primary">
                    {{ total }}
                  </span>
                </h5>
              </div>
              <hr ng-if="loginService.subDomain == 'stec'" style="margin: 0px 0 10px;" />
              <div class="ibox-content">
                <div ng-if="loginService.subDomain == 'stec'" class="alert alert-warning fade in alert-dismissable" style="border-radius: 4px !important;">
                  <b>{{ {eng:'Notice board',chn:'关于我们'}|trans }}: </b> {{ {eng:'This Database includes company policy, company certificate and company standard form. you can search relevant documentation by keywords and function.',chn:'此数据库包括公司政策、公司证书和公司标准表格。您可以通过关键字和部门分类搜索相关的文档。'}|trans
                  }}
                </div>
                <table class="table table-striped table-hover tbl_aln"  st-pipe="ctrl.getitems" st-table="displayedItems">                
                <!--<table class="table table-striped table-hover tbl_aln" st-safe-src="schooldisplayedItems" st-table="Items2">-->
                  <thead>
                    <tr class="info">
                      <td>
                        <input st-search="displayName" placeholder="{{'Search by file name' | translate}}" class="form-control" type="search" />
                      </td>
                      <td>
                        <select class="form-control" ng-model="typeModal" ng-options="info.key as info.key for info in ctrl.cateList track by info.key" st-input-event="change keydown"  st-search="category">
                          <option value="">
                            {{'All Category'|translate}}
                          </option>
                        </select>
                      </td>
                      <td colspan="3">
                      </td>
                    </tr>
                    <tr>
                      <th class="sortable" st-sort="displayName" translate="" st-sort-default="true" style="width: 20%;">
                        File Name
                      </th>
                      <th class="sortable" st-sort="category" style="width: 15%;" translate="">
                        Category
                      </th>
                      <th class="sortable" st-sort="creater" translate="" style="width: 15%;">
                        Owner
                      </th>
                      <th class="sortable" st-sort="time" translate="" style="width: 15%;">
                        Upload Date
                      </th>
                      <th translate="" style="width: 25%;">
                        Action
                      </th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr ng-if="!total">
                      <td class="no_record" colspan="5" translate="">
                        No Records
                      </td>
                    </tr>
                    <tr ng-repeat="doc in displayedItems" style="text-align: left;">
                      <td style="vertical-align:middle">
                        <p class="word_break100" style="margin:0;">
                          {{doc.displayName}}
                        </p>
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.category || 'All'}}
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.creater}}
                      </td>
                      <td style="vertical-align:middle">
                        {{doc.time | date: 'yyyy-MM-dd HH:mm'}}
                      </td>
                      <td>
                        <a class="btn btn-info btn-xs" download="" href="{{ctrl.docsUrl +doc.groupType+'/'+doc.filename}}" title="{{'Download'|translate}}">
                          <i class="fa fa-download">
                          </i> {{ 'Download' | translate }}
                        </a>
                        <a class="btn btn-success btn-xs" ng-click="preview(doc,ctrl.docsUrl)" title="{{'Preview'|translate}}">
                          <i class="fa fa-eye">
                          </i> {{ 'Preview' | translate }}
                        </a>
                      </td>
                    </tr>
                  </tbody>
                  <tfoot>
                    <tr>
                      <td colspan="5">
                        <span class="pagination pull-right" st-items-by-page="10" st-pagination="" st-template="components/content/tablePagination.html">
                        </span>
                      </td>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </div>
        </div>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="margin-bottom-20">
    </div>
  </div>
</div>