codecombat/app/templates/courses/purchase-courses-view.jade
2015-12-06 14:26:35 -08:00

82 lines
2.4 KiB
Text

extends /templates/base
block content
if view.state === 'purchasing'
p.text-center Purchasing...
.progress.progress-striped.active
.progress-bar(style="width: 100%")
else if view.state === 'purchased'
p Thank you for your purchase! You can now assign #{view.numberOfStudents} more students to paid courses.
p.text-center
if view.fromClassroom
a(href="/courses/"+view.fromClassroom) Return to classroom
else
a(href="/courses/teachers") Return to course management.
else
h2.text-center Purchase Enrollments
br
if view.state === 'error'
.alert.alert-danger= view.stateMessage
- var usedEnrollments = view.prepaids.totalRedeemers();
- var totalEnrollments = view.prepaids.totalMaxRedeemers();
- var remainingEnrollments = totalEnrollments - usedEnrollments;
.row
.col-md-4
.col-md-3
strong.uppercase unused paid enrollments
.col-md-1
strong= remainingEnrollments
br
.row
.col-md-4
.col-md-3
strong.uppercase students not enrolled
.row
.col-md-4
.col-md-3
each classroom in view.classrooms.models
if classroom.get('members').length > 0
.not-enrolled= classroom.get('name')
.not-enrolled Total Across All Classes
.col-md-1
- var totalNotEnrolled = 0
each classroom in view.classrooms.models
if classroom.get('members').length > 0 && view.classroomNotEnrolledMap
.not-enrolled
strong= view.classroomNotEnrolledMap[classroom.id]
.not-enrolled
strong= view.totalNotEnrolled
br
br
p.text-center
strong How many additional paid enrollments do you need?
br
p.text-center
input#students-input.text-center.enrollment-count(
value= view.numberOfStudents
type='number'
)
br
.container-fluid
.row
.col-md-offset-3.col-md-6
| Each student in a class will get access to Courses 2-4 once they are enrolled in paid courses.
| You may assign each course to each student individually.
br
p.text-center#price-form-group
strong Total: #{view.numberOfStudents} enrollments x $#{view.pricePerStudent.toFixed(2)} = #{view.getPriceString()}
p.text-center
button#purchase-btn.btn.btn-lg.btn-success.uppercase Purchase Now