<table width="100%" class="table" ng-show="myProjects.all_projects.length > 0">
	<thead>
		<tr>
			<th ng-if="myProjects.columns.name"><lmsg src="projects.component.my_projects.column.project">[Project]</lmsg></th>
			<th ng-if="myProjects.columns.progress"><lmsg src="projects.component.my_projects.column.progress">[Progress]</lmsg></th>
			<th ng-if="myProjects.columns.completed"><lmsg src="projects.component.my_projects.column.completion_date">[Completes]</lmsg></th>
			<th ng-if="myProjects.columns.rag"><lmsg src="projects.component.my_projects.column.rag">[RAG]</lmsg></th>
		</tr>
	</thead>
	<tr ng-repeat="project in myProjects.all_projects" class="project-component-list-item">
		<td ng-if="myProjects.columns.name">
			<a ng-if="project.name.length > 35" ng-href="/projects/{{::project.id}}" data-original-title="{{project.name}}" rel="tooltip">
				<strong>{{project.name | max_length:35}}</strong>
			</a>
			<a ng-if="project.name.length <= 35" ng-href="/projects/{{::project.id}}">
				<strong>{{project.name}}</strong>
			</a>
			<br>
			<span class="text-muted small" ng-show="project.companyname!=null"><a href="/projects/company/{{::project.company_id}}" class="text-muted">{{::project.companyname}}</a></span>
		</td>
		<td ng-if="myProjects.columns.progress" class="project-progress-table-cell">
			<div class="project-progress-component" rel="tooltip" title="" data-original-title="{{::project.progress_text}}">
				<div class="progress">
					<div id="progress-bar-{{project.id}}" class="progress-bar primary_bg_color" role="progressbar" aria-valuenow="{{::project.progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{project.progress}}%;">
						<span class="sr-only ng-binding">{{::project.progress}}<lmsg="projects.progress_bar.percent_complete">[% Complete]</lmsg></span>
					</div>
				</div>
			</div>
		</td>
		<td ng-if="myProjects.columns.completed">
			{{::project.md_completion}}
		</td>
		<td ng-if="myProjects.columns.rag">
			<span class="project-component-rag label rag-{{::project.rag_class_text}}">{{::project.rag_text}}</span>
		</td>
	</tr>
</table>

<div class="text-muted" ng-show="myProjects.all_projects.length == 0" lmsg="projects.component.my_projects.none">
	[No projects]
</div>
