se-hub/templates/views/projects.html

<div class = "projects">
	<h1 style="margin-left:15px"><i class="fa fa-graduation-cap"></i> Class {{course.courseName}}</h1>
	<div layout-padding layout-margin>
		<md-button ng-click = "joinCourse()" ng class = "md-raised md-primary"> Join Course</md-button>
	</div>
	<md-card class="cardAllProjects">	
		<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.projectEmpty">
					<md-card layout-padding ng-click = "goToProject(project.id)" style="width:32%; height:32%;" class = "projectCard">
						{{project.id}}
					</md-card>
				</div>
			</div>
			<div ng-if = "projectEmpty">
					You Are Not Related To Any Course, You May Join Any Course You Wish.
			</div>
		</div>
	</md-card>
	<md-content layout-padding layout-margin>
		<md-button ng-click="createProjectClicked()" ng class="md-raised md-primary">Create Project</md-button>
	</md-content>
	<div ng-if = "isCreateProjectClicked">
		<md-card layout-padding style="width:60%">
			<div layout="column">
				<div>
					<md-input-container>
						<label flex>Project Name</label>
						<input  type = "text" ng-model="project.name" min-length="1" required>
					</md-input-container>
				</div>
				<div layout = "row">
					<div>
						<md-input-container flex>
						<label>GitHub Repository Owner</label>
						<input type="text" ng-model="project.repoOwner" required>
						</md-input-container>
					</div>
					<!-- <div>
						/
					</div> -->
					<div>
						<md-input-container flex>
						<label>GitHub Repository Name</label>
						<input type="text" ng-model="project.gitRepoName" required>
						</md-input-container>
					</div>
				</div>
				<div>
					
					<b>Example</b>: http://www.github.com/userName/repoName
					<br/>userName will be GitHub Repository Owner
					<br/>repoName wil be GitHub Repository Name
				
				</div>
				<div>
					<md-input-container flex>
					<label>Logo Url (optional)</label>
					<input type="text" ng-model="project.logoUrl">
					</md-input-container>
				</div>
				<div layout-padding layout-margin>
					<md-button ng-click="submitNewProject()" ng class="md-raised md-primary">Submit Project</md-button>
				</div>
			</div>
		</md-card>
	</div>
	
</div>