@sparkle-learning/core 0.0.56 → 0.0.57

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

@@ -1,112 +0,0 @@
-import { Component, Element, State, Prop, h } from '@stencil/core';
-import { AssetsService, EnvironmentConfigService } from '../../services';
-export class SparkleDiscussion {
-  constructor() {
-    this.allowPostToFeed = false;
-    this.feedStartingText = 'My suggestions are:';
-    this.isTeacherMode = false;
-    this.quizData = [];
-  }
-  async componentDidLoad() {
-    this.isTeacherMode = this.isTeacherMode == false ? window.location.href.indexOf('/presentation/course') > -1 : this.isTeacherMode;
-    const config = EnvironmentConfigService.getInstance().get('sparkle');
-    let allQuizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
-    if (allQuizData) {
-      if (this.questionIds) {
-        let questionIds = this.questionIds.split(',');
-        this.quizData = [];
-        questionIds.forEach(id => {
-          this.quizData = [...this.quizData, allQuizData[+id]];
-        });
-        console.log('QUIZ Data', this.quizData);
-      }
-    }
-  }
-  render() {
-    return this.isTeacherMode ? (h("sparkle-discussion-results", { allowPostToFeed: this.allowPostToFeed, feedStartingText: this.feedStartingText, isTeacherMode: this.isTeacherMode, questions: this.quizData })) : (h("sparkle-discussion-questions", { allowPostToFeed: this.allowPostToFeed, feedStartingText: this.feedStartingText, isTeacherMode: this.isTeacherMode, questions: this.quizData }));
-  }
-  static get is() { return "sparkle-discussion"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-discussion.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-discussion.css"]
-  }; }
-  static get properties() { return {
-    "allowPostToFeed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-post-to-feed",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "feedStartingText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "feed-starting-text",
-      "reflect": false,
-      "defaultValue": "'My suggestions are:'"
-    },
-    "isTeacherMode": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-teacher-mode",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "questionIds": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "question-ids",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "quizData": {}
-  }; }
-  static get elementRef() { return "el"; }
-}

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

@@ -1,16 +0,0 @@
-:host {
-  display: inline-block;
-}
-
-span.xs {
-  font-size: 1em;
-}
-span.sm {
-  font-size: 2em;
-}
-span.md {
-  font-size: 3em;
-}
-span.lg {
-  font-size: 4em;
-}

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

@@ -1,116 +0,0 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-const emojies = {
-  'GRINNING': '😀',
-  'GRINNING-WITH-SMILING-EYES': '😁',
-  'FACE-WITH-TEARS-OF-JOY': '😂',
-  'SMILING-FACE-WITH-OPEN-MOUTH': '😃',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-SMILING-EYES': '😄',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😅',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-TIGHTLY-CLOSED-E': '😆YES',
-  'SMILING-FACE-WITH-HALO': '😇',
-  'SMILING-FACE-WITH-HORNS': '😈',
-  'WINKING-FACE': '😉',
-  'SMILING-FACE-WITH-SMILING-EYES': '😊',
-  'FACE-SAVOURING-DELICIOUS-FOOD': '😋',
-  'RELIEVED-FACE': '😌',
-  'SMILING-FACE-WITH-HEART-SHAPED-EYES': '😍',
-  'SMILING-FACE-WITH-SUNGLASSES': '😎',
-  'SMIRKING-FACE': '😏',
-  'NEUTRAL-FACE': '😐',
-  'EXPRESSIONLESS-FACE': '😑',
-  'UNAMUSED-FACE': '😒',
-  'FACE-WITH-COLD-SWEAT': '😓',
-  'PENSIVE-FACE': '😔',
-  'CONFUSED-FACE': '😕',
-  'CONFOUNDED-FACE': '😖',
-  'KISSING-FACE': '😗',
-  'FACE-THROWING-A-KISS': '😘',
-  'KISSING-FACE-WITH-SMILING-EYES': '😙',
-  'KISSING-FACE-WITH-CLOSED-EYES': '😚',
-  'FACE-WITH-STUCK-OUT-TONGUE': '😛',
-  'FACE-WITH-STUCK-OUT-TONGUE-AND-WINKING-EYE': '😜',
-  'FACE-WITH-STUCK-OUT-TONGUE-AND-TIGHTLY-CLOSED-EYE': '😝S',
-  'DISAPPOINTED-FACE': '😞',
-  'WORRIED-FACE': '😟',
-  'ANGRY-FACE': '😠',
-  'POUTING-FACE': '😡',
-  'CRYING-FACE': '😢',
-  'PERSEVERING-FACE': '😣',
-  'FACE-WITH-LOOK-OF-TRIUMPH': '😤',
-  'DISAPPOINTED-BUT-RELIEVED-FACE': '😥',
-  'FROWNING-FACE-WITH-OPEN-MOUTH': '😦',
-  'ANGUISHED-FACE': '😧',
-  'FEARFUL-FACE': '😨',
-  'WEARY-FACE': '😩',
-  'SLEEPY-FACE': '😪',
-  'TIRED-FACE': '😫',
-  'GRIMACING-FACE': '😬',
-  'LOUDLY-CRYING-FACE': '😭',
-  'FACE-WITH-OPEN-MOUTH': '😮',
-  'HUSHED-FACE': '😯',
-  'FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😰',
-  'FACE-SCREAMING-IN-FEAR': '😱',
-  'ASTONISHED-FACE': '😲',
-  'FLUSHED-FACE': '😳',
-  'SLEEPING-FACE': '😴',
-  'DIZZY-FACE': '😵',
-  'FACE-WITHOUT-MOUTH': '😶',
-  'FACE-WITH-MEDICAL-MASK': '😷'
-};
-export class SparkleEmoji {
-  constructor() {
-    this.size = 'xs';
-  }
-  render() {
-    return (h(Host, null,
-      h("span", { class: {
-          [this.size]: Boolean(this.size),
-        } }, emojies[this.mood])));
-  }
-  static get is() { return "sparkle-emoji"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-emoji.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-emoji.css"]
-  }; }
-  static get properties() { return {
-    "mood": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mood",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'xs' | 'sm' | 'mg' | 'lg'",
-        "resolved": "\"lg\" | \"mg\" | \"sm\" | \"xs\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'xs'"
-    }
-  }; }
-}
-{ /* <sparkle-emoji mood="ANGRY-FACE"></sparkle-emoji> */ }

