se-hub/templates/views/myProjects.html

<div class = "myProjects">
	<h1 layout-margin style="margin-left:15px"><i class="fa fa-cube"></i> {{user.name}}'s projects</h1>
	<div ng-if="loadingData" layout-paddig layout-margin class="loader">
		<md-progress-circular md-mode="indeterminate"></md-progress-circular>
	</div>
	<div ng-if = "myProjectsEmpty && !loadingData" layout-padding layout-margin>
		You Are Not Related To Any Project.
	</div>
	<div ng-if="!myProjectsEmpty">
		<md-card class="cardAllProjects">	
			<div flex = "99" layout = "row" ng-repeat = "t in arrayHolder" value = "{{t}}" layout-padding>
				<div flex = "32" layout = "column" ng-repeat = "project in t" value = "{{project}}" >
					<div ng-if="t.length != 1"> 
						<md-button ng-click="goToProject(project.id)" style="width:100%; height:32%;" layout-padding class = "md-raised">
							<md-card style="width:97%;height:97%">
								<md-card-content>
									<h2 class="md-title">{{project.projectName}}</h2>
									<div layout-align="center center" style=" width:70%;">
										<canvas layout-padding layout-margin id="project.projectName" class="chart chart-bar" data="project.info.stats.macro.data" labels="project.info.stats.macro.labels"></canvas> 
									</div>
								</md-card-content>
	    					</md-card>
						</md-button>
					</div>
					<div ng-if="t.length == 1">
						<md-button ng-click = "goToProject(project.id)" style="width:32%; height:32%;" layout-padding class = "md-raised">
							<md-card style="width:97%;height:97%">
				      			<md-card-content>
						        	<h2 class="md-title">{{project.projectName}}</h2>
						        	<canvas layout-padding layout-margin id="project.projectName" class="chart chart-bar" data="project.info.stats.macro.data"
							labels="project.info.stats.macro.labels"></canvas> 
				      			</md-card-content>
	    					</md-card>
						</md-button>
					</div>
					<div class="spacer"></div>
				</div>
			</div>
		</md-card>
	</div>

<!-- 			<div flex ="99" class = "allProjectsShow" layout = "row" ng-repeat = "t in arrayHolder" value = "{{t}}">
				<div flex = "32" layout = "column" ng-repeat = "project in t" value = "{{project}}" layout-padding>
					<div ng-if = "!scope.myProjectsEmpty">
						<md-card layout-padding ng-click = "goToMyProject(project.id)" style="width:32%; height:32%;" class = "projectCard">
							{{project.id}}
						</md-card>
					</div>
				</div>
				<div ng-if = "scope.myProjectsEmpty">
						You Do Not Have Any Project, You May Create One.
				</div>
			</div> -->
</div>


<!-- div layout-padding layout-margin>	
			<div layout = "row" layout-padding layout-margin>
				<div flex = "49">
					Project Creator: {{user.name}}  Should Be Project creator 
				</div>
				<div flex = "49" >
					<div ng-if="user.isLecturer">
						<div layout = "row" layout-padding>
							<div>
								<md-button ng-click="editPressed()" class="md-raised md-primary">Edit</md-button>
							</div>
							<div ng-if="isEditPressed">
								<md-button ng-click="removeProject()" class="md-raised md-primary">Remove</md-button>
								
							</div>
						</div>	
					</div>
				</div>
			</div>
			<div layout = "row" layout-padding layout-margin>
				<div flex = "49">
					<md-card>
						Here Will Be Graph - Commits Over Period Of Time
					</md-card>
				</div>
				<div flex = "49">
					<md-card>
						Here Will Be Graph (by columns) - Commits, Issues, Open Tasks
					</md-card>
				</div>
			</div>
			<div flex>
				<md-card>
					<md-content class="md-padding">
						<md-tabs md-dynamic-height md-border-bottom>
							<md-tab label="Commits">
								<md-content class="md-padding">
									<h1 class="md-display-2">Commits</h1>
									<p>Commits...</p>
								</md-content>
							</md-tab>
							<md-tab label="Issues">
								<md-content class="md-padding">
									<h1 class="md-display-2">Issues</h1>
									<p>Issues...</p>
								</md-content>
							</md-tab>
							<md-tab label="Bugs">
								<md-content class="md-padding">
									<h1 class="md-display-2">Bugs</h1>
									<p> Bugs Bugs Bugs..</p>
								</md-content>
							</md-tab>
							<md-tab label="WhatEver">
								<md-content class="md-padding">
									<h1 class="md-display-2">WhatEver</h1>
									<p>Bla Bla Bla..</p>
								</md-content>
							</md-tab>
						</md-tabs>
					</md-content>
				</md-card>
			</div>
		</div> -->