@sparkle-learning/core 0.0.39 → 0.0.42

package/dist/cjs/sparkle-quiz-feedback_5.cjs.entry.js

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+
+function GetSelectOptionId(questionId, index) {
+  return "question-" + questionId + "-option-" + index;
+}
+
+const sparkleQuizFeedbackCss = ":host{display:block}";
+
+const SparkleQuizFeedback = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizFeedbackChange = index.createEvent(this, "quizFeedbackChange", 7);
+    this.displayOptions = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+  }
+  render() {
+    return (index.h(index.Host, { class: "quiz__feedback" }, index.h("div", { class: "question-container" }, index.h("div", { class: "question-text" }, this.question.questionText), index.h("div", null, this.displayOptions.map((option, index$1) => index.h("div", { class: "option" }, index.h("input", { type: "radio", id: GetSelectOptionId(this.question.questionId, index$1), name: "question-" + this.question.questionId, value: option, onChange: (e) => this.quizFeedbackChange.emit({ value: e.target.value, question: this.question }) }), index.h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index$1) }, index.h("span", { class: "number" }, this.displayOptions[index$1]), " ", option), index.h("br", null)))))));
+  }
+};
+SparkleQuizFeedback.style = sparkleQuizFeedbackCss;
+
+const sparkleQuizInputCss = ":host{display:block}";
+
+const SparkleQuizInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizInputChange = index.createEvent(this, "quizInputChange", 7);
+  }
+  render() {
+    return (index.h(index.Host, { class: "quiz__input" }, index.h("div", { class: "question-container" }, index.h("label", { htmlFor: "question-" + this.question.questionId, class: "form-label" }, this.question.questionText), index.h("input", { type: "text", class: "form-control", id: "question-" + this.question.questionId, name: "question-" + this.question.questionId, onInput: (e) => this.quizInputChange.emit({ value: e.target.value, question: this.question }) }))));
+  }
+};
+SparkleQuizInput.style = sparkleQuizInputCss;
+
+const sparkleQuizOpinionCss = "sparkle-quiz-opinion .scale{display:flex;justify-content:space-between}sparkle-quiz-opinion .scale>p{margin:0}sparkle-quiz-opinion .scale>p.selected{color:var(--ion-color-primary)}sparkle-quiz-opinion ion-icon{font-size:30px}sparkle-quiz-opinion .icon-group{min-width:70px;text-align:right;padding-right:10px}";
+
+const SparkleQuizOpinion = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizOpinionChange = index.createEvent(this, "quizOpinionChange", 7);
+    this.fivePointsDisplayOptions = ['Strongly agree', 'Agree', 'Not sure', 'Disagree', 'Strongly disagree'];
+    this.tenPointsDisplayOptions = ["Never",
+      "Never",
+      "Sometimes",
+      "Sometimes",
+      "Half of the time",
+      "Half of the time",
+      "Most of the time",
+      "Most of the time",
+      "Always",
+      "Always",
+      "Always"];
+    this.tenPointsDefaultValue = 5;
+  }
+  optionChanged(index, answer) {
+    this.selectedIndex = index;
+    this.quizOpinionChange.emit({ value: answer, question: this.question });
+  }
+  renderFivePointScale() {
+    return (this.fivePointsDisplayOptions.map((option, index$1) => index.h("div", { class: "option" }, index.h("input", { id: GetSelectOptionId(this.question.questionId, index$1), type: "radio", name: "question-" + this.question.questionId, value: option, onChange: (e) => this.optionChanged(index$1, this.fivePointsDisplayOptions[index$1]) }), index.h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index$1) }, index.h("span", { class: "number" }, index$1 + 1), option), index.h("br", null))));
+  }
+  renderTenPointScale() {
+    return (index.h("div", null, index.h("ion-item", null, index.h("ion-range", { class: "opinion-range", onIonChange: (e) => this.optionChanged(+e.detail.value, this.tenPointsDisplayOptions[+e.detail.value]), min: 0, max: 10, value: this.tenPointsDefaultValue, step: 1, pin: true, snaps: true }, index.h("ion-icon", { size: "small", slot: "start", name: "star-outline" }), index.h("ion-icon", { slot: "end", name: "star" }))), index.h("div", { class: "scale" }, index.h("p", null, "Never"), index.h("p", { class: "selected" }, this.tenPointsDisplayOptions[this.selectedIndex] || this.tenPointsDisplayOptions[this.tenPointsDefaultValue]), index.h("p", null, "Always")), index.h("br", null), index.h("hr", null)));
+  }
+  render() {
+    return (index.h(index.Host, { class: "quiz__opinion" }, index.h("div", { class: "opinion-container" }, index.h("div", { class: "question-text" }, this.question.questionText), index.h("div", null, this.question.scale == "FIVE-POINTS" && this.renderFivePointScale(), this.question.scale == "TEN-POINTS" && this.renderTenPointScale()))));
+  }
+  get el() { return index.getElement(this); }
+};
+SparkleQuizOpinion.style = sparkleQuizOpinionCss;
+
+const sparkleQuizPollCss = ":host{display:block}";
+
+const SparkleQuizPoll = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizInputChange = index.createEvent(this, "quizInputChange", 7);
+  }
+  render() {
+    return (index.h(index.Host, { class: "quiz__input" }, index.h("div", { class: "question-container" }, index.h("label", { htmlFor: "question-" + this.question.questionId, class: "form-label" }, this.question.questionText), index.h("input", { type: "text", class: "form-control", id: "question-" + this.question.questionId, name: "question-" + this.question.questionId, onInput: (e) => this.quizInputChange.emit({ value: e.target.value, question: this.question }) }))));
+  }
+};
+SparkleQuizPoll.style = sparkleQuizPollCss;
+
+const sparkleQuizSelectCss = ":host{display:block}";
+
+const SparkleQuizSelect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizSelectChange = index.createEvent(this, "quizSelectChange", 7);
+    this.allowMultiple = false;
+    this.values = [];
+    this.displayOptions = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+  }
+  optionChanged(e) {
+    if (e.target.checked) {
+      this.values = [...this.values, e.target.value];
+    }
+    else {
+      this.values = this.values.filter(x => x !== e.target.value);
+    }
+    this.quizSelectChange.emit({ value: this.values, question: this.question });
+  }
+  render() {
+    return (index.h(index.Host, { class: "quiz__select" }, index.h("div", { class: "question-container" }, index.h("div", { class: "question-text" }, this.question.questionText), index.h("div", null, this.question.options.map((option, index$1) => index.h("div", { class: "option" }, index.h("input", { type: this.allowMultiple ? "checkbox" : "radio", id: GetSelectOptionId(this.question.questionId, index$1), name: "question-" + this.question.questionId, value: option.option, onChange: (e) => this.optionChanged(e) }), index.h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index$1) }, index.h("span", { class: "number" }, this.displayOptions[index$1]), option.option), index.h("br", null)))))));
+  }
+};
+SparkleQuizSelect.style = sparkleQuizSelectCss;
+
+exports.sparkle_quiz_feedback = SparkleQuizFeedback;
+exports.sparkle_quiz_input = SparkleQuizInput;
+exports.sparkle_quiz_opinion = SparkleQuizOpinion;
+exports.sparkle_quiz_poll = SparkleQuizPoll;
+exports.sparkle_quiz_select = SparkleQuizSelect;

