@sparkle-learning/core 0.0.55 → 0.0.57

package/dist/collection/components/sparkle-quiz/sparkle-quiz-poll/sparkle-quiz-poll.js

@@ -1,59 +0,0 @@
-import { Component, Host, Prop, Event, h } from '@stencil/core';
-export class SparkleQuizPoll {
-  render() {
-    return (h(Host, { class: "quiz__input" },
-      h("div", { class: "question-container" },
-        h("label", { htmlFor: "question-" + this.question.questionId, class: "form-label" }, this.question.questionText),
-        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 }) }))));
-  }
-  static get is() { return "sparkle-quiz-poll"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz-poll.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-quiz-poll.css"]
-  }; }
-  static get properties() { return {
-    "question": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "SparkleQuizQuestion",
-        "resolved": "SparkleQuizQuestion",
-        "references": {
-          "SparkleQuizQuestion": {
-            "location": "import",
-            "path": "../../../models/quiz.model"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "quizInputChange",
-      "name": "quizInputChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ value: string, question: SparkleQuizQuestion }",
-        "resolved": "{ value: string; question: SparkleQuizQuestion; }",
-        "references": {
-          "SparkleQuizQuestion": {
-            "location": "import",
-            "path": "../../../models/quiz.model"
-          }
-        }
-      }
-    }]; }
-}

package/dist/collection/components/sparkle-quiz/sparkle-quiz-select/sparkle-quiz-select.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/sparkle-quiz/sparkle-quiz-select/sparkle-quiz-select.js

@@ -1,100 +0,0 @@
-import { Component, Host, h, Event, Prop, State } from '@stencil/core';
-import { GetSelectOptionId } from '../../../models/quiz.model';
-export class SparkleQuizSelect {
-  constructor() {
-    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 (h(Host, { class: "quiz__select" },
-      h("div", { class: "question-container" },
-        h("div", { class: "question-text" }, this.question.questionText),
-        h("div", null, this.question.options.map((option, index) => h("div", { class: "option" },
-          h("input", { type: this.allowMultiple ? "checkbox" : "radio", id: GetSelectOptionId(this.question.questionId, index), name: "question-" + this.question.questionId, value: option.option, onChange: (e) => this.optionChanged(e) }),
-          h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index) },
-            h("span", { class: "number" }, this.displayOptions[index]),
-            option.option),
-          h("br", null)))))));
-  }
-  static get is() { return "sparkle-quiz-select"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz-select.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-quiz-select.css"]
-  }; }
-  static get properties() { return {
-    "question": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "SparkleQuizQuestion",
-        "resolved": "SparkleQuizQuestion",
-        "references": {
-          "SparkleQuizQuestion": {
-            "location": "import",
-            "path": "../../../models/quiz.model"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "allowMultiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-multiple",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "values": {}
-  }; }
-  static get events() { return [{
-      "method": "quizSelectChange",
-      "name": "quizSelectChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ value: any[], question: SparkleQuizQuestion }",
-        "resolved": "{ value: any[]; question: SparkleQuizQuestion; }",
-        "references": {
-          "SparkleQuizQuestion": {
-            "location": "import",
-            "path": "../../../models/quiz.model"
-          }
-        }
-      }
-    }]; }
-}

package/dist/collection/components/sparkle-quiz/sparkle-quiz.css

@@ -1,48 +0,0 @@
-sparkle-quiz-v1 {
-  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);
-}

package/dist/collection/components/sparkle-quiz/sparkle-quiz.js

