// © 2022 Uniwersytet im. Adama Mickiewicza w Poznaniu

// Biblioteka pozwala na zapisywanie różnych informacji o aktywnościach studenta.

var contentFrameReference = null;
var courseWindowReference = null;
const scoReadyTime = getTimeAsStringShort();
var allInteractionsForLinksInitialized = false;
var allInteractionsForQuizInitialized = false;
var allInteractionsForFillInInitialized = false;
var allInteractionsForFillInNumericInitialized = false;
var allInteractionsForDragAndDropInitialized = false;
var quizClicksArr = [];
var interactiondIDList = [];

$(function() {
  quizClicksArr = [];
  interactiondIDList = [];

  let interactionsCountSet = false;

  $(window).scroll(function(){
    if (!interactionsCountSet) {
      const result = prepare(interactionsCountSet, null);
      interactionsCountSet = result.interactionsCountSet;
    }
  });

  if ($("a[target='popup']").size() > 0) {
    $("a[target='popup']").click(function() {
      let interactionId = -1;
      const interactionName = $(this).text() + " url:" + $(this).attr("href") + " sco: " + getScoName() + " (" + getScoId() + ")";

      const result = prepare(interactionsCountSet, interactionName);
      interactionsCountSet = result.interactionsCountSet;
      interactionId = result.interactionId;

      if (interactionId != -1) {
        saveData(interactionId, "clicked", "neutral");
      }
    });
  }

  if ($(".el-draganddrop-buttons-container").size() > 0) {
    $(".el-draganddrop-buttons-container").each(function() {
      let container$ = $(this);
      container$.find(".el-draganddrop-checkbutton").click(function() {
        let interactionId = -1;
  
        const header = $(this).find(".el-element-header-text") != undefined ? "header: " + $(this).find(".el-element-header-text").text() : "";
        const interactionName = "type: matching " + header + " sco: " + getScoName() + " (" + getScoId() + ")";
  
        const result = prepare(interactionsCountSet, interactionName);
        interactionsCountSet = result.interactionsCountSet;
        interactionId = result.interactionId;
        console.log("interactionId dd: " + interactionId);
  
        if (interactionId != -1) {
          let d = $(this).closest(".eduexe-library-draganddrop-container");
          let answers = "";
          let correctness = "correct";
          
          d.find(".el-draganddrop-draggable").each(function() {
            let draggableId = $(this).attr("data-drag-id");
            let draggableDivQuery = 'div[data-drag-id=\"'.concat(draggableId).concat('\"]');
            let draggableDiv = container$.find(draggableDivQuery);
            let draggableDivText = draggableDiv.text();
        
            let droppedonDivQuery = 'div[data-droppedon-id=\"'.concat(draggableId).concat('\"]');
            let droppedonDiv = container$.find(droppedonDivQuery);
        
            let dropDivQuery = 'div[data-drop-id=\"'.concat(draggableId).concat('\"]');
            let dropDiv = container$.find(dropDivQuery);
            let dropDivKeywordText = dropDiv.prevAll(".el-draganddrop-keyword:first").text();
  
            if (droppedonDiv.length) {
              var droppedonDivPairId = droppedonDiv.attr("data-drop-id");
              if (droppedonDivPairId == draggableId) {
                // Element draggable upuszczono na właściwy element droppable
                draggableDiv.css("border", "2px solid green");
              }
              else {
                // Element draggable upuszczono na niewłaściwy element droppable
                draggableDiv.css("border", "2px solid red");
                correctness = "incorrect";
              }
            }
            else {
              if (dropDiv.length) {
                // Element draggable pozostawiono nieupuszczony, ale była do niego para
                draggableDiv.css("border", "2px solid red");
                correctness = "incorrect";
              }
              else {
                // Element draggable pozostawiono nieupuszczony i nie było do niego pary
                draggableDiv.css("border", "2px solid green");
              }
            }
            
            answers = answers + dropDivKeywordText + "[.]" + draggableDivText + "[,]"; // puste dropDivKeywordText i draggableDivText ?! :(
          });
  
          answers = answers.substring(0, answers.length - 3);
  
          saveData(interactionId, answers, correctness);
        }
      });
    });
  }

  if ($(".eduexe-library-quiz-container form").size() > 0) {
    $(".eduexe-library-quiz-container form").click(function() {
      let interactionId = -1;

      const header = $(this).parent().parent().parent().parent().find(".el-element-header-text") != undefined ? "header: " + $(this).parent().parent().parent().parent().find(".el-element-header-text").text() : "";
      const interactionName = "type: quiz " + header
        + " introduction:" + $(this).parent().parent().parent().parent().find("el-quiz-introduction").text() + " question:"
        + $(this).parent().parent().parent().parent().find(".el-quiz-question").text() + " sco: " + getScoName() + " (" + getScoId() + ")";

      const result = prepare(interactionsCountSet, interactionName);
      interactionsCountSet = result.interactionsCountSet;
      interactionId = result.interactionId;

      if (interactionId != -1) {
        if (quizClicksArr.includes(interactionId)) {
          const index = quizClicksArr.indexOf(interactionId);
          if (index > -1) {
            quizClicksArr.splice(index, 1);
          }

          let answers = "";
          let correctness = "correct";
          let correctN = 0;
          let k = 0;
          const selector = $(this).parent().parent().find(".el-checkbox").size() > 0 ? ".el-checkbox" : ".el-radio";
  
          $(this).find(selector).each(function() {
            if ($(this).find("input").attr("data-val") == "true") {
              correctN++;
            }
          });
  
          let answersCorrectN = 0;
          const n = $(this).find(selector + " input:checked").size();
          $(this).find(selector).each(function() {
            if ($(this).find("input").is(":checked")) {
              answers += $(this).find("p").text();
  
              if (k < n - 1) {
                answers += ";";
              }
              
              if ($(this).find("input").attr("data-val") == "false") {
                correctness = "incorrect";
              } else {
                answersCorrectN++;
              }
  
              k++;
            }
          });
          
          if (answers.length == 0) {
            correctness = "incorrect";
          }
  
          if (correctN != answersCorrectN) {
            correctness = "incorrect";
          }

          saveData(interactionId, answers, correctness);
        } else {
          quizClicksArr.push(interactionId);
        }
      }
    });
  }

  if ($(".eduexe-library-fillin-container form input").size() > 0) {
    const $input = $('.eduexe-library-fillin-container form input');

    $input.each(function() {
      const that = $(this);

      let typingTimer;                //timer identifier
      const doneTypingInterval = 500;  //time in ms, 0.5 second

      that.on('keyup', function(event) {
        const keyCode = event.keyCode || event.which; 
        
        clearTimeout(typingTimer);
        typingTimer = setTimeout(function() {
          let $target = $(event.target);
          if (keyCode == 9) {
            $target = $target.parent().parent().prev().find("input");
          }

          if ($target) {
            interactionsCountSet = doneTypingFillIn($target, interactionsCountSet);
          }

          if (keyCode == 9) {
            let nextInput = $(event.target);
            if (nextInput) {
              nextInput.focus();
            }
          }
        }, doneTypingInterval);
      });

      that.on('keydown', function() {
        clearTimeout(typingTimer);
      });
    });
  }

  if ($(".eduexe-library-numeric-container form input").size() > 0) {
    const $inputNumeric = $('.eduexe-library-numeric-container form input');

    $inputNumeric.each(function() {
      const that = $(this);

      let typingTimerNumeric;                //timer identifier
      const doneTypingIntervalNumeric = 500;  //time in ms, 0.5 second
      
      that.on('keyup', function(event) {
        const keyCode = event.keyCode || event.which; 
        
        clearTimeout(typingTimerNumeric);
        typingTimerNumeric = setTimeout(function() {
          let $target = $(event.target);
          if (keyCode == 9) {
            $target = $target.parent().parent().prev().find("input");
          }

          if ($target) {
            interactionsCountSet = doneChangingFillInNumeric(that, interactionsCountSet);
          }

          if (keyCode == 9) {
            let nextInput = $(event.target);
            if (nextInput) {
              nextInput.focus();
            }
          }
        }, doneTypingIntervalNumeric);
      });

      that.on('keydown', function() {
        clearTimeout(typingTimerNumeric);
      });

      let typingTimerNumericMouse;                //timer identifier
      const doneTypingIntervalNumericMouse = 500;  //time in ms, 0.5 second

      that.on('click', function() {
        clearTimeout(typingTimerNumericMouse);
        typingTimerNumericMouse = setTimeout(function() {
          interactionsCountSet = doneChangingFillInNumeric(that, interactionsCountSet);
        }, doneTypingIntervalNumericMouse);
      });

      let typingTimerNumericMouseWheel;                //timer identifier
      const doneTypingIntervalNumericMouseWheel = 500;  //time in ms, 0.5 second

      that.on('wheel', function() {
        clearTimeout(typingTimerNumericMouseWheel);
        typingTimerNumericMouseWheel = setTimeout(function() {
          interactionsCountSet = doneChangingFillInNumeric(that, interactionsCountSet);
        }, doneTypingIntervalNumericMouseWheel);
      });
    });
  }
});

