MDL-72456 core_courseformat: adding page item to course index
This commit is contained in:
Ferran Recio
+1
-1
@@ -1,2 +1,2 @@
|
||||
define ("core_courseformat/local/courseindex/cm",["exports","core_courseformat/local/courseeditor/dndcmitem","core/templates","core/prefetch"],function(a,b,c,d){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.default=void 0;b=e(b);c=e(c);d=e(d);function e(a){return a&&a.__esModule?a:{default:a}}function f(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){f=function(a){return typeof a}}else{f=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return f(a)}function g(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function h(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var i=a.apply(b,c);function f(a){g(i,d,e,f,h,"next",a)}function h(a){g(i,d,e,f,h,"throw",a)}f(void 0)})}}function i(a,b){if(!(a instanceof b)){throw new TypeError("Cannot call a class as a function")}}function j(a,b){for(var c=0,d;c<b.length;c++){d=b[c];d.enumerable=d.enumerable||!1;d.configurable=!0;if("value"in d)d.writable=!0;Object.defineProperty(a,d.key,d)}}function k(a,b,c){if(b)j(a.prototype,b);if(c)j(a,c);return a}function l(a,b){if("function"!=typeof b&&null!==b){throw new TypeError("Super expression must either be null or a function")}a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}});if(b)m(a,b)}function m(a,b){m=Object.setPrototypeOf||function(a,b){a.__proto__=b;return a};return m(a,b)}function n(a){return function(){var b=r(a),c;if(q()){var d=r(this).constructor;c=Reflect.construct(b,arguments,d)}else{c=b.apply(this,arguments)}return o(this,c)}}function o(a,b){if(b&&("object"===f(b)||"function"==typeof b)){return b}return p(a)}function p(a){if(void 0===a){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return a}function q(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{Date.prototype.toString.call(Reflect.construct(Date,[],function(){}));return!0}catch(a){return!1}}function r(a){r=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)};return r(a)}d.default.prefetchTemplate("core_courseformat/local/courseindex/cmcompletion");var s=function(a){l(b,a);var d=n(b);function b(){i(this,b);return d.apply(this,arguments)}k(b,[{key:"create",value:function create(){this.name="courseindex_cm";this.selectors={CM_NAME:"[data-for='cm_name']",CM_COMPLETION:"[data-for='cm_completion']"};this.classes={CMHIDDEN:"dimmed",LOCKED:"editinprogress",RESTRICTIONS:"rectrictions"};this.id=this.element.dataset.id}},{key:"stateReady",value:function stateReady(a){this.configDragDrop(this.id);this._refreshCompletion({state:a,element:a.cm.get(this.id)})}},{key:"getWatchers",value:function getWatchers(){return[{watch:"cm[".concat(this.id,"]:deleted"),handler:this.remove},{watch:"cm[".concat(this.id,"]:updated"),handler:this._refreshCm},{watch:"cm[".concat(this.id,"].completionstate:updated"),handler:this._refreshCompletion}]}},{key:"_refreshCm",value:function _refreshCm(a){var b,c,d,e=a.element;this.element.classList.toggle(this.classes.CMHIDDEN,!e.visible);this.getElement(this.selectors.CM_NAME).innerHTML=e.name;this.element.classList.toggle(this.classes.DRAGGING,null!==(b=e.dragging)&&void 0!==b?b:!1);this.element.classList.toggle(this.classes.LOCKED,null!==(c=e.locked)&&void 0!==c?c:!1);this.element.classList.toggle(this.classes.RESTRICTIONS,null!==(d=e.hascmrectrictions)&&void 0!==d?d:!1);this.locked=e.locked}},{key:"_refreshCompletion",value:function(){var a=h(regeneratorRuntime.mark(function a(b){var d,e,f,g,h,i,j,k;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:d=b.state,e=b.element;if(!(this.reactive.isEditing||!e.istrackeduser)){a.next=3;break}return a.abrupt("return");case 3:f=this.getElement(this.selectors.CM_COMPLETION);if(!(f.dataset.value==e.completionstate)){a.next=6;break}return a.abrupt("return");case 6:g=this.reactive.getExporter();h=g.cmCompletion(d,e);a.prev=8;a.next=11;return c.default.renderForPromise("core_courseformat/local/courseindex/cmcompletion",h);case 11:i=a.sent;j=i.html;k=i.js;c.default.replaceNode(f,j,k);a.next=20;break;case 17:a.prev=17;a.t0=a["catch"](8);throw a.t0;case 20:case"end":return a.stop();}}},a,this,[[8,17]])}));return function _refreshCompletion(){return a.apply(this,arguments)}}()}],[{key:"init",value:function init(a,c){return new b({element:document.getElementById(a),selectors:c})}}]);return b}(b.default);a.default=s;return a.default});
|
||||
define ("core_courseformat/local/courseindex/cm",["exports","core_courseformat/local/courseeditor/dndcmitem","core/templates","core/prefetch","core/config"],function(a,b,c,d,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.default=void 0;b=f(b);c=f(c);d=f(d);e=f(e);function f(a){return a&&a.__esModule?a:{default:a}}function g(a){"@babel/helpers - typeof";if("function"==typeof Symbol&&"symbol"==typeof Symbol.iterator){g=function(a){return typeof a}}else{g=function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a}}return g(a)}function h(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){c(a);return}if(h.done){b(i)}else{Promise.resolve(i).then(d,e)}}function i(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var i=a.apply(b,c);function f(a){h(i,d,e,f,g,"next",a)}function g(a){h(i,d,e,f,g,"throw",a)}f(void 0)})}}function j(a,b){if(!(a instanceof b)){throw new TypeError("Cannot call a class as a function")}}function k(a,b){for(var c=0,d;c<b.length;c++){d=b[c];d.enumerable=d.enumerable||!1;d.configurable=!0;if("value"in d)d.writable=!0;Object.defineProperty(a,d.key,d)}}function l(a,b,c){if(b)k(a.prototype,b);if(c)k(a,c);return a}function m(a,b){if("function"!=typeof b&&null!==b){throw new TypeError("Super expression must either be null or a function")}a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}});if(b)n(a,b)}function n(a,b){n=Object.setPrototypeOf||function(a,b){a.__proto__=b;return a};return n(a,b)}function o(a){return function(){var b=s(a),c;if(r()){var d=s(this).constructor;c=Reflect.construct(b,arguments,d)}else{c=b.apply(this,arguments)}return p(this,c)}}function p(a,b){if(b&&("object"===g(b)||"function"==typeof b)){return b}return q(a)}function q(a){if(void 0===a){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return a}function r(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{Date.prototype.toString.call(Reflect.construct(Date,[],function(){}));return!0}catch(a){return!1}}function s(a){s=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)};return s(a)}d.default.prefetchTemplate("core_courseformat/local/courseindex/cmcompletion");var t=function(a){m(b,a);var d=o(b);function b(){j(this,b);return d.apply(this,arguments)}l(b,[{key:"create",value:function create(){this.name="courseindex_cm";this.selectors={CM_NAME:"[data-for='cm_name']",CM_COMPLETION:"[data-for='cm_completion']"};this.classes={CMHIDDEN:"dimmed",LOCKED:"editinprogress",RESTRICTIONS:"rectrictions",PAGEITEM:"pageitem"};this.id=this.element.dataset.id}},{key:"stateReady",value:function stateReady(a){this.configDragDrop(this.id);this._refreshCompletion({state:a,element:a.cm.get(this.id)});if(e.default.contextid!=e.default.courseContextId&&e.default.contextInstanceId==this.id){this.element.classList.add(this.classes.PAGEITEM)}}},{key:"getWatchers",value:function getWatchers(){return[{watch:"cm[".concat(this.id,"]:deleted"),handler:this.remove},{watch:"cm[".concat(this.id,"]:updated"),handler:this._refreshCm},{watch:"cm[".concat(this.id,"].completionstate:updated"),handler:this._refreshCompletion}]}},{key:"_refreshCm",value:function _refreshCm(a){var b,c,d,e=a.element;this.element.classList.toggle(this.classes.CMHIDDEN,!e.visible);this.getElement(this.selectors.CM_NAME).innerHTML=e.name;this.element.classList.toggle(this.classes.DRAGGING,null!==(b=e.dragging)&&void 0!==b?b:!1);this.element.classList.toggle(this.classes.LOCKED,null!==(c=e.locked)&&void 0!==c?c:!1);this.element.classList.toggle(this.classes.RESTRICTIONS,null!==(d=e.hascmrectrictions)&&void 0!==d?d:!1);this.locked=e.locked}},{key:"_refreshCompletion",value:function(){var a=i(regeneratorRuntime.mark(function a(b){var d,e,f,g,h,i,j,k;return regeneratorRuntime.wrap(function(a){while(1){switch(a.prev=a.next){case 0:d=b.state,e=b.element;if(!(this.reactive.isEditing||!e.istrackeduser)){a.next=3;break}return a.abrupt("return");case 3:f=this.getElement(this.selectors.CM_COMPLETION);if(!(f.dataset.value==e.completionstate)){a.next=6;break}return a.abrupt("return");case 6:g=this.reactive.getExporter();h=g.cmCompletion(d,e);a.prev=8;a.next=11;return c.default.renderForPromise("core_courseformat/local/courseindex/cmcompletion",h);case 11:i=a.sent;j=i.html;k=i.js;c.default.replaceNode(f,j,k);a.next=20;break;case 17:a.prev=17;a.t0=a["catch"](8);throw a.t0;case 20:case"end":return a.stop();}}},a,this,[[8,17]])}));return function _refreshCompletion(){return a.apply(this,arguments)}}()}],[{key:"init",value:function init(a,c){return new b({element:document.getElementById(a),selectors:c})}}]);return b}(b.default);a.default=t;return a.default});
|
||||
//# sourceMappingURL=cm.min.js.map
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -27,6 +27,7 @@
|
||||
import DndCmItem from 'core_courseformat/local/courseeditor/dndcmitem';
|
||||
import Templates from 'core/templates';
|
||||
import Prefetch from 'core/prefetch';
|
||||
import Config from 'core/config';
|
||||
|
||||
// Prefetch the completion icons template.
|
||||
const completionTemplate = 'core_courseformat/local/courseindex/cmcompletion';
|
||||
@@ -50,6 +51,7 @@ export default class Component extends DndCmItem {
|
||||
CMHIDDEN: 'dimmed',
|
||||
LOCKED: 'editinprogress',
|
||||
RESTRICTIONS: 'rectrictions',
|
||||
PAGEITEM: 'pageitem',
|
||||
};
|
||||
// We need our id to watch specific events.
|
||||
this.id = this.element.dataset.id;
|
||||
@@ -81,6 +83,10 @@ export default class Component extends DndCmItem {
|
||||
state,
|
||||
element: state.cm.get(this.id),
|
||||
});
|
||||
// Check if this we are displaying this activity id page.
|
||||
if (Config.contextid != Config.courseContextId && Config.contextInstanceId == this.id) {
|
||||
this.element.classList.add(this.classes.PAGEITEM);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -141,5 +147,4 @@ export default class Component extends DndCmItem {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@ $courseindex-item-dragging-bg: theme-color-level('info', -11) !default;
|
||||
$courseindex-item-dragging-border: theme-color-level('info', -9) !default;
|
||||
$courseindex-item-active-border: $gray-300 !default;
|
||||
$courseindex-item-active-bg: $gray-100 !default;
|
||||
$courseindex-item-page-bg: $gray-200 !default;
|
||||
$courseindex-item-padding-y: 0.5rem;
|
||||
$courseindex-item-padding-x: 0.5rem;
|
||||
$courseindex-item-radius: $border-radius !default;
|
||||
@@ -89,6 +90,15 @@ $courseindex-item-current: $primary !default;
|
||||
}
|
||||
}
|
||||
|
||||
// Current page item.
|
||||
&.pageitem {
|
||||
background-color: $courseindex-item-page-bg;
|
||||
color: $courseindex-link-hover-color;
|
||||
a {
|
||||
color: $courseindex-link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Completion.
|
||||
.completioninfo {
|
||||
min-width: 24px;
|
||||
|
||||
@@ -20957,6 +20957,11 @@ div.editor_atto_toolbar button .icon {
|
||||
display: none; }
|
||||
.courseindex .courseindex-item.rectrictions .courseindex-locked {
|
||||
display: block; }
|
||||
.courseindex .courseindex-item.pageitem {
|
||||
background-color: #e9ecef;
|
||||
color: black; }
|
||||
.courseindex .courseindex-item.pageitem a {
|
||||
color: black; }
|
||||
.courseindex .courseindex-item .completioninfo {
|
||||
min-width: 24px;
|
||||
transform: scale(0.7); }
|
||||
|
||||
@@ -20903,6 +20903,11 @@ div.editor_atto_toolbar button .icon {
|
||||
display: none; }
|
||||
.courseindex .courseindex-item.rectrictions .courseindex-locked {
|
||||
display: block; }
|
||||
.courseindex .courseindex-item.pageitem {
|
||||
background-color: #e9ecef;
|
||||
color: black; }
|
||||
.courseindex .courseindex-item.pageitem a {
|
||||
color: black; }
|
||||
.courseindex .courseindex-item .completioninfo {
|
||||
min-width: 24px;
|
||||
transform: scale(0.7); }
|
||||
|
||||
Reference in New Issue
Block a user