@@ -1,221 +0,0 @@
-import { Component, Prop, Watch, Listen, State, Event, Element, h } from '@stencil/core';
-import { AssetsService } from '../../services/core/assets.service';
-import { EnvironmentConfigService } from '../../services/environment/environment-config.service';
-export class SparkleQuiz {
-  async loadQuestion() {
-    if (this.quizData) {
-      this.question = this.quizData[+this.questionId];
-    }
-  }
-  async componentWillLoad() { }
-  async componentDidLoad() {
-    const config = EnvironmentConfigService.getInstance().get('sparkle');
-    this.quizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
-    await this.loadQuestion();
-    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.question.questionType == 'MULTIPLE-CHOICE') {
-      const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
-      return feedbacks.length > 0 && feedbacks.map(feedback => h("small", null, feedback));
-    }
-    else if (this.question.questionType == 'FEEDBACK' || this.question.questionType == 'TEXT') {
-      return this.question.feedback && h("small", null,
-        " ",
-        this.question.feedback);
-    }
-  }
-  showAnswerStatus() {
-    return h("div", null, this.correct ? h("strong", null, "Good job!") : h("strong", null, "Incorrect answer, please try again."));
-  }
-  renderQuestion() {
-    if (this.question.questionType == 'MULTIPLE-CHOICE') {
-      return h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
-    }
-    else if (this.question.questionType == 'FEEDBACK') {
-      return h("sparkle-quiz-feedback", { question: this.question });
-    }
-    else if (this.question.questionType == 'TEXT') {
-      return h("sparkle-quiz-input", { question: this.question });
-    }
-    else if (this.question.questionType == 'OPINION') {
-      return h("sparkle-quiz-opinion", { question: this.question });
-    }
-    else if (this.question.questionType == 'POLL') {
-      return h("sparkle-quiz-poll", { question: this.question });
-    }
-  }
-  render() {
-    if (this.question) {
-      let classes = {
-        correct: this.submitted && this.correct,
-        incorrect: this.submitted && !this.correct,
-      };
-      return (h("div", { class: classes },
-        this.renderQuestion(),
-        this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
-    }
-    else {
-      return h("p", null, "No question found.");
-    }
-  }
-  static get is() { return "sparkle-quiz"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-quiz.css"]
-  }; }
-  static get properties() { return {
-    "questionId": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "question-id",
-      "reflect": false
-    },
-    "submitted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "submitted",
-      "reflect": false
-    },
-    "correct": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "correct",
-      "reflect": false
-    },
-    "showInstantResult": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-instant-result",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "question": {},
-    "quizData": {}
-  }; }
-  static get events() { return [{
-      "method": "quizAnswerChanged",
-      "name": "quizAnswerChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ answer: any; question: SparkleQuizQuestion }",
-        "resolved": "{ answer: any; question: SparkleQuizQuestion; }",
-        "references": {
-          "SparkleQuizQuestion": {
-            "location": "import",
-            "path": "../../models/quiz.model"
-          }
-        }
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "questionId",
-      "methodName": "loadQuestion"
-    }]; }
-  static get listeners() { return [{
-      "name": "quizInputChange",
-      "method": "quizInputChangeHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "quizFeedbackChange",
-      "method": "quizFeedbackChangeHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "quizSelectChange",
-      "method": "quizSelectChangeHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "quizOpinionChange",
-      "method": "quizOpinionChangeHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/sparkle-quiz-container/sparkle-quiz-container.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/sparkle-quiz-container/sparkle-quiz-container.js

@@ -1,98 +0,0 @@
-import { Component, Prop, Host, h, State, Listen } from '@stencil/core';
-export class SparkleQuizContainer {
-  constructor() {
-    this.showInstantResult = false;
-    this.submitted = false;
-    this.answers = {};
-  }
-  //TODO: not working
-  pageDidLoadHandler($event) {
-    if ($event) {
-      this.pageInfo = $event.detail.pageInfo;
-      console.log("pageInfo", this.pageInfo);
-    }
-  }
-  updateQuizAnswerModelHandler(obj) {
-    if (obj.detail.question) {
-      this.answers[obj.detail.question.questionId] = {
-        question: obj.detail.question,
-        answer: obj.detail.answer
-      };
-    }
-    console.log(this.answers);
-  }
-  submitQuiz() {
-    this.submitted = true;
-    let model = {
-      pageInfo: this.pageInfo,
-      quiz: this.answers
-    };
-    console.log(model);
-    //post api
-  }
-  render() {
-    return (h(Host, null,
-      this.questionIds && this.questionIds.split(",").map((id => h("sparkle-quiz-v1", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))),
-      h("ion-button", { slot: "end", onClick: () => this.submitQuiz() }, "Submit")));
-  }
-  static get is() { return "sparkle-quiz-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz-container.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-quiz-container.css"]
-  }; }
-  static get properties() { return {
-    "questionIds": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "question-ids",
-      "reflect": false
-    },
-    "showInstantResult": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-instant-result",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "submitted": {}
-  }; }
-  static get listeners() { return [{
-      "name": "pageDidLoad",
-      "method": "pageDidLoadHandler",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "quizAnswerChanged",
-      "method": "updateQuizAnswerModelHandler",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/sparkle-reset-password/sparkle-reset-password.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/sparkle-reset-password/sparkle-reset-password.js

@@ -1,126 +0,0 @@
-import { Component, State, Prop, Host, getAssetPath, h } from '@stencil/core';
-import { AccountService } from "../../services/account.service";
-import { AuthStore } from '../../stores';
-export class SparkleResetPassword {
-  constructor() {
-    this.formControls = {
-      password: {
-        isValid: false,
-        value: '',
-        validate: value => {
-          if (value) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        },
-      },
-      confirmPassword: {
-        isValid: false,
-        value: '',
-        validate: value => {
-          if (value) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        },
-      },
-    };
-    this.submitted = false;
-  }
-  componentDidLoad() {
-    console.log(this.history.location.query.code);
-    console.log(this.history.location.query.email);
-  }
-  changeFormValue(controlName, value) {
-    this.formControls = Object.assign(Object.assign({}, this.formControls), { [controlName]: Object.assign(Object.assign({}, this.formControls[controlName]), { value: value, isValid: this.formControls[controlName].validate(value) }) });
-  }
-  async handleSubmit(e) {
-    e.preventDefault();
-    this.submitted = true;
-    let isFormValid = true;
-    //Run all validation functions
-    for (let controlName in this.formControls) {
-      let control = this.formControls[controlName];
-      control.validate(control.value);
-      if (!control.isValid) {
-        isFormValid = false;
-      }
-    }
-    if (isFormValid) {
-      let result = await AccountService.getInstance().resetPassword({
-        Email: this.history.location.query.email,
-        Token: this.history.location.query.code,
-        Password: this.formControls.password.value,
-        ConfirmPassword: this.formControls.confirmPassword.value,
-      });
-      if (result.Succeeded) {
-        this.history.replace('/login', {});
-      }
-      else if (result.Failed) {
-        if (result.Errors.length > 0) {
-          this.validationErrors = result.Errors;
-        }
-      }
-    }
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "login-logo" },
-        h("img", { src: getAssetPath("/assets/img/G3-Girls.jpg"), alt: "Girls Inc" })),
-      h("sparkle-validation-error", { errors: this.validationErrors }),
-      h("form", { novalidate: "true", onSubmit: (e) => this.handleSubmit(e) },
-        h("ion-item", null,
-          h("ion-label", { position: "stacked", color: "primary" }, "Password"),
-          h("ion-input", { name: "password", type: "password", value: this.formControls.password.value, onInput: (ev) => this.changeFormValue("password", ev.target.value) })),
-        h("ion-text", { color: "danger" },
-          h("p", { hidden: this.formControls.password.isValid || this.submitted === false, class: "ion-padding-start" }, "Password is required")),
-        h("ion-item", null,
-          h("ion-label", { position: "stacked", color: "primary" }, "Confirm Password"),
-          h("ion-input", { name: "confirmPassword", type: "password", value: this.formControls.confirmPassword.value, onInput: (ev) => this.changeFormValue("confirmPassword", ev.target.value) })),
-        h("ion-text", { color: "danger" },
-          h("p", { hidden: this.formControls.confirmPassword.isValid || this.submitted === false, class: "ion-padding-start" }, "Confirm Password is required")),
-        h("br", null),
-        h("div", { class: "ion-padding" },
-          h("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading },
-            AuthStore.state.loading && h("ion-spinner", { name: "dots" }),
-            " Reset Password")))));
-  }
-  static get is() { return "sparkle-reset-password"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-reset-password.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-reset-password.css"]
-  }; }
-  static get properties() { return {
-    "history": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RouterHistory",
-        "resolved": "RouterHistory",
-        "references": {
-          "RouterHistory": {
-            "location": "import",
-            "path": "@stencil/router"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "validationErrors": {},
-    "formControls": {},
-    "submitted": {}
-  }; }
-}