function doneChangingFillInNumeric(that, interactionsCountSet) {
  let interactionId = -1;
  const header = that.parent().parent().parent().parent().parent().parent().find(".el-element-header-text") != undefined ? "header: " + that.parent().parent().parent().parent().parent().parent().find(".el-element-header-text").text() : "";
  const interactionName = "type: fill-in numeric " + header + " question: " + that.parent().find(".el-slide-content-header").text() + " sco: " + getScoName() + " (" + getScoId() + ")";

  let result = prepare(interactionsCountSet, interactionName);
  interactionsCountSet = result.interactionsCountSet;
  interactionId = result.interactionId;

  if (interactionId != -1) {
    let correctness = "correct";

    const answerCorrect = that.attr("data-val");
    const answerRange = that.attr("data-range");
    const userAnswer = that.val();
    const answer = that.val();

    that.attr("data-userans", userAnswer);
    // walidacja odpowiedzi
    if (answerCorrect == userAnswer) {
      // wpisano dobrą odpowiedź
      correctness = "correct";
    } else {           
      if (answerRange !== undefined && Math.abs(answerCorrect - userAnswer) <= answerRange) {
        // wpisano niedokładną odpowiedź, ale mieszczącą się w dopuszczalnym zakresie błędu
        correctness = "correct";            
      } else {
        // wpisano złą odpowiedź
        correctness = "incorrect";
      }
    }

    saveData(interactionId, answer, correctness);
  }
}

