mumuki-laboratory 9.0.2 → 9.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3bfbac4c5667f84f0ef0365430b3b8b22bb421d0149a906bff69f7ad8116200a
-  data.tar.gz: b3a2468082c345db35724748e1e1d992e1a7fd0e4688a480040e873ac5d94650
+  metadata.gz: 42ddcb38b3d3ff241bc81dd9b18c22afaf7a2078d3064e5e9e888155b3e16226
+  data.tar.gz: 0b244643dd954e25ca038c79d71fb79cf58a5bffd915d8824ac72ccaf49a920d
 SHA512:
-  metadata.gz: 228622d76f975543bac60f7b62f3f1ff28fb831934b1841e2fe1e4faaf6ed31b4301d30815c160c1aaa0b0751df34b056eec22ae0e56fc660261949deb40dd34
-  data.tar.gz: a5e86b47de449d68553f162bafa77a69c7dc850bbb65efa3ab1c1401c3091da5979453b50d306a1d8a95973ffc29a66ce6f6b9bd2c29e29192c83c0a68d887e3
+  metadata.gz: 52ec0f9e2703a88efe4949706020b6bb83516252ab389faecd8c838ce6094faa40149bdb7d5573d95b9ad9e6d7909bd0b3f03cd0f3787925f6e37eebfd5bed6b
+  data.tar.gz: 6b7412a1b79947d6426f43edb5f5c50163671658227281aa94676b77abf870f1695925310a64dfa5a9d37f13f797dd4f96587c19922c28f8d043dd6c7982d708

data/app/assets/javascripts/mumuki_laboratory/application/codemirror.js

@@ -20,12 +20,20 @@ mumuki.page.editors = [];
     $("#exercise_language_id").change(updateCodeMirrorLanguage);
   }
 
