se-hub/templates/views/project.html

<div class = "project">
	<md-content layout-padding layout-margin>
		<div layout = "row">
		<div layout = "column">
			<div>
				<h1 layout-margin style="margin-left:15px"><i class="fa fa-cube"></i> Project '{{project.projectName}}'</h1>
			</div>
			<div> <!-- ng-if = "{{project.logo_url}}"> -->
				<div flex = "25">
					<img ng-src="{{project.logo_url}}" class = "md-avatar">
				</div>
			</div>
		</div>
		<div>
			<div layout = "row" flex = "45">
				<!-- <div ng-if = "isMasterOrLecturer"> -->
				<md-card layout = "row">
					<div layout-padding>
						<md-button ng-click="editProject($event)"  ng class="md-raised md-primary">
							<i class="fa fa-pencil-square-o"></i>
						</md-button>
					</div>
					<div layout-padding>
						<md-button ng-click="removeProject($event)" ng class="md-raised md-primary">
							<i class="fa fa-times"></i>
						</md-button>
					</div>
				</md-card>
				<!-- </div>	 -->
			</div>
		</div>
		</div>

<!-- 		<div flex = "99" layout = "row" layout-padding>
			
			<div flex = "20">
				Project Name: {{project.projectName}}
			</div>

		</div> -->
		<md-card>
			<div flex = "99" layout = "row">
				<div flex = "10" layout-padding layout-margin border = "1">
					Team Members:
					<ul layout-padding>
						<li ng-repeat = "member in project.members">
							<a ng-href="#/profile/{{member.id}}" style="text-decoration:none; color:black;"> {{member.name}}</a>
						</li>	
					</ul>
				</div>
				<div flex = "45">
					<!-- Graph -->
					<div ng-if="loadingData" layout-paddig layout-margin class="loader">
						<md-progress-circular md-mode="indeterminate"></md-progress-circular>
					</div>
					<md-card>
						<canvas layout-padding layout-margin ng-if = "!loadingData" id="line" class="chart chart-line" data="project.info.stats.weekly_commits" labels="project.weekly_labels" legend="true" ></canvas> 
					</md-card>
				</div>
				<div flex = "40">
					<md-card>
						<canvas layout-padding layout-margin ng-if = "!loadingData" id="project.projectName" class="chart chart-bar" data="project.info.stats.micro.data" labels="project.info.stats.micro.labels" series="project.info.stats.micro.series"></canvas> 
					</md-card>
				</div>
			</div>
		</md-card>
		<div>
			<div flex = "96" style="height:70%;">
				<div flex>
					<md-card>
						<md-content class="md-padding">
							<md-tabs md-dynamic-height md-border-bottom>
								<md-tab label="Messages">
									<md-content class="md-padding">
										<h1 class="md-display-2">Messages</h1>
										<p>Messages...</p>
									</md-content>
								</md-tab>
								<md-tab label="Commits">
									<md-content class="md-padding">
										<h1 class="md-display-2">Commits</h1>
										<table style="width:100%;" border = "1">
											<tr>
												<th>Name</th>
												<th>Number</th>
												<th>url</th>
											</tr>
											<tr ng-repeat = "member in project.members">
												<td>
													<a ng-href="#/profile/{{member.id}}" style="text-decoration:none; color:black;">
														{{member.name}}
													</a>
												</td>
												<td>
													<div ng-repeat = "commit in project.info.info">
														{{commit.commits_url}}
													</div>
												</td>
												<td></td>
											</tr>
										</table>
									</md-content>
								</md-tab>
								<md-tab label="Issues">
									<md-content class="md-padding" style="overflow:scroll;">
										<h1 class="md-display-2">Issues</h1>
										<table style="width:100%;" border = "1">
											<tr>
												<th>Title</th>
												<th style = "width:15%;">Labels</th>
												<th style = "width:10%;">Milestone</th>
												<th style = "width:10%;">User</th>
											</tr>
											<tr ng-repeat = "issue in project.info.issues" layout-margin align="center">
												<td align="top">
													<a target="_blank" ng-href="{{issue.html_url}}" style="text-decoration:none; color:black;">
														{{issue.title}}
													</a>
												</td>
												<td>
													<span ng-repeat = "label in issue.labels">
														<md-card style="background-color:{{label.color}}">
															{{label.name}}
														</md-card>
													</span>
												</td>
												<td>
													{{issue.milestone.title}}
												</td>
												<td>
													<a ng-href="#/profile/{{issue.user.id}}" style="text-decoration:none; color:black;">
														{{issue.user.login}}
													</a>
												</td>
											</tr>
										</table>

									</md-content>
								</md-tab>
								<md-tab label="Bugs">
									<md-content class="md-padding">
										<h1 class="md-display-2">Bugs</h1>
										<p> Bugs ..</p>
									</md-content>
								</md-tab>
								<md-tab label="tasks">
									<md-content class="md-padding">
										<h1 class="md-display-2">tasks</h1>
										<p>tasks..</p>
									</md-content>
								</md-tab>
							</md-tabs>
						</md-content>
					</md-card>
				</div>
			</div>
		</div>



	</md-content>
</div>