function doneTypingFillIn(that, interactionsCountSet) {
  let interactionId = -1;
  const header = that.parent().parent().parent().parent().parent().parent().find(".el-element-header-text") != undefined ? "header: " + that.parent().parent().parent().parent().parent().parent().find(".el-element-header-text").text() : "";
  const interactionName = "type: fill-in " + header + " question: " + that.parent().find(".el-slide-content-header").text() + " sco: " + getScoName() + " (" + getScoId() + ")";

  const result = prepare(interactionsCountSet, interactionName);
  interactionsCountSet = result.interactionsCountSet;
  interactionId = result.interactionId;

  if (interactionId != -1) {
    let correctness = "correct";

    let answerCorrect = that.attr("data-val");
    let userAnswer = that.val();
    const answer = that.val();

    // zastosuj małe litery     
    answerCorrect = answerCorrect.toLowerCase();
    userAnswer = userAnswer.toLowerCase();

    // walidacja odpowiedzi
    const answerCorrectArr = answerCorrect.split(";");
    let userAnswerWasCorrect = false;
    for (let i = 0; i < answerCorrectArr.length; i++) {
      if (answerCorrectArr[i] == userAnswer) {
        // wpisano dobrą odpowiedź
        userAnswerWasCorrect = true;
        break;
      }
    }
        
    // wpisano złą odpowiedź
    if (!userAnswerWasCorrect) {
      correctness = "incorrect";
    }

    saveData(interactionId, answer, correctness);
  }

  return interactionsCountSet;
}

function getContentFrameReference() {
  if (document.getElementById('page-content-frame') != null) {
    contentFrameReference = document.getElementById('page-content-frame').contentWindow;
  } else {
    contentFrameReference = window;
  }
}

function getCourseWindowReference() {
  if (typeof window.parent.coursejson !== 'undefined') {
      courseWindowReference = window.parent;
  } else {
      courseWindowReference = window;
  }
}

