diff --git a/src/classes/output/core_renderer.php b/src/classes/output/core_renderer.php index d140563f..18ba6dc1 100644 --- a/src/classes/output/core_renderer.php +++ b/src/classes/output/core_renderer.php @@ -185,6 +185,7 @@ public function standard_head_html() { // force le chargement du fichier js du thème de base RÉCIT $PAGE->requires->js('/theme/recit2/js/theme-recit2-navsection.js'); $PAGE->requires->js('/theme/recit2/js/theme-recit2.js'); + $PAGE->requires->js('/theme/recit2/js/theme-legacy.js'); $PAGE->requires->js('/theme/recit2/js/theme-recit2-init-vars.js'); $PAGE->requires->js_init_call('theme_recit2_init_vars', array($settings)); diff --git a/src/js/theme-legacy.js b/src/js/theme-legacy.js new file mode 100644 index 00000000..4819606e --- /dev/null +++ b/src/js/theme-legacy.js @@ -0,0 +1,37 @@ +//RECIT Editor JS from before Moodle Approval + + + +document.body.addEventListener('click',function(e){ + if(e.target && e.target.classList.contains('videobtn')){ + let url = e.target.getAttribute('data-videourl'); + if (url){ + let iframe = document.createElement('iframe'); + iframe.src = url; + new M.recit.reciteditor.Popup(iframe); + } + e.preventDefault(); + }else if(e.target && e.target.classList.contains('r_img-popup')){ + let url = e.target.src; + if (url){ + let img = document.createElement('img'); + img.src = url; + new M.recit.reciteditor.Popup(img); + } + e.preventDefault(); + }else if(e.target && e.target.matches('.flipcard2 *')){ //Check if user clicked on a flipcard or its children + let el = e.target; + while (el = el.parentElement){ + if (el.classList.contains('flipcard2')){ + break; + } + } + if (!el) return; + if(el.classList.contains("hover2")){ + el.classList.remove('hover2'); + }else{ + el.classList.add('hover2'); + } + e.preventDefault(); + } +}); \ No newline at end of file diff --git a/src/scss/deprecated/_reciteditor.scss b/src/scss/deprecated/_reciteditor.scss new file mode 100644 index 00000000..ebcaa72b --- /dev/null +++ b/src/scss/deprecated/_reciteditor.scss @@ -0,0 +1,28 @@ +/* classes of before moodle approval */ + +/* Start RÉCIT Éditor */ +.row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } + +/* Popup */ +.r_popup, .r_popup .modal-dialog { max-width: 100vw; max-height: 100vh; width: fit-content; width: -moz-fit-content; margin: auto;} +.r_popup .modal-body { padding: 0; overflow: hidden; } +.r_popup iframe { width: 90vw; height: 85vh; border: 0; } +.r_popup img { max-height: 85vh; max-width: 90vw; } + +.img-popup { cursor: pointer; } + +/* Image cliquable */ +.imgclick { text-align: center; position: relative; overflow: hidden; width: fit-content; width: -moz-fit-content; } +.imgclick img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } +.imgclick a, .imgclick a:hover { display: block; color: #fff; } +.imgclick .imgclickcontent { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } +.imgclick:hover img { transform: scale(1.1); filter: brightness(50%); } +.imgclick:hover .imgclickcontent { display: block; } + +/* Flipcard */ +.flipcard2 { cursor: pointer; perspective: 1000px;} +.flipcard2 .flipcard-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);} +.flipcard2.hover2 .flipcard-inner { transform: rotateY(180deg);} +.flipcard2 .back, .flipcard2 .front { width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;} +.flipcard2 .back { position: absolute; top: 0px; transform: rotateY(180deg);} +/* End RÉCIT Éditor */ diff --git a/src/scss/recit.scss b/src/scss/recit.scss index b0a21d38..5e3c45f2 100644 --- a/src/scss/recit.scss +++ b/src/scss/recit.scss @@ -2,4 +2,3 @@ //@import "../scss/recit/variables"; // the import file is useful to resolve all the other files dependencies and include all of them here @import "./recit/import"; - diff --git a/src/scss/recit/_import.scss b/src/scss/recit/_import.scss index 39e0cf36..72742c7e 100644 --- a/src/scss/recit/_import.scss +++ b/src/scss/recit/_import.scss @@ -55,4 +55,5 @@ @import "theme-vars"; @import "responsive-mobile"; @import "responsive-tablet"; -@import "navsections"; \ No newline at end of file +@import "navsections"; +@import "../deprecated/reciteditor"; //CSS classes before Moodle approval \ No newline at end of file diff --git a/src/version.php b/src/version.php index 6b440fb8..786f5335 100644 --- a/src/version.php +++ b/src/version.php @@ -35,7 +35,7 @@ $plugin->component = 'theme_recit2'; // This is the named version. -$plugin->release = 'v2.1.5'; +$plugin->release = 'v2.1.6'; // This is a stable release. $plugin->maturity = MATURITY_ALPHA;