@sparkle-learning/core 0.0.54 → 0.0.55

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

@@ -1,15 +1,104 @@
-import { Component, Element, State, Host, h } from '@stencil/core';
+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;
+      }
+    };
   }
-  async onSubmit(e) {
-    e.preventDefault();
-    this.submitted = true;
-    let isFormValid = true;
+  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() {
-    return h(Host, null, "Assignment");
+    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 {
@@ -18,8 +107,53 @@ export class SparkleAssignment {
   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": {}
+    "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-feed-post/sparkle-feed-post.js

@@ -18,15 +18,7 @@ export class SparkleFeedPost {
     this.postText = text;
   }
   isAuthenticated() {
-    try {
-      let token = TokenService.getInstance().getTokenSync();
-      if (!!token) {
-        return true;
-      }
-    }
-    catch (_a) {
-      return false;
-    }
+    return TokenService.getInstance().isAuthenticated();
   }
   async submitPost() {
     this.postLoading = true;
@@ -82,7 +74,7 @@ export class SparkleFeedPost {
     }
   }
   selectFile() {
-    var fileInput = document.getElementById('fileInput');
+    var fileInput = this.el.querySelector('#fileInput');
     fileInput.click();
   }
   renderUserInfo() {

package/dist/collection/components/sparkle-file-upload/sparkle-file-upload.js

@@ -0,0 +1,105 @@
+import { Component, Element, Event, State, Prop, h, Host } from '@stencil/core';
+import { MediaService } from '../../services/media.service';
+export class SparkleFileUpload {
+  constructor() {
+    this.uploadImageLoading = false;
+  }
+  componentDidLoad() { }
+  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.value = this.uploadedImage;
+      this.fileUploaded.emit(this.uploadedImage);
+    }
+    else {
+      this.uploadImageLoading = false;
+      this.errorMessage = 'There is an error while uploading an image.';
+    }
+  }
+  selectFile() {
+    var fileInput = this.el.shadowRoot.querySelector('#fileInput');
+    fileInput.click();
+  }
+  render() {
+    return (h(Host, null,
+      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/*,application/pdf,application/msword,application/vnd.ms-excel,application/vnd.ms-powerpoint,text/plain" }),
+        this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '',
+        h("ion-button", { slot: "start", onClick: evt => this.selectFile() },
+          h("ion-icon", { name: "add" }),
+          "Upload Image"))));
+  }
+  static get is() { return "sparkle-file-upload"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["sparkle-file-upload.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sparkle-file-upload.css"]
+  }; }
+  static get properties() { return {
+    "value": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "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 {
+    "errorMessage": {},
+    "uploadedImage": {},
+    "uploadImageLoading": {}
+  }; }
+  static get events() { return [{
+      "method": "fileUploaded",
+      "name": "fileUploaded",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "el"; }
+}

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

@@ -0,0 +1,212 @@
+import { Component, h, Event, Prop, Watch } from '@stencil/core';
+export class SparkleInput {
+  arrayDataWatcher(newValue) {
+    if (typeof newValue === 'string') {
+      this._options = JSON.parse(newValue);
+    }
+    else {
+      this._options = newValue;
+    }
+  }
+  componentWillLoad() {
+    if (this.type == 'select') {
+      this.arrayDataWatcher(this.options);
+    }
+  }
+  handleChange(event) {
+    const value = this.type === 'checkbox' ? event.target.checked : event.target.value;
+    this.value = value;
+    this.valueChanged.emit(value);
+    if (this.type === 'checkbox') {
+      this.checkedChanged.emit(value);
+    }
+  }
+  render() {
+    switch (this.type) {
+      case 'text' || 'email' || 'number' || 'tel' || 'url':
+        return (h("div", null,
+          h("ion-item", null,
+            h("ion-label", null, this.label),
+            h("ion-input", { type: this.type, value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'textarea':
+        return (h("div", null,
+          h("ion-item", null,
+            h("ion-label", null, this.label),
+            h("ion-textarea", { value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'checkbox':
+        return (h("div", null,
+          h("ion-item", null,
+            h("ion-checkbox", { slot: "start", checked: this.checked, onChange: (event) => this.handleChange(event) }),
+            h("ion-label", null, this.label))));
+      case 'select':
+        return (h("div", null,
+          h("ion-item", null,
+            h("ion-select", { value: this.value, placeholder: this.label, onIonChange: event => this.handleChange(event) }, this._options.map(option => (h("ion-select-option", { key: option.value, value: option.value }, option.label)))))));
+      default:
+        return null;
+    }
+  }
+  static get is() { return "sparkle-input"; }
+  static get originalStyleUrls() { return {
+    "$": ["sparkle-input.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sparkle-input.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'text' | 'textarea' | 'checkbox' | 'select'",
+        "resolved": "\"checkbox\" | \"select\" | \"text\" | \"textarea\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false
+    },
+    "value": {
+      "type": "any",
+      "mutable": true,
+      "complexType": {
+        "original": "string | boolean",
+        "resolved": "boolean | string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "label",
+      "reflect": false
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "placeholder": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "placeholder",
+      "reflect": false
+    },
+    "checked": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "checked",
+      "reflect": false
+    },
+    "options": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "{ value: string; label: string }[] | string",
+        "resolved": "string | { value: string; label: string; }[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "options",
+      "reflect": false
+    }
+  }; }
+  static get events() { return [{
+      "method": "valueChanged",
+      "name": "valueChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "string | boolean",
+        "resolved": "boolean | string",
+        "references": {}
+      }
+    }, {
+      "method": "checkedChanged",
+      "name": "checkedChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }]; }
+  static get watchers() { return [{
+      "propName": "options",
+      "methodName": "arrayDataWatcher"
+    }]; }
+}

package/dist/collection/services/token.service.js

@@ -44,6 +44,17 @@ export class TokenService {
     }
     return null;
   }
+  isAuthenticated() {
+    try {
+      let token = this.getTokenSync();
+      if (!!token) {
+        return true;
+      }
+    }
+    catch (_a) {
+      return false;
+    }
+  }
   async getTokenExpiry() {
     let authUser = await get(AppConsts.AUTH_USER_LOCALSTORAGE);
     if (!authUser) {

package/dist/esm/{PrivateRoute-c6e80d5d.js → PrivateRoute-90ac95b8.js}

@@ -1,7 +1,7 @@
 import { c as getAssetPath, h } from './index-c04b9ed5.js';
 import { r as remove, g as get } from './localstorage.service-4bf408c8.js';
-import { H as HttpService } from './httpService-db476835.js';
-import { T as TokenService, A as AppConsts } from './token.service-20f1a256.js';
+import { H as HttpService } from './httpService-7986aeed.js';
+import { T as TokenService, A as AppConsts } from './token.service-71a5d33f.js';
 import { A as AuthStore } from './auth.store-dba2c2da.js';
 
 //import * as abpTypings from '../lib/abp';

package/dist/esm/{appdata.service-d1058e00.js → appdata.service-2e84e167.js}

@@ -1,4 +1,4 @@
-import { H as HttpService } from './httpService-db476835.js';
+import { H as HttpService } from './httpService-7986aeed.js';
 import { d as createStore } from './auth.store-dba2c2da.js';
 import { S as SparkleGlobal } from './util-57cc8006.js';
 

package/dist/esm/assignment.service-8d31f141.js

@@ -0,0 +1,17 @@
+import { H as HttpService } from './httpService-7986aeed.js';
+
+class AssignmentService {
+  constructor() { }
+  static getInstance() {
+    if (!AssignmentService.instance) {
+      AssignmentService.instance = new AssignmentService();
+    }
+    return AssignmentService.instance;
+  }
+  async createAssignment(payload) {
+    let result = await HttpService.http.post(`api/v1/Assignment/Create`, payload);
+    return result;
+  }
+}
+
+export { AssignmentService as A };

package/dist/esm/{facilitator.service-53e05a01.js → facilitator.service-18c47bdf.js}

@@ -1,4 +1,4 @@
-import { H as HttpService } from './httpService-db476835.js';
+import { H as HttpService } from './httpService-7986aeed.js';
 import { d as createStore } from './auth.store-dba2c2da.js';
 
 const { state, onChange } = createStore({

package/dist/esm/{feed.service-8385ad7a.js → feed.service-b4f3cae4.js}

@@ -1,4 +1,4 @@
-import { H as HttpService } from './httpService-db476835.js';
+import { H as HttpService } from './httpService-7986aeed.js';
 import { d as createStore } from './auth.store-dba2c2da.js';
 
 const { state, reset } = createStore({

package/dist/esm/header-mobile-collapse_61.entry.js

@@ -9,22 +9,22 @@ import { f as findClosestIonContent, d as disableContentScrollY, r as resetConte
 import { i as isRTL } from './dir-03012648.js';
 import { S as SPINNERS } from './spinner-configs-a37e628a.js';
 import { A as ActiveRouter } from './active-router-fc9e4e06.js';
-import { i as initSetupConfig, A as AuthService, P as PrivateRoute, s as setupConfig } from './PrivateRoute-c6e80d5d.js';
+import { i as initSetupConfig, A as AuthService, P as PrivateRoute, s as setupConfig } from './PrivateRoute-90ac95b8.js';
 import { A as AssetsService } from './assets.service-def1d63c.js';
 import { A as AuthStore, c as createCommonjsModule, g as getDefaultExportFromCjs, b as commonjsGlobal, T as TocStore } from './auth.store-dba2c2da.js';
-import { u as userStore, S as StudentService } from './student.service-6457aaa0.js';
+import { u as userStore, S as StudentService } from './student.service-08af124f.js';
 import { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
 import { s as sample, S as SparkleGlobal$1, d as date, M as MyHealthTemplate, a as MyHealthTemplateJSON, b as MyMoodTemplate, c as MyMoodTemplateJSON } from './util-57cc8006.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-53e05a01.js';
+import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-18c47bdf.js';
 import { m as menuController } from './index-cded2d87.js';
-import { m as modalController, a as alertController, t as toastController } from './overlays-3b4dca92.js';
-import { S as SignalRService, s as signalRStore } from './signalR.service-4a2d5a92.js';
-import { H as HttpService } from './httpService-db476835.js';
-import { A as AppDataService, g as goalStore } from './appdata.service-d1058e00.js';
-import { F as FeedService, f as feedStore } from './feed.service-8385ad7a.js';
-import { M as MediaService, m as mediaStore } from './media.service-b68cbfff.js';
+import { m as modalController, a as alertController, t as toastController } from './overlays-4233a39d.js';
+import { S as SignalRService, s as signalRStore } from './signalR.service-c33fba50.js';
+import { H as HttpService } from './httpService-7986aeed.js';
+import { A as AppDataService, g as goalStore } from './appdata.service-2e84e167.js';
+import { F as FeedService, f as feedStore } from './feed.service-b4f3cae4.js';
+import { M as MediaService, m as mediaStore } from './media.service-6e90bc41.js';
 import { g as get$1 } from './localstorage.service-4bf408c8.js';
-import { A as AppConsts } from './token.service-20f1a256.js';
+import { A as AppConsts } from './token.service-71a5d33f.js';
 import './hardware-back-button-fa04d6e9.js';
 import './animation-12377cb3.js';
 

package/dist/esm/{httpService-db476835.js → httpService-7986aeed.js}

@@ -1,7 +1,7 @@
 import { a as axios_1, u as utils, f as formats, s as sideChannel, T as TocStore } from './auth.store-dba2c2da.js';
-import { t as toastController } from './overlays-3b4dca92.js';
+import { t as toastController } from './overlays-4233a39d.js';
 import { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
-import { T as TokenService } from './token.service-20f1a256.js';
+import { T as TokenService } from './token.service-71a5d33f.js';
 
 var axios = axios_1;
 

package/dist/esm/index.js

@@ -1,12 +1,12 @@
-export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-c6e80d5d.js';
+export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-90ac95b8.js';
 export { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
 export { A as AssetsService } from './assets.service-def1d63c.js';
 export { A as AuthStore } from './auth.store-dba2c2da.js';
 import './index-c04b9ed5.js';
 import './localstorage.service-4bf408c8.js';
-import './httpService-db476835.js';
-import './overlays-3b4dca92.js';
+import './httpService-7986aeed.js';
+import './overlays-4233a39d.js';
 import './ionic-global-4903e23e.js';
 import './hardware-back-button-fa04d6e9.js';
 import './helpers-bf0e23d6.js';
-import './token.service-20f1a256.js';
+import './token.service-71a5d33f.js';