/*function countInteractions() {
  const isPlainSCORM = courseWindowReference.getParsedCourseJson().scormPlain;
  const scosNumber = courseWindowReference.getParsedCourseJson().children.length;
  let numberOfInteractions = 0;

  for (let i = 1; i <= scosNumber; i++) {
    if (isPlainSCORM && i != getScoId()) {
      continue;
    }
    
    let currentSCOManifest = courseWindowReference.manifestDataCopy.structure['sco_' + i];
    let interactions = currentSCOManifest.interactions;
    numberOfInteractions += interactions.length;

    for (let j = 0; j < interactions.length; j++) {
      let inter = interactions[j].id;
      if (interactiondIDList.indexOf(inter) == -1) {
        interactiondIDList.push(inter);
      }
    }


  }

  return numberOfInteractions;
}*/

function countInteractionsFunction() {
  console.log("countInteractionsFunction");
  let i = 0;
  let inter = contentFrameReference.doGetValue("cmi.interactions.0.id");

  while (inter != "") {    
    if (interactiondIDList.indexOf(inter) == -1) {
      interactiondIDList.push(inter);
    }
    
    i++;
    inter = contentFrameReference.doGetValue("cmi.interactions." + i + ".id");
  }

  return i;
}

function initAllInteractionsForFillInNumeric(interactionsCount) {
  if ($(".eduexe-library-numeric-container form input").size() > 0) {
    const scoId = getScoId();
    const scoTitle = getScoName();

    $(".eduexe-library-numeric-container form input").each(function() {
      const header = $(this).parent().parent().parent().parent().parent().parent().find(".el-element-header-text") != undefined ? "header: " + $(this).parent().parent().parent().parent().parent().parent().find(".el-element-header-text").text() : "";
      const interactionName = "type: fill-in numeric " + header + " question: " + $(this).parent().find(".el-slide-content-header").text() + " sco: " + getScoName() + " (" + getScoId() + ")";

      initOtherInteraction(
        interactionsCount, interactionName,
        scoId, scoTitle, $(this).text(), "numeric"
      );
      
      interactionsCount++;
    });

    // contentFrameReference.doCommit();

    allInteractionsForFillInNumericInitialized = true;
  }

  return interactionsCount;
}

function initAllInteractionsForFillIn(interactionsCount) {
  if ($(".eduexe-library-fillin-container form input").size() > 0) {
    const scoId = getScoId();
    const scoTitle = getScoName();

    $(".eduexe-library-fillin-container form input").each(function() {
      const header = $(this).parent().parent().parent().parent().parent().parent().find(".el-element-header-text") != undefined ? "header: " + $(this).parent().parent().parent().parent().parent().parent().find(".el-element-header-text").text() : "";
      const interactionName = "type: fill-in " + header + " question: " + $(this).parent().find(".el-slide-content-header").text() + " sco: " + getScoName() + " (" + getScoId() + ")";

      initOtherInteraction(
        interactionsCount, interactionName,
        scoId, scoTitle, $(this).text(), "fill-in"
      );
      
      interactionsCount++;
    });

    // contentFrameReference.doCommit();

    allInteractionsForFillInInitialized = true;
  }

  return interactionsCount;
}

function initAllInteractionsForQuiz(interactionsCount) {
  if ($(".eduexe-library-quiz-container").size() > 0) {
    const scoId = getScoId();
    const scoTitle = getScoName();

    $(".eduexe-library-quiz-container").each(function() {
      const header = $(this).find(".el-element-header-text") != undefined ? "header: " + $(this).find(".el-element-header-text").text() : "";
      const introduction = $(this).find("el-quiz-introduction") != undefined ? " introduction:" + $(this).find("el-quiz-introduction").text() : "";
      const interactionName = "type: quiz " + header + introduction + " question:" + $(this).find(".el-quiz-question").text() + " sco: " + getScoName() + " (" + getScoId() + ")";
      const type = $(this).find(".el-quiz").find(".el-checkbox").size() > 0 ? "multiple-choice" : "single-choice";

      initOtherInteraction(
        interactionsCount, interactionName,
        scoId, scoTitle, $(this).text(), type
      );
      
      interactionsCount++;
    });

    // contentFrameReference.doCommit();

    allInteractionsForQuizInitialized = true;
  }

  return interactionsCount;
}