package/dist/cjs/sparkle-quiz.cjs.entry.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+
+const sparkleQuizCss = "sparkle-quiz{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
+
+const SparkleQuiz = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizAnswerChanged = index.createEvent(this, "quizAnswerChanged", 7);
+    this.type = 'TEXT';
+    this.scale = 'FIVE-POINTS';
+    this.options = [];
+  }
+  //   private pageInfo: any;
+  //   @Watch('questionId')
+  //   async loadQuestion() {
+  //     if (this.quizData) {
+  //       this.question = this.quizData[+this.questionId];
+  //     }
+  //   }
+  //@State() question: SparkleQuizQuestion;
+  //@State() quizData: { [key: string]: SparkleQuizQuestion };
+  async componentWillLoad() { }
+  async componentDidLoad() {
+    this.options = [];
+    if (this.el.querySelector("[slot='options']")) {
+      Array.from(this.el.querySelector("[slot='options']").querySelectorAll('option')).forEach(el => {
+        this.options = [...this.options, { option: el.innerText }];
+      });
+      console.log(this.questionText, this.options);
+    }
+    this.quizAnswerChanged.emit({
+      question: null,
+      answer: '1',
+    });
+  }
+  quizInputChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizFeedbackChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizSelectChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizOpinionChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  getQuestionFeedback() {
+    if (this.type == 'MULTIPLE-CHOICE') {
+      //   const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      //   return feedbacks.length > 0 && feedbacks.map(feedback => <small>{feedback}</small>);
+      return index.h("small", null);
+    }
+    else if (this.type == 'FEEDBACK' || this.type == 'TEXT') {
+      return this.feedback && index.h("small", null, " ", this.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return index.h("div", null, this.correct ? index.h("strong", null, "Good job!") : index.h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    var question = {
+      questionId: this.questionId,
+      questionText: this.questionText,
+      questionType: this.type,
+      scale: this.scale,
+      showOptionNumber: this.showOptionNumber,
+      options: this.options,
+      //options: Array<SparkleQuizQuestionOption>;
+      feedback: this.feedback,
+    };
+    if (this.type == 'MULTIPLE-CHOICE') {
+      return index.h("sparkle-quiz-select", { question: question, allowMultiple: true });
+    }
+    else if (this.type == 'FEEDBACK') {
+      return index.h("sparkle-quiz-feedback", { question: question });
+    }
+    else if (this.type == 'TEXT') {
+      return index.h("sparkle-quiz-input", { question: question });
+    }
+    else if (this.type == 'OPINION') {
+      return index.h("sparkle-quiz-opinion", { question: question });
+    }
+    else if (this.type == 'POLL') {
+      return index.h("sparkle-quiz-poll", { question: question });
+    }
+  }
+  render() {
+    if (this.questionText) {
+      let classes = {
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
+      };
+      return (index.h("div", { class: classes, ref: el => (this.containerRef = el) }, index.h("div", { hidden: true }, index.h("slot", null)), this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
+    }
+    else {
+      return index.h("p", null, "No question found.");
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+SparkleQuiz.style = sparkleQuizCss;
+
+exports.sparkle_quiz = SparkleQuiz;

package/dist/cjs/student.service-2e58f237.js

@@ -0,0 +1,78 @@
+'use strict';
+
+const httpService = require('./httpService-7211d93b.js');
+const auth_store = require('./auth.store-1e630a7d.js');
+
+const { state, onChange, reset } = auth_store.createStore({
+  user: {
+    FirstName: '',
+    LastName: '',
+    ProfileText: '',
+    ProfileImage: '',
+    IsVerified: false,
+    Roles: [],
+    FacilitatorClassList: []
+  },
+  loaded: false,
+  updateLoading: false,
+  enrollmentList: [],
+});
+const userStore = { state, onChange, reset };
+
+class StudentService {
+  constructor() { }
+  static getInstance() {
+    if (!StudentService.instance) {
+      StudentService.instance = new StudentService();
+    }
+    return StudentService.instance;
+  }
+  async enrollClass(enrollInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
+    if (result) {
+      userStore.state.enrollmentList = [
+        ...userStore.state.enrollmentList,
+        result.Data
+      ];
+    }
+    return result;
+  }
+  async leaveClass(leaveInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
+    if (result) {
+      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+    }
+    return result;
+  }
+  async fetchUserConfiguration() {
+    let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
+    if (result) {
+      userStore.state.enrollmentList = result.Data.EnrollmentList;
+      userStore.state.user.FirstName = result.Data.FirstName;
+      userStore.state.user.LastName = result.Data.LastName;
+      userStore.state.user.ProfileText = result.Data.ProfileText;
+      userStore.state.user.ProfileImage = result.Data.ProfileImage;
+      userStore.state.user.IsVerified = result.Data.IsVerified;
+      userStore.state.user.Roles = result.Data.Roles;
+      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    }
+    return result;
+  }
+  async updateProfile(updateProfileInput) {
+    userStore.state.updateLoading = true;
+    let result = await httpService.HttpService.http.post('api/Account/update-profile', updateProfileInput);
+    console.log('after fetch', result);
+    if (result) {
+      userStore.state.updateLoading = false;
+      userStore.state.user = Object.assign(Object.assign({}, userStore.state.user), { FirstName: result.Data.FirstName, LastName: result.Data.LastName, ProfileText: result.Data.ProfileText, ProfileImage: result.Data.ProfileImage });
+    }
+    return result;
+  }
+  async submitFeedback(feedbackInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Feedback', feedbackInput);
+    return result;
+  }
+}
+
+exports.StudentService = StudentService;
+exports.userStore = userStore;

package/dist/esm/{auth.service-9fb86455.js → PrivateRoute-c5441f35.js}

@@ -1,7 +1,7 @@
-import { c as getAssetPath } from './index-c04b9ed5.js';
+import { c as getAssetPath, h } from './index-c04b9ed5.js';
 import { s as set, r as remove, g as get } from './localstorage.service-4bf408c8.js';
-import { H as HttpService } from './httpService-61864992.js';
-import { A as AuthStore } from './auth.store-633e8414.js';
+import { H as HttpService } from './httpService-7b75b095.js';
+import { A as AuthStore } from './auth.store-dba2c2da.js';
 
 //import * as abpTypings from '../lib/abp';
 class Utils {
@@ -192,4 +192,33 @@ class AuthService {
   }
 }
 
-export { AuthService as A, initSetupConfig as i, setupConfig as s };
+function isGranted(permissionName) {
+  return sparkle.auth.isGranted(permissionName);
+}
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const Route = (_a) => {
+  var { component, permission, render } = _a, props = __rest(_a, ["component", "permission", "render"]);
+  const Component = component;
+  return (h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
+      if (!AuthStore.state.isAuthenticated)
+        return (h("stencil-router-redirect", { url: "/login" }));
+      if (permission && !isGranted(permission)) {
+        return (h("stencil-router-redirect", { url: "/unauthorized" }));
+      }
+      return Component ? h(Component, Object.assign({}, props, props.componentProps)) : render(props);
+    } })));
+};
+const PrivateRoute = Route;
+
+export { AuthService as A, PrivateRoute as P, initSetupConfig as i, setupConfig as s };

package/dist/esm/{animation-e0716b39.js → animation-12377cb3.js}

@@ -1,4 +1,4 @@
-import { b as raf } from './helpers-03073fe4.js';
+import { l as raf } from './helpers-bf0e23d6.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

package/dist/esm/{auth.store-633e8414.js → auth.store-dba2c2da.js}

@@ -3378,4 +3378,4 @@ onChange('authUser', (authUser) => {
 });
 const AuthStore = { state, onChange, reset };
 
-export { AuthStore as A, TocStore as T, axios_1 as a, createCommonjsModule as b, createStore as c, commonjsGlobal as d, formats as f, getDefaultExportFromCjs as g, sideChannel as s, utils as u };
+export { AuthStore as A, TocStore as T, axios_1 as a, commonjsGlobal as b, createCommonjsModule as c, createStore as d, formats as f, getDefaultExportFromCjs as g, sideChannel as s, utils as u };

package/dist/esm/{facilitator.service-8fd435bf.js → facilitator.service-b0292f7f.js}

@@ -1,5 +1,5 @@
-import { H as HttpService } from './httpService-61864992.js';
-import { c as createStore } from './auth.store-633e8414.js';
+import { H as HttpService } from './httpService-7b75b095.js';
+import { d as createStore } from './auth.store-dba2c2da.js';
 
 const { state, onChange } = createStore({
   pageNotes: [],

package/dist/esm/{feed.service-ace049e5.js → feed.service-8fbe4ce3.js}

@@ -1,6 +1,6 @@
-import { H as HttpService } from './httpService-61864992.js';
-import { c as createStore } from './auth.store-633e8414.js';
-import { S as SparkleGlobal } from './util-a831d09d.js';
+import { H as HttpService } from './httpService-7b75b095.js';
+import { d as createStore } from './auth.store-dba2c2da.js';
+import { S as SparkleGlobal } from './util-6ef753e9.js';
 
 const { state: state$1, onChange } = createStore({
   goals: [],

package/dist/esm/{framework-delegate-e4f8013b.js → framework-delegate-3e634a5c.js}

@@ -1,4 +1,4 @@
-import { c as componentOnReady } from './helpers-03073fe4.js';
+import { c as componentOnReady } from './helpers-bf0e23d6.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License