harbor/views/project.htm

<div class="container-fluid container-fluid-custom" element-height ng-controller="ProjectController as vm">
  <div class="container container-custom">
    <div class="row extend-height">
      <div class="col-xs-12 col-md-12 extend-height">
  	    <div class="section">
  		    <h4 class="page-header">
            <span ng-show="!vm.publicity">// 'my_projects' | tr //</span>
            <a ng-show="vm.publicity" href="#" ng-click="vm.togglePublicity({publicity: 0})">// 'my_projects' | tr //</a>
            <span class="gutter">|</span>
            <span ng-show="vm.publicity">// 'public_projects' | tr //</span>
            <a ng-show="!vm.publicity" href="#" class="title-color" ng-click="vm.togglePublicity({publicity: 1})">// 'public_projects' | tr //</a>
          </h4>
          <div class="search-pane">
    		    <div class="form-inline">
    		      <div class="input-group">
    		        <input type="text" class="form-control" placeholder="" ng-model="vm.projectName" size="30">
    		        <span class="input-group-btn">
    		          <button class="btn btn-primary" type="button" ng-click="vm.searchProject()"><span class="glyphicon glyphicon-search"></span></button>
    		        </span>
    		      </div>
              <button ng-if="vm.isOpen" class="btn btn-default" disabled="disabled" type="button"><span class="glyphicon glyphicon-plus"></span> // 'new_project' | tr //</button>
              <button ng-if="!vm.isOpen" class="btn btn-success" type="button" ng-show="vm.showAddButton()" ng-click="vm.showAddProject()"><span class="glyphicon glyphicon-plus"></span> // 'new_project' | tr //</button>               
    		    </div>    
          </div> 
            <add-project ng-show="vm.isOpen" is-open="vm.isOpen"></add-project>
            <div class="sub-pane">
              <div class="table-head-container">
                <table class="table table-pane table-header">
                  <thead>
                    <th width="15%">// 'project_name' | tr //</th>
                    <th width="10%">// 'repositories' | tr //</th>
                    <th width="25%" ng-if="!vm.publicity">// 'role' | tr //</th>
                    <th width="30%">// 'creation_time' | tr //</th>
                    <th width="15%">// 'publicity' | tr //</th>
                  </thead>
                </table>
              </div>
              <div class="table-body-container">
                <table class="table table-pane">
                  <tbody>
                    <tr>
                      <td colspan="5" height="320px" class="empty-hint" ng-if="vm.projects.length === 0"><h3 class="text-muted">// 'no_projects_add_new_project' | tr //</h3></td>
                    </tr>
                    <tr ng-if="vm.projects.length > 0" ng-repeat="p in vm.projects">
                      <td><a href="/repository#/repositories?project_id=//p.project_id//&is_public=//p.public//">//p.name//</a></td>
                      <td>//p.repo_count//</td>
                      <td ng-if="!vm.publicity">//vm.getProjectRole(p.current_user_role_id)//</td>
                      <td>//p.creation_time | dateL : 'YYYY-MM-DD HH:mm:ss'//</td>
                      <td><publicity-button is-public="p.public" owned="p.owner_id == vm.user.user_id" project-id="p.project_id"></publicity-button></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          <div class="col-xs-4 col-md-12 well well-sm well-custom"><div class="col-md-offset-10">//vm.projects ? vm.projects.length : 0// // 'items' | tr //</div></div>               
  	    </div>
      </div>
    </div>
  </div>
</div>