-  function resetEditor() {
+  function resetSimpleEditor() {
     mumuki.page.dynamicEditors.forEach(function (e) {
       setDefaultContent(e, $('#default_content').val());
     });
   }
 
+  function resetEditor(isMultipleFiles) {
+    if (!isMultipleFiles) {
+      resetSimpleEditor();
+    } else {
+      mumuki.multipleFileEditor.resetEditor();
+    }
+  }
+
   function formatContent() {
     mumuki.page.editors.each(function (_, editor) {
       editor.setSelection({line: 0, ch: 0}, {line: editor.lineCount()});
@@ -87,7 +95,7 @@ mumuki.page.editors = [];
     $('.editor-reset').click(function (event) {
       event.stopPropagation();
       const selection = confirm(this.getAttribute('data-confirm'));
-      if(selection) resetEditor();
+      if (selection) resetEditor($(event.target).parent().data('multiple-files'));
     });
 
     $('.editor-resize').click(function () {

data/app/assets/javascripts/mumuki_laboratory/application/discussions.js

@@ -1,9 +1,13 @@
 mumuki.load(() => {
-  var $subscriptionSpans = $('.discussion-subscription > span');
-  var $upvoteSpans = $('.discussion-upvote > span');
+  var $subscriptionButtons = $('.discussion-subscription > button');
+  var $upvoteButtons = $('.discussion-upvote > button');
+  let $messagePreviewButton = $('.discussion-new-message-preview-button.preview');
+  let $messageEditButton = $('.discussion-new-message-preview-button.edit');
+  let $newMessageContent = $('.discussion-new-message-content');
+  let $newMessagePreview = $('#discussion-new-message-preview');
 
   function createNewMessageEditor() {
-    var $textarea = $("#new-discussion-message");
+    var $textarea = $("#discussion-new-message");
     var textarea = $textarea[0];
     if (!textarea) return;
 
@@ -26,11 +30,11 @@ mumuki.load(() => {
   }
 
   createReadOnlyEditors();
-  createNewMessageEditor();
+  let editor = createNewMessageEditor();
 
   var Forum = {
-    toggleButton: function (spans) {
-      spans.toggleClass('hidden');
+    toggleButton: function (elements) {
+      elements.toggleClass('d-none');
     },
     token: new mumuki.CsrfToken(),
     tokenRequest: function (data) {
@@ -44,10 +48,10 @@ mumuki.load(() => {
       });
     },
     discussionSubscription: function (url) {
-      Forum.discussionPostAndToggle(url, $subscriptionSpans);
+      Forum.discussionPostAndToggle(url, $subscriptionButtons);
     },
     discussionUpvote: function (url) {
-      Forum.discussionPostAndToggle(url, $upvoteSpans);
+      Forum.discussionPostAndToggle(url, $upvoteButtons);
     },
     discussionPostAndToggle: function (url, elem) {
       Forum.discussionPost(url).done(Forum.toggleButton(elem));
@@ -67,9 +71,46 @@ mumuki.load(() => {
       const params = new URLSearchParams(location.search);
       elem.is(':checked') ? params.set(key, elem.val()) : params.delete(key);
       location.search = params.toString();
+    },
+    discussionMessagePreview: function (url) {
+      return Forum.tokenRequest({
+        url: url,
+        method: 'GET',
+        processData: false,
+        dataType: 'json',
+        data: new URLSearchParams({ content: editor.getValue() } ),
+        success: function (response) {
+          showPreview(response.preview);
+        },
+        error: function (e) {
+          error = $messagePreviewButton.attr('error-text');
+          showPreview(error);
+        },
+        xhrFields: {withCredentials: true}
+      });
+    },
+    hidePreviewAndShowEditor: function(elem) {
+      togglePreviewAndEditButtons();
+      togglePreviewAndContentMessage();
     }
   };
 
+  function showPreview(preview) {
+    $newMessagePreview.html($.parseHTML(preview));
+    togglePreviewAndEditButtons();
+    togglePreviewAndContentMessage();
+  }
+
+  function togglePreviewAndEditButtons() {
+    $messagePreviewButton.toggleClass('d-none');
+    $messageEditButton.toggleClass('d-none');
+  }
+
+  function togglePreviewAndContentMessage() {
+    $newMessagePreview.toggleClass('d-none');
+    $newMessageContent.toggleClass('d-none');
+  }
+
   mumuki.Forum = Forum;
 
 });

data/app/assets/javascripts/mumuki_laboratory/application/faqs.js

@@ -32,9 +32,8 @@ mumuki.faqs = class {
   }
 
   _createNavbarItem($faqsNavbar, faqGroup) {
-    const $newLink = $('<a></a>').attr("href",`#${faqGroup.id}`)
-      .html(`${faqGroup.children[0].textContent}`);
-    const $navItem = $('<li></li>').html($newLink);
+    const $navItem = $(`<li><a href="#${faqGroup.id}">`)
+      .html(`${faqGroup.querySelector('h2').textContent}`);
     $faqsNavbar.append($navItem);
     return $navItem;
   }
@@ -51,8 +50,19 @@ mumuki.faqs = class {
   _createFaqsGroups() {
     const elemsGroups = this._buildFaqsGroups();
     elemsGroups.forEach((group, index) => {
-      $(group).wrapAll(`<div class='mu-faqs-group' id='mu-faqs-group-${index}'>`)
+      $(group).wrapAll(`<div class='mu-faqs-group' id='mu-faqs-group-${index}'>`);
     });
+    this._createFaqsIcons();
+  }
+
+  _createFaqsIcons() {
+    const $faqIcon = $('<i class="mu-faqs-group-icon fa fa-plus">');
+    $faqIcon.click(function(e){
+      const $elem = $(this);
+      $elem.toggleClass('fa-plus fa-minus');
+      $elem.closest('.mu-faqs-group').toggleClass('active');
+    })
+    $('.mu-faqs-group').prepend($faqIcon);
   }
 
   _buildFaqsGroups() {

data/app/assets/javascripts/mumuki_laboratory/application/gamification.js

@@ -82,11 +82,11 @@ mumuki.gamification = (() => {
 
     defaultGainedExperienceAction() {
       $('#mu-exp-points').html(this.lastEarnedExp);
-      $('#mu-exp-earned-message').removeClass('hidden');
+      $('#mu-exp-earned-message').removeClass('d-none');
     }
 
     defaultLevelUpAction(_levelUpHtml) {
-      $('#mu-level-up').modal();
+      new bootstrap.Modal('#mu-level-up').show();
     }
 
     registerLevelUpAction(action) {
@@ -118,7 +118,7 @@ mumuki.gamification = (() => {
     updateTooltip() {
       const $muLevelTooltip = $('.mu-level-tooltip');
 
-      $muLevelTooltip.attr("data-original-title", `${$muLevelTooltip.attr("level")} ${this.currentLevel()}`);
+      $muLevelTooltip.attr("data-bs-original-title", `${$muLevelTooltip.attr("level")} ${this.currentLevel()}`);
       $muLevelTooltip.attr("title", "");
     }
 

data/app/assets/javascripts/mumuki_laboratory/application/kids.js

@@ -51,10 +51,13 @@ mumuki.Kids = class {
   }
 
   showContext() {
-    this.$contextModal.modal({
-      backdrop: 'static',
-      keyboard: false
-    });
+    let context = document.getElementById('mu-kids-context');
+    if (context) {
+      new bootstrap.Modal(context, {
+        backdrop: 'static',
+        keyboard: false
+      }).show();
+    }
   }
 
   showNonAbortedPopup(data, animation_name, open_modal_delay_ms = 0) {
@@ -66,7 +69,7 @@ mumuki.Kids = class {
 
   showAbortedPopup(_data) {
     this.submitButton.disable();
-    this.$resultsAbortedModal.modal();
+    new bootstrap.Modal(document.getElementById('kids-results-aborted')).show();
   }
 
   showOverlay() {
@@ -114,11 +117,12 @@ mumuki.Kids = class {
   // =================
 
   _openSubmissionResultModal(data) {
-    this.$resultsModal.modal({ backdrop: 'static', keyboard: false });
+    let modal = new bootstrap.Modal(document.getElementById('kids-results'), { backdrop: 'static', keyboard: false });
+    modal.show();
     this.$resultsModal.find('.modal-header').first().html(data.title_html);
     mumuki.gamification.currentLevelProgression.setExpMessage(data);
     this.$resultsModal.find('.modal-footer').first().html(data.button_html);
-    $('.mu-close-modal').click(() => this.$resultsModal.modal('hide'));
+    $('.mu-close-modal').click(() => modal.hide());
     this.onSubmissionResultModalOpen(data);
   }
 

data/app/assets/javascripts/mumuki_laboratory/application/kindergarten.js

@@ -116,8 +116,8 @@ mumuki.load(() => {
         _action(add, remove, isPlaying, callback) {
           callback(window.speechSynthesis);
           const $button = $('.mu-kindergarten-play-description');
-          $button.find(`.mu-kindergarten-${add}`).addClass('hidden');
-          $button.find(`.mu-kindergarten-${remove}`).removeClass('hidden');
+          $button.find(`.mu-kindergarten-${add}`).addClass('d-none');
+          $button.find(`.mu-kindergarten-${remove}`).removeClass('d-none');
           this._isPlaying = isPlaying;
         },
         verifyBrowserSupport() {
@@ -146,7 +146,7 @@ mumuki.load(() => {
         showOrHideExpandHintButton() {
           const $button = $('.expand-or-collapse-hint-media');
           const $hintMedia = $('.mu-kindergarten-hint-media');
-          if (!$hintMedia.get(0)) $button.addClass('hidden');
+          if (!$hintMedia.get(0)) $button.addClass('d-none');
         },
       };
     }

data/app/assets/javascripts/mumuki_laboratory/application/messages.js

@@ -10,12 +10,12 @@ mumuki.load(() => {
       return Chat.$newMessageModal().find('.modal-body, .modal-footer');
     },
     collapseNewMessageModal: function () {
-      Chat.$newMessageModalComponents().toggleClass('hidden');
+      Chat.$newMessageModalComponents().toggleClass('d-none');
     },
     token: new mumuki.CsrfToken(),
     setMessages: function (data) {
       $('.badge-notifications').html(data.messages_count);
-      $('.notifications-box').toggleClass('notifications-box-empty', !data.has_messages);
+      $('.notifications-box').toggleClass('d-none', !data.has_messages);
       $('.pending-messages-filter').removeClass('pending-messages-filter');
       $('button.btn-submit').removeClass('disabled');
       $('.pending-messages-text').remove();
@@ -53,7 +53,7 @@ mumuki.load(() => {
       function renderHTML(data) {
         $container.empty();
         $container.html(data);
-        $("a[data-target='#messages']").click();
+        $("a[data-bs-target='#messages']").click();
       }
 
       function success(data) {

data/app/assets/javascripts/mumuki_laboratory/application/mu-modal-carrousel.js

@@ -34,14 +34,14 @@ mumuki.ModalCarrousel = (() => {
       const $close = $('.mu-kids-modal-button.mu-close');
       const $footer = $('.modal-footer');
       const isLastChild = this._activeSlide().is(':last-child');
-      this._addClassIf($next, 'hidden', () => isLastChild);
-      this._addClassIf($close, 'hidden', () => !isLastChild);
-      this._addClassIf($footer, 'hidden', () => !isLastChild);
+      this._addClassIf($next, 'd-none', () => isLastChild);
+      this._addClassIf($close, 'd-none', () => !isLastChild);
+      this._addClassIf($footer, 'd-none', () => !isLastChild);
     }
 
     _hidePreviousButtonIfFirstSlide() {
       const $prev = $('.mu-kids-modal-button.mu-previous');
-      this._addClassIf($prev, 'hidden', () => this._activeSlide().is(':first-child'));
+      this._addClassIf($prev, 'd-none', () => this._activeSlide().is(':first-child'));
     }
 
     _showFirstSlide() {

data/app/assets/javascripts/mumuki_laboratory/application/multiple-files.js

@@ -28,7 +28,7 @@ mumuki.load(() => {
     }
 
     get isSelected() {
-      return this.tab.hasClass("active");
+      return this.tab.children().first().hasClass("active");
     }
 
     setUpOnRemove(handler) {
@@ -58,12 +58,12 @@ mumuki.load(() => {
 
     _selectElement(element) {
       element.addClass('active');
-      element.addClass('in');
+      element.addClass('show');
     }
 
     _unselectElement(element) {
       element.removeClass('active');
-      element.removeClass('in');
+      element.removeClass('show');
     }
   }
 
@@ -135,6 +135,13 @@ mumuki.load(() => {
       });
     }
 
+    resetEditor() {
+      const defaultContents = this._getDataFromHiddenInput('#multifile-default-content');
+      mumuki.page.editors.each(function (i, editor) {
+        editor.getDoc().setValue(defaultContents[i] ? defaultContents[i].content : '');
+      });
+    }
+
     _addFile() {
       let name = prompt(this.locales.insert_file_name);
       const alreadyExists = this.files.toArray().some(it => it.name === name);
@@ -157,14 +164,18 @@ mumuki.load(() => {
       const previousIndex = Math.max(index - 1, 0);
 
       const wasSelected = file.remove();
-      if (wasSelected) this.files[previousIndex].select();
+      if (wasSelected) {
+        this.tabs.children()[previousIndex].click();
+      }
 
       this.updateButtonsVisibility();
     }
 
     _createTab(name, id) {
       const tab = this.tabs.last().clone();
-      tab.attr('data-target', `#${id}`);
+      let link = tab.children().first();
+      link.attr('data-bs-target', `#${id}`);
+      link.removeClass('active');
 
       return tab;
     }
@@ -184,6 +195,8 @@ mumuki.load(() => {
         .setupLanguage(highlightMode)
         .build();
 
+      mumuki.page.editors.push(codeMirrorEditor);
+
       codeMirrorEditor.on("change", (event) => {
         textarea.val(event.getValue());
       });

data/app/assets/javascripts/mumuki_laboratory/application/multiple-scenarios.js

@@ -60,7 +60,7 @@ mumuki.MultipleScenarios = (() => {
       this.createControls();
       this.createIndicators();
       this.setActiveIndex(0);
-      $('.mu-scenario-control').removeClass('hidden');
+      $('.mu-scenario-control').removeClass('d-none');
     }
 
     validScenarioIndex (index) {

data/app/assets/javascripts/mumuki_laboratory/application/organization.js

@@ -0,0 +1,32 @@
+ mumuki.organization = {
+
+  /**
+   * The current organization's id
+   *
+   * @type {number?}
+   * */
+  _id: null,
+
+  /**
+   * The current organization's id
+   *
+   * @type {number?}
+   * */
+  get id() {
+    return this._id;
+  },
+
+  /**
+   * Set global current organization information
+   */
+  load() {
+    const $muOrganizationId = $('#mu-organization-id');
+    if ($muOrganizationId.length) {
+      this._id = $muOrganizationId.val();
+    } else {
+      this._id = null;
+    }
+  }
+};
+
+mumuki.load(() => mumuki.organization.load());

data/app/assets/javascripts/mumuki_laboratory/application/primary.js

@@ -79,12 +79,12 @@ mumuki.load(() => {
 
       this._$speechTabs.each((i) => {
         const $tab = $(this._$speechTabs[i]);
-        if ($tab.data('target')) {
+        if ($tab.data('bs-target')) {
           $tab.click(() => {
             this._$speechTabs.removeClass('active');
             $tab.addClass('active');
             this._$texts.hide();
-            this.$characterSpeechBubbleNormal.children('.' + $tab.data('target')).show();
+            this.$characterSpeechBubbleNormal.children('.' + $tab.data('bs-target')).show();
             this._updateSpeechParagraphs();
           });
         }
@@ -151,7 +151,7 @@ mumuki.load(() => {
       const $bubble = this.$characterSpeechBubble;
       $bubble.find('.mu-kids-character-speech-bubble-tabs').show();
       $bubble.find('.mu-kids-character-speech-bubble-normal').show();
-      $bubble.find('.mu-kids-character-speech-bubble-failed').hide();
+      $bubble.find('.mu-kids-character-speech-bubble-failed').addClass('d-none').removeClass('d-block');
       $bubble.find('.mu-kids-discussion-link').remove();
       Object.keys(this.resultActions).forEach($bubble.removeClass.bind($bubble));
     }
@@ -225,7 +225,7 @@ mumuki.load(() => {
     }
 
     _getSelectedTabName() {
-      return this._$speechTabs.filter('.active').data('target') || 'description';
+      return this._$speechTabs.filter('.active').data('bs-target') || 'description';
     }
 
   }

data/app/assets/javascripts/mumuki_laboratory/application/profile.js

@@ -72,12 +72,6 @@ mumuki.load(function() {
     form.append(`<input type="hidden" name="user[avatar_type]" value="${type}"/>`);
   }
 
-  $("#mu-edit-avatar-icon").on('keypress click', function(e) {
-    onClickOrSpacebarOrEnter($(this), e, function() {
-      $avatarPicker.modal();
-    });
-  });
-
   function onClickOrSpacebarOrEnter(element, e, func) {
     if (e.which === 13 || e.which === 32 || e.type === 'click') {
       func.apply(element);