Added Student Mastery/Class Mastery CoachReports

kalite/coachreports/static/css/coachreports/report_view.css

@@ -0,0 +1,153 @@
+.selection {
+    float: left;
+    padding: 0 10px 10px 0;
+}
+
+#displaygrid {
+    width: 100%;
+    padding-top: 5px;
+    padding-left: 2px;
+}
+
+#displaygrid > .users {
+    width: 11%;
+    margin-right: 1px;
+    float: left;
+}
+
+.userstatus {
+    overflow: auto;
+    width: 88%;
+}
+
+.users table {
+    width: 100%;
+}
+
+#displaygrid table {
+    table-layout: fixed;
+}
+
+th, td {
+    border: 1px solid black;
+    padding: 2px;
+    vertical-align:middle;
+}
+
+.users th {
+    text-align: left;  
+}
+
+.subtitle {
+    font-size: 1.15em;
+    font-weight: bold;
+}
+
+.status {
+    height: 27px;
+    background-color: #EEE;
+    /*width: 80px;*/
+}
+
+th.username {
+    height: 27px;
+    border: 1px solid black;
+    /*border-right: none;*/
+    padding-left: 5px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+th.headrow, th.headrow div {
+    width: 80px;
+    font-weight: bold;
+    background-color: white;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+th.headrowuser {
+    font-weight: bold;
+}
+
+.complete {
+    background-color: #2F942F;
+}
+
+.partial {
+    background-color: #94BE48;
+}
+
+.struggle {
+    background-color: #CA4D4D;
+}
+
+#displaygrid td, #displaygrid th {
+    min-width: 60px;
+    max-width: 60px;
+    overflow: hidden;
+    /*white-space: nowrap;*/
+}
+
+#legend a {
+    height:12px;
+    margin:0px;
+    padding:0px;
+}
+
+.student-name, .attempts, .streak_progress, .points, .total_seconds_watched {
+    float:left;
+    display:none;
+    overflow:hidden;
+    white-space:nowrap;
+    width:100%;
+    margin:0px 5px 0px 0px;
+    padding:0px;
+    text-align:right;
+    vertical-align:middle;
+}
+.student-name {
+    float:none;
+    text-align:left;
+    display:block;
+    text-overflow: ellipsis;
+}
+#legend {
+    float:left;
+    vertical-align:middle;
+    margin:12px 25px 2px 10px;
+}
+.legend {
+    float:right;
+    width:140px;
+    height:20px;
+    text-align:center;
+    vertical-align:middle;
+    white-space:nowrap;
+    overflow:hidden;
+    border-style:solid;
+    border-width: 1px;
+    padding:2px;
+    margin-right: 10px;
+    font-weight: bold;
+/*display:none;*/
+
+}
+.legend div {
+    float:left;
+    width:35px;
+    height:21px;
+}
+#selection-bar {
+    overflow:hide;
+}
+#disp_options {
+    float:right;
+}
+
+.exercise-name {
+    height: 100px;
+    text-align: center;
+    vertical-align: none;
+    padding: 0px;
+}

kalite/coachreports/static/js/coachreports/jquery.cookie.js

@@ -0,0 +1,97 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/[email protected]
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/[email protected]
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // NOTE Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};

kalite/coachreports/templates/coachreports/landing_page.html

@@ -56,6 +56,15 @@ <h2 class="suggested-action-title">{% trans "Student Spending" %}</h2>
                         </a>
                     </div>
                 </div>
+                <div class="separate">
+                    <div class="vertical-shadow suggested-action">
+                        <a class="changeable-link" href="{% url 'report_view' %}">
+                            <div class="suggested-action-image-link" style="background-image: url({% static 'images/coachreports/coach-report-table.png' %});">
+                            </div>
+                            <h2 class="suggested-action-title">{% trans "Student Mastery" %}</h2>
+                        </a>
+                    </div>
+                </div>
             </div>
         </div>
     </div>