dashboard.html 4.28 KB
Newer Older
1 2
<%!
  from django.core.urlresolvers import reverse
3
  from courseware.courses import course_image_url, get_course_about_section
4
  from courseware.access import has_access
5
%>
Matthew Mongeau committed
6 7 8 9
<%inherit file="main.html" />

<%namespace name='static' file='static_content.html'/>

10 11
<%block name="title"><title>Dashboard</title></%block>

12 13 14 15 16 17 18 19 20
<%block name="js_extra">
  <script type="text/javascript">
  (function() {

    $(".unenroll").click(function(event) {
      $("#unenroll_course_id").val( $(event.target).data("course-id") );
      $("#unenroll_course_number").text( $(event.target).data("course-number") );

    });
21

22 23 24 25 26 27 28 29 30 31 32 33 34 35
     $(document).delegate('#unenroll_form', 'ajax:success', function(data, json, xhr) {
       if(json.success) {
         location.href="${reverse('dashboard')}";
       } else {
         if($('#unenroll_error').length == 0) {
           $('#unenroll_form').prepend('<div id="unenroll_error" class="modal-form-error"></div>');
         }
         $('#unenroll_error').text(json.error).stop().css("display", "block");
       }
     });
  })(this)
  </script>
</%block>

36
<section class="container dashboard">
37

38 39 40 41 42
  %if message:
    <section class="dashboard-banner">
      ${message}
    </section>
  %endif
Matthew Mongeau committed
43

44
  <section class="profile-sidebar">
45
    <header class="profile">
46
      <h1 class="user-name">${ user.username }</h1>
47
    </header>
48 49 50
    <section class="user-info">
      <ul>
        <li>
51
          <span class="title"><div class="icon name-icon"></div>Full Name</span><span class="data">${ user.profile.name | h }</span>
52 53
        </li>
        <li>
54
          <span class="title"><div class="icon email-icon"></div>Email</span><span class="data">${ user.email | h }</span>
55 56 57
        </li>
      </ul>
    </section>
58
  </section>
Matthew Mongeau committed
59

60 61
  <section class="my-courses">
    <header>
62
      <h2>Current Courses</h2>
63
    </header>
Matthew Mongeau committed
64

65 66
    % if len(courses) > 0:
      % for course in courses:
67

68
        <article class="my-course">
69
          <%
70
          if has_access(user, course, 'load'):
71 72 73 74 75
            course_target = reverse('info', args=[course.id])
          else:
            course_target = reverse('about_course', args=[course.id])
          %>
          <a href="${course_target}" class="cover" style="background-image: url('${course_image_url(course)}')">
76
            <div class="shade"></div>
77
            <div class="arrow">&#10095;</div>
78 79 80
          </a>
          <section class="info">
            <hgroup>
81
              <a href="${reverse('university_profile', args=[course.org])}" class="university">${get_course_about_section(course, 'university')}</a>
82
              <h3><a href="${course_target}">${course.number} ${course.title}</a></h3>
83 84
            </hgroup>
            <section class="course-status">
85
              <p>Class Starts - <span>${course.start_date_text}</span></div>
86 87
            </section>
            <section class="meta">
88
              <div class="course-work-icon"></div>
89 90 91
              <div class="progress">
                <div class="meter">
                  <div class="meter-fill"></div>
92
                </div>
93 94
              </div>
              <div class="complete">
95
                ##<p><span class="completeness">60%</span> complete</p>
96
              </div>
97
            </section>
98
          </section>
99
        </article>
100
        <a href="#unenroll-modal" class="unenroll" rel="leanModal" data-course-id="${course.id}" data-course-number="${course.number}">Unregister</a>
101

102 103 104
      % endfor
    % else:
      <section class="empty-dashboard-message">
105 106
        <p>Looks like you haven't registered for any courses yet.</p>
        <a href="${reverse('courses')}">Find courses now!</a>
107 108
      </section>
    % endif
Matthew Mongeau committed
109 110 111

  </section>
</section>
112 113 114 115 116 117



<section id="unenroll-modal" class="modal unenroll-modal">
  <div class="inner-wrapper">
    <header>
118
      <h2>Are you sure you want to unregister from <span id="unenroll_course_number"></span>?</h2>
119 120 121 122 123 124 125
      <hr>
    </header>

    <form id="unenroll_form" method="post" data-remote="true" action="${reverse('change_enrollment')}">
      <input name="course_id" id="unenroll_course_id" type="hidden" />
      <input name="enrollment_action" type="hidden" value="unenroll" />
      <div class="submit">
126
        <input name="submit" type="submit" value="Unregister" />
127 128 129 130 131 132 133 134 135 136 137 138
      </div>
    </form>

    <div class="close-modal">
      <div class="inner">
        <p>&#10005;</p>
      </div>
    </div>
  </div>
</section>