2015-11-03 19:41:06 -05:00
|
|
|
extends /templates/base
|
|
|
|
|
|
|
|
block content
|
|
|
|
|
|
|
|
span *UNDER CONSTRUCTION, please send feedback to
|
|
|
|
a.spl(href='mailto:team@codecombat.com') team@codecombat.com
|
|
|
|
hr
|
2015-11-05 20:26:31 -05:00
|
|
|
|
2015-11-09 14:48:40 -05:00
|
|
|
ul.nav.nav-tabs(role='tablist')
|
|
|
|
li.active(role='presentation')
|
|
|
|
a(href="#courses-tab-pane" aria-controls="courses" role="tab" data-toggle="tab") Courses
|
|
|
|
li(role='presentation')
|
|
|
|
a(href="#manage-tab-pane" aria-controls="manage" role="tab" data-toggle="tab") Manage
|
2015-11-05 20:26:31 -05:00
|
|
|
|
2015-11-09 14:48:40 -05:00
|
|
|
.tab-content
|
2015-11-09 15:41:55 -05:00
|
|
|
#courses-tab-pane.tab-pane.well.active
|
2015-11-09 14:48:40 -05:00
|
|
|
h3 Your Courses
|
|
|
|
- var courseInstances = view.courseInstances.sliceWithMembers();
|
|
|
|
if !_.size(courseInstances)
|
|
|
|
.alert.alert-info
|
|
|
|
span.spr You currently have no students assigned to courses.
|
|
|
|
a#manage-tab-link Go to the manage tab to get set up.
|
2015-11-05 20:26:31 -05:00
|
|
|
|
2015-11-09 14:48:40 -05:00
|
|
|
else
|
|
|
|
table.table
|
|
|
|
tr
|
|
|
|
th Class
|
|
|
|
th Course
|
|
|
|
th Size
|
|
|
|
th
|
2015-11-05 20:26:31 -05:00
|
|
|
for courseInstance in courseInstances
|
2015-11-09 14:48:40 -05:00
|
|
|
tr
|
|
|
|
td
|
|
|
|
- var classroom = view.classrooms.get(courseInstance.get('classroomID'));
|
|
|
|
if classroom
|
|
|
|
| #{classroom.get('name')}
|
|
|
|
td
|
|
|
|
if courseInstance.course
|
|
|
|
| #{courseInstance.course.get('name')}
|
|
|
|
td= _.size(courseInstance.get('members'))
|
|
|
|
td
|
|
|
|
a.btn.btn-primary.btn-sm(href='/courses/#{courseInstance.get("courseID")}/#{courseInstance.id}') Enter
|
|
|
|
|
|
|
|
h3 Available Courses
|
|
|
|
|
|
|
|
for course in view.courses.models
|
|
|
|
.media
|
|
|
|
.pull-left
|
|
|
|
img.media-object(src=course.get('screenshot'))
|
|
|
|
.media-body
|
|
|
|
h3.media-heading
|
|
|
|
span.spr= course.get('name')
|
|
|
|
if course.get('free')
|
|
|
|
em (free!)
|
|
|
|
p= course.get('description')
|
|
|
|
p
|
|
|
|
strong.spr Concepts:
|
|
|
|
span= (course.get('concepts') || []).join(', ')
|
|
|
|
p
|
|
|
|
strong.spr Length:
|
|
|
|
span #{course.get('duration') || 0} hours
|
|
|
|
|
|
|
|
|
2015-11-04 19:54:13 -05:00
|
|
|
|
2015-11-09 15:41:55 -05:00
|
|
|
#manage-tab-pane.tab-pane.well
|
2015-11-04 19:54:13 -05:00
|
|
|
|
2015-11-09 14:48:40 -05:00
|
|
|
p Create a class and add students to it.
|
|
|
|
|
|
|
|
- var totalRedeemers = view.prepaids.totalRedeemers();
|
|
|
|
- var totalMaxRedeemers = view.prepaids.totalMaxRedeemers();
|
2015-11-05 20:26:31 -05:00
|
|
|
|
2015-11-09 14:48:40 -05:00
|
|
|
.text-right
|
|
|
|
span.spr Available paid seats: #{totalRedeemers}/#{totalMaxRedeemers}
|
|
|
|
a.btn.btn-default.btn-xs(href="/courses/purchase") Add
|
|
|
|
|
|
|
|
for classroom in view.classrooms.models
|
|
|
|
h2= classroom.get('name')
|
|
|
|
|
|
|
|
- var courseInstances = view.courseInstances.where({classroomID: classroom.id})
|
|
|
|
|
2015-11-09 15:12:10 -05:00
|
|
|
if classroom.saving || classroom.filling
|
|
|
|
.progress.progress-striped.active
|
2015-11-09 14:48:40 -05:00
|
|
|
.progress-bar(style="width: 100%")
|
|
|
|
|
2015-11-09 15:12:10 -05:00
|
|
|
else
|
|
|
|
table.table
|
2015-11-09 14:48:40 -05:00
|
|
|
tr
|
2015-11-09 15:12:10 -05:00
|
|
|
th Student
|
2015-11-09 14:48:40 -05:00
|
|
|
for courseInstance in courseInstances
|
2015-11-09 15:12:10 -05:00
|
|
|
th
|
|
|
|
if courseInstance.course
|
|
|
|
| #{courseInstance.course.get('name')}
|
|
|
|
|
|
|
|
if !_.size(classroom.get('members'))
|
|
|
|
tr
|
|
|
|
td(colspan=1+view.courses.size())
|
|
|
|
em No students in this class yet.
|
|
|
|
|
|
|
|
for member in classroom.get('members') || []
|
|
|
|
- var user = view.members.get(member);
|
|
|
|
if !user
|
|
|
|
- continue;
|
|
|
|
tr
|
|
|
|
td= user.get('name')
|
|
|
|
for courseInstance in courseInstances
|
|
|
|
td
|
|
|
|
if _.contains(courseInstance.get('members'), user.id)
|
|
|
|
span.glyphicon.glyphicon-ok
|
|
|
|
else
|
|
|
|
input.course-instance-membership-checkbox(
|
|
|
|
type='checkbox'
|
|
|
|
data-course-instance-id=courseInstance.id
|
|
|
|
data-user-id=user.id
|
|
|
|
)
|
2015-11-09 14:48:40 -05:00
|
|
|
|
|
|
|
button.add-students-btn.btn.btn-sm(data-classroom-id=classroom.id) Add Students
|
|
|
|
|
|
|
|
hr
|
|
|
|
|
|
|
|
.row
|
|
|
|
.col-sm-3.col-sm-offset-3
|
|
|
|
button#create-new-class-btn.btn.btn-default.btn-block Create New Class
|
|
|
|
.col-sm-3
|
|
|
|
input#new-classroom-name-input.form-control(placeholder='new class name')
|
|
|
|
|
|
|
|
#fixed-area
|
|
|
|
.container
|
|
|
|
.row.well
|
|
|
|
if view.state === 'saving-changes'
|
|
|
|
p Saving changes
|
|
|
|
- var total = view.membershipAdditions.originalSize + view.usersToRedeem.originalSize;
|
|
|
|
- var left = view.membershipAdditions.size() + view.usersToRedeem.size();
|
|
|
|
- var pct = Math.max(10, (100 * (total - left) / total)).toFixed(1) + '%';
|
|
|
|
.progress.progress-striped.active
|
|
|
|
.progress-bar(style="width: #{pct}")
|
|
|
|
else
|
|
|
|
- var seatsLeft = totalMaxRedeemers - totalRedeemers - view.usersToRedeem.size();
|
|
|
|
if seatsLeft < 0
|
|
|
|
.alert.alert-danger
|
|
|
|
span.spr You do not have enough seats to accommodate all students you have selected.
|
|
|
|
a(href="/courses/purchase") Buy more seats.
|
|
|
|
else
|
|
|
|
.col-sm-2
|
|
|
|
button#save-changes-btn.btn.btn-primary.btn-block(disabled=!view.numCourseInstancesToAddTo) Save Changes
|
|
|
|
.col-sm-5
|
|
|
|
| Students to add to courses: #{view.numCourseInstancesToAddTo || 0}
|
|
|
|
.col-sm-5
|
|
|
|
| Seats to expend: #{view.usersToRedeem.size()} (will have #{seatsLeft} seats left)
|
2015-11-05 20:26:31 -05:00
|
|
|
|
|
|
|
block footer
|