function initAllInteractionsForDragAndDrop(interactionsCount) {
  if ($(".eduexe-library-draganddrop-container").size() > 0) {
    const scoId = getScoId();
    const scoTitle = getScoName();

    $(".eduexe-library-draganddrop-container").each(function() {
      const header = $(this).find(".el-element-header-text") != undefined ? "header: " + $(this).find(".el-element-header-text").text() : "";
      const interactionName = "type: matching " + header + " sco: " + getScoName() + " (" + getScoId() + ")";

      initOtherInteraction(
        interactionsCount, interactionName,
        scoId, scoTitle, $(this).text(), "matching"
      );
      
      interactionsCount++;
    });

    // contentFrameReference.doCommit();

    allInteractionsForDragAndDropInitialized = true;
  }

  return interactionsCount;
}

function initAllInteractionsForLinks(interactionsCount) {
  if ($("a[target='popup']").size() > 0) {
    const scoId = getScoId();
    const scoTitle = getScoName();

    $("a[target='popup']").each(function() {
      const interactionName = $(this).text() + " url:" + $(this).attr("href") + " sco: " + getScoName() + " (" + getScoId() + ")";

      initOtherInteraction(
        interactionsCount, interactionName,
        scoId, scoTitle, $(this).prop('outerHTML'), "other"
      );
      
      interactionsCount++;
    });

    // contentFrameReference.doCommit();

    allInteractionsForLinksInitialized = true;
  }

  return interactionsCount;
}

function getCurrentInteractionId(interactionName) {
  return interactiondIDList.indexOf(btoa(encodeURIComponent(interactionName)));
}

function prepare(interactionsCountSet, interactionName) {
  let interactionsCount = 0;

  console.log("interactionsCountSet:" + interactionsCountSet);
  if (!interactionsCountSet) {
    getContentFrameReference();
    getCourseWindowReference();
    interactionsCount = countInteractionsFunction();
  } else {
    interactionsCount = interactiondIDList.length;
  }

  interactionsCountSet = true;

  if (!allInteractionsForLinksInitialized) {
    interactionsCount = initAllInteractionsForLinks(interactionsCount);
  }

  if (!allInteractionsForQuizInitialized) {
    interactionsCount = initAllInteractionsForQuiz(interactionsCount);
  }

  if (!allInteractionsForFillInInitialized) {
    interactionsCount = initAllInteractionsForFillIn(interactionsCount);
  }

  if (!allInteractionsForFillInNumericInitialized) {
    interactionsCount = initAllInteractionsForFillInNumeric(interactionsCount);
  }

  if (!allInteractionsForDragAndDropInitialized) {
    interactionsCount = initAllInteractionsForDragAndDrop(interactionsCount);
  }

  let interactionId = null;
  if (interactionName != null) {
    interactionId = getCurrentInteractionId(interactionName);
  }

  const result = {
    interactionsCountSet: interactionsCountSet,
    interactionId: interactionId
  };

  return result;
}

function getScoId() {
  return "sco_" + $("body").attr("data-sco-id").trim();
}

function getScoName() {
  return $(".eduexe-sco-title").first().text().trim();
}

function initOtherInteraction(interactionID, interactionName, scoId, scoTitle, content, type) {
  const interEncoded = btoa(encodeURIComponent(interactionName));
  if (interactiondIDList.indexOf(interEncoded) == -1) {
    interactiondIDList.push(interEncoded);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.id', interEncoded);

    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.type', "other");
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.timestamp', scoReadyTime);
    contentFrameReference.CMI.encodeAndSetValue('cmi.interactions.' + interactionID + '.description', content);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.weighting', 0.0);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.0.id', '0:learning_object');

    const scoTitleSafe = btoa(encodeURIComponent(scoTitle));
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.1.id', '1:' + scoTitleSafe);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.2.id', '2:' + scoId);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.3.id', '3:' + type);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.4.id', '4:');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.5.id', '5:drawn');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.6.id', '6:');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.7.id', '7:');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.8.id', '8:');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.9.id', '9:');
    contentFrameReference.doSetValue('cmi.interactions.' + interactionID + '.objectives.10.id', '10:');
  }
}

