@sparkle-learning/core 0.0.55 → 0.0.57

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

@@ -1,159 +0,0 @@
-import { Component, Element, Prop, State, Event, Host, h, Listen } from '@stencil/core';
-import { AssignmentService } from '../../services/assignment.service';
-import { TokenService } from '../../services/token.service';
-export class SparkleAssignment {
-  constructor() {
-    this.submitted = true;
-    this.assignmentLoading = false;
-    this.onSubmit = async (event) => {
-      event.preventDefault();
-      debugger;
-      const formElements = event.currentTarget.querySelectorAll('sparkle-input,sparkle-file-upload');
-      const formData = Array.from(formElements).reduce((acc, formElement) => {
-        const { name, type, value } = formElement;
-        //const name = formElement.getAttribute('name');
-        let checked = false;
-        if (formElement.querySelector('ion-item')) {
-          checked = formElement.querySelector('ion-item').classList.contains('item-checkbox-checked');
-        }
-        if (name) {
-          if (type === 'checkbox') {
-            acc[name] = checked;
-          }
-          else {
-            acc[name] = value;
-          }
-        }
-        return acc;
-      }, {});
-      const requiredFields = Array.from(formElements).filter((formElement) => formElement.required);
-      const requiredFieldsFilledIn = requiredFields.every((formElement) => formElement.value !== '');
-      if (requiredFieldsFilledIn) {
-        this.formSubmitted.emit(formData);
-        //call api
-      }
-      else {
-        alert('Please fill in all required fields');
-      }
-      this.assignmentLoading = true;
-      this.errorMessage = '';
-      this.successMessage = '';
-      var assignmentModel = {
-        AssignmentData: JSON.stringify(formData),
-        AssignmentName: this.name,
-      };
-      console.log(assignmentModel);
-      try {
-        const result = await AssignmentService.getInstance().createAssignment(assignmentModel);
-        if (result.Succeeded) {
-          this.assignmentLoading = false;
-          this.successMessage = 'Assignment submitted Successfully.';
-          this.resetForm();
-          //reset all inputs
-        }
-        else {
-          this.assignmentLoading = false;
-          this.errorMessage = 'There is an error while posting to feed.';
-        }
-      }
-      catch (ex) {
-        this.assignmentLoading = false;
-      }
-    };
-  }
-  fileUploaded(e) {
-    console.log('fileUploaded', e);
-  }
-  resetForm() {
-    const form = this.el.querySelector('form');
-    if (form) {
-      form.reset();
-    }
-  }
-  renderUserInfo() {
-    let authUser = TokenService.getInstance().getAuthUserSync();
-    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"));
-    }
-  }
-  isAuthenticated() {
-    return TokenService.getInstance().isAuthenticated();
-  }
-  render() {
-    const userInfo = this.renderUserInfo();
-    return (h(Host, null,
-      h("ion-card", null,
-        h("ion-item", { class: "header ion-justify-content-between", lines: "full" },
-          h("ion-label", null, this.name),
-          userInfo),
-        h("ion-card-content", null,
-          h("form", { onSubmit: this.onSubmit },
-            h("slot", null),
-            h("div", { class: "assignment-footer-container" },
-              h("div", { class: "assignment-footer" },
-                h("div", null,
-                  h("div", { class: "error" }, this.errorMessage),
-                  h("div", { class: "success" }, this.successMessage)),
-                h("div", null, this.assignmentLoading ? h("ion-spinner", { color: "primary" }) : ''),
-                h("ion-button", { type: "submit", slot: "end", size: "default", disabled: this.assignmentLoading || !this.isAuthenticated() }, "Submit"))))))));
-  }
-  static get is() { return "sparkle-assignment"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-assignment.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-assignment.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "submitted": {},
-    "assignmentLoading": {},
-    "errorMessage": {},
-    "successMessage": {}
-  }; }
-  static get events() { return [{
-      "method": "formSubmitted",
-      "name": "formSubmitted",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "fileUploaded",
-      "method": "fileUploaded",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/sparkle-character-intro/sparkle-character-intro.css

@@ -1,74 +0,0 @@
-sparkle-character-intro {
-  --sparkle-character-background-color: #e7e7e7;
-}
-sparkle-character-intro .character-phrase-block {
-  display: flex;
-  width: 100%;
-  min-height: 200px;
-  align-items: center;
-  padding: 20px;
-}
-sparkle-character-intro.shift-up .character-phrase-block {
-  padding-top: 0px !important;
-}
-sparkle-character-intro.shift-up-overlap .character-phrase-block {
-  padding-top: 0px !important;
-  margin-top: -50px !important;
-}
-sparkle-character-intro .character-phrase-block.right {
-  justify-content: flex-end;
-}
-sparkle-character-intro .character-phrase-block.left {
-  justify-content: flex-start;
-}
-sparkle-character-intro .character-phrase-block.left .character-box {
-  order: 2;
-}
-sparkle-character-intro .character-phrase-block.left .character-image-block {
-  order: 1;
-}
-sparkle-character-intro .character-box {
-  width: 80%;
-  border-radius: 15px;
-  background: var(--sparkle-character-background-color);
-  color: var(--text-color);
-  padding: 20px;
-  text-align: center;
-  position: relative;
-  box-shadow: 0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);
-}
-sparkle-character-intro .character-box.right:before {
-  content: "";
-  width: 0px;
-  height: 0px;
-  position: absolute;
-  border-left: 15px solid var(--sparkle-character-background-color);
-  border-right: 15px solid transparent;
-  border-top: 15px solid var(--sparkle-character-background-color);
-  border-bottom: 15px solid transparent;
-  right: -16px;
-  top: 0px;
-}
-sparkle-character-intro .character-box.left:before {
-  content: "";
-  width: 0px;
-  height: 0px;
-  position: absolute;
-  border-left: 15px solid transparent;
-  border-right: 15px solid var(--sparkle-character-background-color);
-  border-top: 15px solid var(--sparkle-character-background-color);
-  border-bottom: 15px solid transparent;
-  left: -16px;
-  top: 0px;
-}
-sparkle-character-intro img {
-  max-width: 100%;
-  border: 0;
-}
-sparkle-character-intro .character-image-block {
-  float: left;
-  width: 20%;
-}
-sparkle-character-intro .character-image-block.right {
-  transform: rotateY(180deg);
-}

package/dist/collection/components/sparkle-character-intro/sparkle-character-intro.js

@@ -1,68 +0,0 @@
-import { Component, Element, Prop, getAssetPath, Host, h } from '@stencil/core';
-export class SparkleCharacterIntro {
-  constructor() {
-    this.character = 'jen';
-    this.position = 'right';
-  }
-  componentDidLoad() {
-    console.log(this.character);
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: `character-phrase-block ${this.position}` },
-        h("div", { class: `character-box ${this.position}` },
-          h("slot", null)),
-        h("div", { class: `character-image-block ${this.position}` },
-          h("img", { class: "image-animation", src: getAssetPath('./assets/characters/' + this.character + '.png') })))));
-  }
-  static get is() { return "sparkle-character-intro"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-character-intro.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-character-intro.css"]
-  }; }
-  static get assetsDirs() { return ["assets"]; }
-  static get properties() { return {
-    "character": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "character",
-      "reflect": false,
-      "defaultValue": "'jen'"
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'left' | 'right'",
-        "resolved": "\"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'right'"
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}
-//README
-//To set custom margin top use following class selector
-//sparkle-character-intro.shift-up-overlap .character-phrase-block { maring-top:-100px !important;}

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

@@ -1,35 +0,0 @@
-gi-compass-post .compass-post {
-  padding-top: 10px;
-}
-gi-compass-post .compass-post-header {
-  padding: 15px;
-  background-color: rgba(213, 213, 213, 0.5);
-  text-transform: uppercase;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-gi-compass-post .compass-post-header ion-avatar {
-  width: 32px;
-  height: 32px;
-}
-gi-compass-post .compass-post-header h3 {
-  color: #333;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  margin: 0px;
-}
-gi-compass-post .compass-post-body {
-  padding: 15px;
-  background-color: #fff;
-}
-gi-compass-post .error {
-  color: red;
-}
-gi-compass-post .success {
-  color: green;
-}
-gi-compass-post .footer {
-  display: flex;
-  justify-content: space-between;
-}

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

@@ -1,171 +0,0 @@
-import { Component, Element, State, Method, h } from '@stencil/core';
-export class SparkleCompassPost {
-  constructor() {
-    this.resiliance = 0;
-    this.care = 0;
-    this.compassData = {};
-  }
-  componentDidLoad() {
-  }
-  componentWillUpdate() {
-    console.log('Component will update and re-render');
-  }
-  async renderCompass(data) {
-    var sectionObj = {};
-    for (var i = 0; i < data.length; i++) {
-      if (data[i] && data[i].extraData && data[i].extraData.compass) {
-        if (typeof sectionObj[data[i].extraData.compass] === 'undefined') {
-          sectionObj[data[i].extraData.compass] = 0;
-        }
-        sectionObj[data[i].extraData.compass] += data[i].response || 0;
-      }
-    }
-    for (var propertyName in sectionObj) {
-      sectionObj[propertyName] = Math.floor(sectionObj[propertyName] * 0.25);
-    }
-    console.log(sectionObj);
-  }
-  loadOldData() {
-    // this.dataSvc.getServerData("/api/compass/recent").subscribe((x) => {
-    //   if (x && x.AppJsonData) {
-    //     var obj = JSON.parse(x.AppJsonData)
-    //     this.compassData = { ...this.compassData, ...obj };
-    //     const compassCmp = this.el.querySelector('gi-compass') as HTMLGiCompassElement;
-    //     compassCmp.drawOnCompass();
-    //     // compassCmp.drawOnCompass()
-    //   }
-    // });
-  }
-  submitPost() {
-    // this.errorMessage = "";
-    // this.successMessage = "";
-    // var previousEl = this.el.previousElementSibling as HTMLGiOpinionElement;
-    // var data = previousEl.getQuizResults();
-    // if (data.length == 8) {
-    //   var sectionObj = {};
-    //   for (var i = 0; i < data.length; i++) {
-    //     if (data[i] && data[i].extraData && data[i].extraData.compass) {
-    //       if (typeof sectionObj[data[i].extraData.compass] === 'undefined') {
-    //         sectionObj[data[i].extraData.compass] = 0;
-    //       }
-    //       sectionObj[data[i].extraData.compass] += data[i].response;
-    //     }
-    //   }
-    // this.dataSvc.getServerData("/api/compass/recent").subscribe(x => {
-    //   combineObj = {};
-    //   if (x && x.AppJsonData) {
-    //     var oldObj = JSON.parse(x.AppJsonData);
-    //     for (var propertyName in oldObj) {
-    //       oldObj[propertyName] = Math.floor(oldObj[propertyName] * 4);
-    //     }
-    //     var combineObj = { ...oldObj, ...sectionObj };
-    //   }
-    //   else {
-    //     combineObj = sectionObj;
-    //   }
-    //   var componentString = "<gi-compass";
-    //   for (var propertyName in combineObj) {
-    //     combineObj[propertyName] = Math.floor(combineObj[propertyName] * 0.25);
-    //     componentString += ' ' + propertyName + '="' + combineObj[propertyName] + '"';
-    //   }
-    //   componentString += "></gi-compass>";
-    //   var isPublic = this.el.getElementsByClassName("IsPublic")[0] as HTMLInputElement;
-    //   var appJsonData = JSON.stringify(combineObj);
-    //   var postData = {
-    //     AppJsonData: appJsonData,
-    //     PostText: componentString,
-    //     ExternalResourceUrl: "",
-    //     IsPublic: isPublic.checked,
-    //   };
-    //   console.log(postData);
-    //   this.dataSvc.saveData(postData, "/api/compass/add/")
-    //     .subscribe(x => {
-    //       this.successMessage = "Posted Successfully";
-    //     }, error => {
-    //       this.errorMessage = "Something went wrong.";
-    //     });
-    // }, error => {
-    //   this.errorMessage = "Something went wrong.";
-    // });
-    // }
-    // else {
-    //   this.errorMessage = "Please answer all of the above questions";
-    // }
-  }
-  getTokenData() {
-    let tokenStr = window.localStorage["currentUser"];
-    if (tokenStr) {
-      let token = JSON.parse(tokenStr);
-      token = JSON.parse(token);
-      if (new Date(token["Expiration"]).getTime() > new Date().getTime()) {
-        return token;
-      }
-    }
-    return null;
-  }
-  renderUserInfo() {
-    var tokenInfo = this.getTokenData();
-    if (tokenInfo != null && tokenInfo.Token) {
-      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, tokenInfo.ProfileImageUrl
-        ? h("img", { src: tokenInfo.ProfileImageUrl })
-        : h("img", { src: "/assets/img/avatar.png" })));
-    }
-    else {
-      return (h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
-    }
-  }
-  render() {
-    const userInfo = this.renderUserInfo();
-    return (h("div", { class: "compass-post" },
-      h("div", { class: "compass-post-header" },
-        "Bulletin Board",
-        userInfo),
-      h("div", { class: "compass-post-body" },
-        h("form", null,
-          h("ion-item", null,
-            h("ion-label", null, "Public"),
-            h("ion-radio", { class: "IsPublic", slot: "end", color: "primary", value: "IsPublic", name: "IsPublic" })),
-          h("gi-compass", null),
-          h("ion-item", { class: "footer" },
-            h("div", null,
-              h("div", { class: "error" }, this.errorMessage),
-              h("div", { class: "success" }, this.successMessage)),
-            h("ion-button", { slot: "end", size: "default", onClick: (evt) => this.submitPost(), disabled: this.getTokenData() == null }, "Post"))))));
-  }
-  static get is() { return "sparkle-compass-post"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-compass-post.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-compass-post.css"]
-  }; }
-  static get states() { return {
-    "errorMessage": {},
-    "successMessage": {},
-    "resiliance": {},
-    "care": {},
-    "compassData": {}
-  }; }
-  static get methods() { return {
-    "renderCompass": {
-      "complexType": {
-        "signature": "(data: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}

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

@@ -1,25 +0,0 @@
-#compassImage {
-  position: absolute;
-  z-index: 1;
-  width: 100%;
-}
-
-#compassOverImage {
-  position: absolute;
-  z-index: 30;
-  top: 11.6%;
-  left: 11.8%;
-  width: 76.5%;
-  height: 76.5%;
-}
-
-.myCanvas {
-  position: relative;
-  z-index: 20;
-}
-
-#container {
-  display: inline-block;
-  margin: 0 auto;
-  position: relative;
-}