109 lines
No EOL
3.7 KiB
HTML
109 lines
No EOL
3.7 KiB
HTML
<div class = "myClasses">
|
|
<md-content layout-padding layout-margin>
|
|
<h1 layout-margin style="margin-left:15px"><i class="fa fa-graduation-cap"></i> My Classes</h1>
|
|
</md-content>
|
|
<md-card class="cardAllcourses">
|
|
<div flex = "99" class = "allcoursesShow" layout = "row" ng-repeat = "t in holdArrays" value = "{{t}}">
|
|
<div flex ="32" layout = "column" ng-repeat = "course in t" value = "{{course}}" layout-padding>
|
|
<a href="http://localhost:8080/home#/projects" style="color:black; text-decoration:none;">
|
|
<md-card layout-padding class = "campusCard">
|
|
{{course}}
|
|
</md-card>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</md-card>
|
|
|
|
<!-- <div class = "allCampusesShow" flex = "99" layout = "row" ng-repeat = "t in threeSizedArray" value = "{{t}}" layout-padding>
|
|
<div flex = "32" layout = "column" ng-repeat = "campus in t" value = "{{campus}}">
|
|
<a href="http://localhost:8080/home#/myClasses" style="color:black; text-decoration:none;">
|
|
<md-card layout-padding class = "campusCard">
|
|
{{campus}}
|
|
</md-card>
|
|
</a>
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
<div ng-if="user.isLecturer"> <!-- Lecturer Mode -->
|
|
<div layout="row">
|
|
<div layout-margin layout-padding>
|
|
<md-button ng-click="createCourseClicked()" ng class="md-raised md-primary">Create Class</md-button>
|
|
</div>
|
|
</div>
|
|
<div ng-if="isNewCourse">
|
|
<md-content>
|
|
<md-content layout-padding>
|
|
<md-card layout-padding>
|
|
<form name="createNewCourseForm">
|
|
<div layout layout-sm="column">
|
|
<md-input-container flex = "50">
|
|
<label>Campus name</label>
|
|
<input ng-model="course.campusName" required>
|
|
</md-input-container>
|
|
</div>
|
|
<div layout layout-sm="column">
|
|
<md-input-container style="width:80%">
|
|
<label flex = "50">Class Name</label>
|
|
<input ng-model="course.courseName" min-length="1" required>
|
|
</md-input-container>
|
|
<md-input-container flex = "20">
|
|
<label>Course Start Date</label>
|
|
<input type="date" ng-model="course.startDate" required>
|
|
</md-input-container>
|
|
<md-input-container flex = "20">
|
|
<label>Course Finish Date</label>
|
|
<input type="date" ng-model="course.endDate" required>
|
|
</md-input-container>
|
|
</div>
|
|
</form>
|
|
</md-card>
|
|
</md-content>
|
|
<div layout-padding layout-margin>
|
|
<md-button ng-click="submitNewClassClicked()" class="md-raised md-primary">Submit New Class</md-button>
|
|
</div>
|
|
</md-content>
|
|
</div>
|
|
<div layout-margin layout-padding ng-if="showMyClass">
|
|
<md-select placeholder="Choose Existing Course" ng-model="course" ng-click="chooseCourseClicked()" class="courseDropDown">
|
|
<md-option ng-repeat="c in courses" value="{{c.course}}">{{c.course}}</md-option>
|
|
</md-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="isStudent"> <!-- Student Mode -->
|
|
<md-content layout-padding>
|
|
<div layout="row" layout-margin layout-padding>
|
|
<div>
|
|
<md-card>
|
|
<p class = "messagesFeed">Messages</p>
|
|
</md-card>
|
|
</div>
|
|
<div>
|
|
<md-card>
|
|
<p class = "tasksFeed">Tasks</p>
|
|
</md-card>
|
|
</div>
|
|
</div>
|
|
<div layout="row" layout-margin layout-padding>
|
|
<div>
|
|
<md-card>
|
|
<p id = "bindText" class = "messagesContent"></p>
|
|
</md-card>
|
|
</div>
|
|
<div>
|
|
<md-card>
|
|
<p class = "tasksContent">
|
|
For Task 3 Press: <a href="http://localhost:8080/home#/tasks">Task #3</a>
|
|
<br></br>
|
|
For Task 4 Press: <a href="http://localhost:8080/home#/home">Task #4</a>
|
|
<br></br>
|
|
For Task 5 Press: <a href="http://localhost:8080/home#/home">Task #5</a>
|
|
</p>
|
|
</md-card>
|
|
</div>
|
|
</div>
|
|
<md-select placeholder="Choose Course" ng-model="course" ng-click="chooseCourseClicked()" style="z-index: 300"></md-select>
|
|
</md-content>
|
|
</div>
|
|
</div> |