function saveData(interactionId, answer, result) {
  updateLearnerResponse(interactionId, answer);
  updateResult(interactionId, result);
  saveInteractionChangeTime(interactionId, answer, result);
  saveTimeSpentInInteractions(interactionId);
  // contentFrameReference.doCommit();
}

function saveInteractionLatency(interactionId) {
  const latencyFromCMI = contentFrameReference.doGetValue("cmi.interactions." + interactionId + ".latency");

  if (latencyFromCMI == "") {
    const testStartTime = Date.parse(doGetValue("cmi.interactions." + interactionId + ".timestamp") + ".000Z");
    const currentTime = contentFrameReference.getTimeAsTimestamp();
    const lacencyTime = currentTime - testStartTime;
    const lacencyTimeSeconds = Math.round(lacencyTime / 1000);
    const latencyFormatted = "PT" + lacencyTimeSeconds + "S";
    contentFrameReference.doSetValue('cmi.interactions.' + interactionId + '.latency', latencyFormatted);
  }
}

function updateNumberOfAnswerChanges(interactionId) {
  const dataOfObjectives8Raw = contentFrameReference.doGetValue("cmi.interactions." + interactionId + ".objectives.8.id");
  let numberOfAnswerChanges = dataOfObjectives8Raw.substr(2);

  if (numberOfAnswerChanges == "") {
    contentFrameReference.doSetValue("cmi.interactions." + interactionId + ".objectives.8.id", "8:1");
  } else {
    numberOfAnswerChanges = parseInt(numberOfAnswerChanges) + 1;
    contentFrameReference.doSetValue("cmi.interactions." + interactionId + ".objectives.8.id", "8:" + numberOfAnswerChanges.toString());
  }
}

function updateLearnerResponse(interactionId, answer) {
  contentFrameReference.CMI.encodeAndSetValue('cmi.interactions.' + interactionId + '.learner_response', answer);
}

function updateResult(interactionId, result) {
  contentFrameReference.doSetValue('cmi.interactions.' + interactionId + '.result', result);
}

function saveInteractionChangeTime(interactionId, answer, result) {
  const dataOfObjectives9Raw = contentFrameReference.doGetValue("cmi.interactions." + interactionId + ".objectives.9.id");
  const changesArrayStr = dataOfObjectives9Raw.substr(2);

  let changesArrayObj = [];  
  if (changesArrayStr != "") {
    changesArrayObj = JSON.parse(contentFrameReference.CMI.eduexeDecodeText(changesArrayStr));
  }

  if (answer.length > 0 && ((changesArrayObj.length > 0 && changesArrayObj[changesArrayObj.length - 1].answer != answer && answer != "clicked") || changesArrayObj.length == 0)) {
    changesArrayObj.push({ "time": contentFrameReference.getTimeAsTimestamp(), "answer": answer, "result": result });
    saveInteractionLatency(interactionId);
    updateNumberOfAnswerChanges(interactionId);
    contentFrameReference.doSetValue("cmi.interactions." + interactionId + ".objectives.9.id", "9:"
    + contentFrameReference.CMI.eduexeEncodeText(JSON.stringify(changesArrayObj)));
  }
}

function saveTimeSpentInInteractions(interactionId) {
  const currentTime = Date.now();
  const intStarted = contentFrameReference.doGetValue('cmi.interactions.' + interactionId + '.timestamp');
  const intStartedDate = new Date(intStarted + '.000Z');
  let timeSpent = currentTime - intStartedDate.getTime();
  timeSpent = Math.round(timeSpent / 1000);
  let timeSpentPrevious = contentFrameReference.doGetValue('cmi.interactions.' + interactionId + '.objectives.10.id');
  timeSpentPrevious = timeSpentPrevious.substr(3);
  if (timeSpentPrevious == "") {
    contentFrameReference.doSetValue('cmi.interactions.' + interactionId + '.objectives.10.id', "10:" + timeSpent.toString());
  } else {
    timeSpent += parseInt(timeSpentPrevious);
    contentFrameReference.doSetValue('cmi.interactions.' + interactionId + '.objectives.10.id', "10:" + timeSpent.toString());
  }   
}

function getTimeAsStringShort() {
  const date = new Date();
  return dateStr = date.toISOString().split(".")[0];
}