package/dist/collection/components/sparkle-feed-post/sparkle-feed-post.css

@@ -1,35 +0,0 @@
-:host {
-  display: block;
-}
-
-.post-footer-container{
-  display: flex;
-  justify-content: flex-end;
-}
-.post-footer{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-}
-.error{
-  color:red;
-  margin-right: 10px;
-}
-.success{
-  color:green;
-  margin-right: 10px;
-}
-.uploaded-image{
-  display: block;
-  max-height: 140px;
-  width : auto !important
-}
-.public-post-toggle{
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.assignment-name{
-  display: none;
-}

package/dist/collection/components/sparkle-feed-post/sparkle-feed-post.js

@@ -1,193 +0,0 @@
-import { Component, Element, State, Prop, Method, h, Host } from '@stencil/core';
-import { AssignmentService } from '../../services/assignment.service';
-import { FeedService } from '../../services/feed.service';
-import { MediaService } from '../../services/media.service';
-import { TokenService } from '../../services/token.service';
-import { SparkleGlobal } from '../../util';
-export class SparkleFeedPost {
-  // @Prop({ connect: 'ion-toast-controller' })
-  // toastCtrl: HTMLIonToastControllerElement;
-  componentDidLoad() {
-    this.postText = this.textValue;
-    if (this.ref && this.ref.innerText) {
-      this.assignmentName = this.ref.innerText;
-      console.log(this.assignmentName);
-    }
-  }
-  setText(text) {
-    this.postText = text;
-  }
-  isAuthenticated() {
-    return TokenService.getInstance().isAuthenticated();
-  }
-  async submitPost() {
-    this.postLoading = true;
-    this.errorMessage = '';
-    this.successMessage = '';
-    //let formData = new FormData(this.el.querySelector("form")) as any;
-    //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
-    var postExternalUrl = this.el.getElementsByClassName('PostExternalUrl')[0];
-    var isPublic = this.el.getElementsByClassName('IsPublic')[0];
-    var data = {
-      PostText: this.postText,
-      IsPublic: isPublic.checked,
-      ExternalResourceUrl: postExternalUrl.value,
-      MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
-      AssignmentName: this.assignmentName,
-      AssignmentData: '',
-      PostTextJSON: null,
-    };
-    const result = await FeedService.getInstance().createPost(data);
-    if (result.Succeeded) {
-      this.postLoading = false;
-      //show success toast
-      this.successMessage = 'Posted Successfully.';
-      this.postText = '';
-      this.externalResourceUrl = '';
-      this.uploadedImage = '';
-    }
-    else {
-      this.postLoading = false;
-      this.errorMessage = 'There is an error while posting to feed.';
-    }
-    if (this.assignmentName) {
-      var assignmentModel = {
-        AssignmentData: JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl }),
-        AssignmentName: this.assignmentName,
-      };
-      await AssignmentService.getInstance().createAssignment(assignmentModel);
-    }
-  }
-  async uploadImage(evt) {
-    this.uploadImageLoading = true;
-    var files = evt.target.files;
-    let result = await MediaService.getInstance().uploadImage(files);
-    if (result.Succeeded) {
-      console.log(result);
-      this.uploadImageLoading = false;
-      this.uploadedImage = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
-      this.externalResourceUrl = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
-    }
-    else {
-      this.uploadImageLoading = false;
-      this.errorMessage = 'There is an error while uploading an image.';
-    }
-  }
-  selectFile() {
-    var fileInput = this.el.querySelector('#fileInput');
-    fileInput.click();
-  }
-  renderUserInfo() {
-    let authUser = TokenService.getInstance().getAuthUserSync();
-    //var tokenInfo = { Token: null, ProfileImageUrl: null };
-    if (authUser && authUser.JWToken) {
-      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, authUser.PhotoUrl ? h("img", { src: authUser.PhotoUrl }) : h("img", { src: "/assets/img/user.png" })));
-    }
-    else {
-      return (h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
-    }
-  }
-  render() {
-    const userInfo = this.renderUserInfo();
-    return (h(Host, null,
-      h("div", { class: "assignment-name", ref: el => (this.ref = el) },
-        h("slot", null)),
-      h("ion-card", null,
-        h("ion-item", { class: "header", lines: "full" }, userInfo),
-        h("ion-card-content", null,
-          h("form", null,
-            h("ion-list", null,
-              h("ion-item", { class: "padding" },
-                h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", name: "PostText", value: this.postText })),
-              h("ion-item", { class: "padding" },
-                h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })),
-              this.uploadedImage ? (h("ion-item", { class: "ion-padding", lines: "none" },
-                h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''),
-              h("ion-item", { lines: "none" },
-                h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }),
-                this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '',
-                h("ion-button", { slot: "start", onClick: evt => this.selectFile() },
-                  h("ion-icon", { name: "add" }),
-                  "Upload Image")),
-              h("div", { class: "public-post-toggle" },
-                h("ion-toggle", { class: "IsPublic", color: "primary", name: "IsPublic" }),
-                h("div", null, "Public Post")),
-              h("div", { class: "post-footer-container" },
-                h("div", { class: "post-footer" },
-                  h("div", null,
-                    h("div", { class: "error" }, this.errorMessage),
-                    h("div", { class: "success" }, this.successMessage)),
-                  h("div", null, this.postLoading ? h("ion-spinner", { color: "primary" }) : ''),
-                  h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: this.postLoading || !this.isAuthenticated() }, "Post")))))))));
-  }
-  static get is() { return "sparkle-feed-post"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-feed-post.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-feed-post.css"]
-  }; }
-  static get properties() { return {
-    "assignmentName": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "assignment-name",
-      "reflect": false
-    },
-    "textValue": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text-value",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "postText": {},
-    "errorMessage": {},
-    "uploadedImage": {},
-    "successMessage": {},
-    "externalResourceUrl": {},
-    "uploadImageLoading": {},
-    "postLoading": {}
-  }; }
-  static get methods() { return {
-    "setText": {
-      "complexType": {
-        "signature": "(text: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {},
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}

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

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

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

@@ -1,118 +0,0 @@
-import { Component, Element, State, Host, h } from '@stencil/core';
-import { StudentService } from "../../services/student.service";
-import { toastController } from '@ionic/core';
-export class SparkleFeedback {
-  constructor() {
-    this.formControls = {
-      type: {
-        isValid: true,
-        value: 1,
-        validate: value => {
-          if (value) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        },
-      },
-      note: {
-        isValid: false,
-        value: '',
-        validate: value => {
-          if (value) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        },
-      }
-    };
-    this.submitted = true;
-  }
-  async onSubmit(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 StudentService.getInstance().submitFeedback({
-        Note: this.formControls.note.value,
-        Type: this.formControls.type.value
-      });
-      console.log(result);
-      if (result.Succeeded) {
-        const toast = await toastController.create({
-          message: "Feedback submitted successfully",
-          duration: 3000
-        });
-        toast.present();
-        this.dismiss();
-      }
-      else {
-        const toast = await toastController.create({
-          message: result.Message,
-          duration: 3000
-        });
-        toast.present();
-      }
-    }
-  }
-  dismiss(data) {
-    // dismiss the closest modal and optionally pass back data
-    this.el.closest('ion-modal').dismiss({
-      'dismissed': true
-    });
-  }
-  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) }) });
-  }
-  render() {
-    return (h(Host, null,
-      h("ion-header", { translucent: true },
-        h("ion-toolbar", null,
-          h("ion-title", null, "Feedback"),
-          h("ion-buttons", { slot: "end" },
-            h("ion-button", { onClick: () => this.dismiss() }, "Close")))),
-      h("ion-content", { class: "ion-padding" },
-        h("form", { onSubmit: (e) => this.onSubmit(e), novalidate: true },
-          h("ion-list", null,
-            h("ion-radio-group", { value: this.formControls.type.value, onChange: (e) => this.changeFormValue("type", +e.target.value) },
-              h("ion-list-header", null,
-                h("ion-label", null, "Feedback Type")),
-              h("ion-item", null,
-                h("ion-label", null, "Comments"),
-                h("ion-radio", { value: 1 })),
-              h("ion-item", null,
-                h("ion-label", null, "Suggestions"),
-                h("ion-radio", { value: 2 })),
-              h("ion-item", null,
-                h("ion-label", null, "Questions"),
-                h("ion-radio", { value: 3 }))),
-            h("ion-item", null,
-              h("ion-label", { position: "floating" }, "Notes"),
-              h("ion-textarea", { value: this.formControls.note.value, onChange: (e) => this.changeFormValue("note", e.target.value) })),
-            h("br", null),
-            h("ion-button", { color: "primary", type: "submit" }, "Submit"))))));
-  }
-  static get is() { return "sparkle-feedback"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-feedback.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-feedback.css"]
-  }; }
-  static get states() { return {
-    "formControls": {},
-    "submitted": {}
-  }; }
-  static get elementRef() { return "el"; }
-}