@sparkle-learning/core 0.0.33 → 0.0.36

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/cjs/{swipe-back-7e08b5e0.js → swipe-back-4a826f9b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const helpers = require('./helpers-7e28976c.js');
+const helpers = require('./helpers-c2496722.js');
 const dir = require('./dir-5af5259a.js');
-const index = require('./index-43642662.js');
-require('./gesture-controller-07c31f70.js');
+const index = require('./index-12082cba.js');
+require('./gesture-controller-0eb5579e.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -59,7 +59,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
      * or values greater than 1 which should not be possible.
      * Need to investigate more to find where the issue is.
      */
-    onEndHandler(shouldComplete, (stepValue <= 0) ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
+    onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
   };
   return index.createGesture({
     el,
@@ -69,7 +69,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
     canStart,
     onStart: onStartHandler,
     onMove,
-    onEnd
+    onEnd,
   });
 };
 

package/dist/cjs/{theme-4252ac15.js → theme-b0b295c1.js}

@@ -10,21 +10,22 @@ const hostContext = (selector, el) => {
  * Create the mode and color classes for the component based on the classes passed in
  */
 const createColorClasses = (color, cssClassMap) => {
-  return (typeof color === 'string' && color.length > 0) ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
+  return typeof color === 'string' && color.length > 0
+    ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
 };
 const getClassList = (classes) => {
   if (classes !== undefined) {
     const array = Array.isArray(classes) ? classes : classes.split(' ');
     return array
-      .filter(c => c != null)
-      .map(c => c.trim())
-      .filter(c => c !== '');
+      .filter((c) => c != null)
+      .map((c) => c.trim())
+      .filter((c) => c !== '');
   }
   return [];
 };
 const getClassMap = (classes) => {
   const map = {};
-  getClassList(classes).forEach(c => map[c] = true);
+  getClassList(classes).forEach((c) => (map[c] = true));
   return map;
 };
 const SCHEME = /^[a-z][a-z0-9+\-.]*:/;

package/dist/collection/collection-manifest.json

@@ -32,7 +32,8 @@
     "./components/sparkle-intro/sparkle-intro.js",
     "./components/sparkle-login/sparkle-login.js",
     "./components/sparkle-poll/sparkle-poll.js",
-    "./components/sparkle-quiz/sparkle-quiz.js",
+    "./components/sparkle-quiz/sparkle-quiz-v1.js",
+    "./components/sparkle-quiz/sparkle-quiz/sparkle-quiz.js",
     "./components/sparkle-quiz/sparkle-quiz-feedback/sparkle-quiz-feedback.js",
     "./components/sparkle-quiz/sparkle-quiz-input/sparkle-quiz-input.js",
     "./components/sparkle-quiz/sparkle-quiz-opinion/sparkle-quiz-opinion.js",
@@ -50,7 +51,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.0",
+    "version": "2.17.3",
     "typescriptVersion": "4.5.4"
   },
   "collections": [
@@ -80,6 +81,7 @@
         "ion-col",
         "ion-content",
         "ion-datetime",
+        "ion-datetime-button",
         "ion-fab",
         "ion-fab-button",
         "ion-fab-list",

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

@@ -1,3 +1,19 @@
 :host {
   display: block;
 }
+
+.post-footer{
+  display: flex;
+  justify-content: space-between;
+}
+.error{
+  color:red;
+}
+.success{
+  color:green;
+}
+.uploaded-image{
+  display: block;
+  max-height: 140px;
+  width : auto !important
+}

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

@@ -1,8 +1,140 @@
-import { Component, Host, h } from '@stencil/core';
+import { Component, Element, State, Prop, Method, h } from '@stencil/core';
+import { EnvironmentConfigService } from '../../services';
 export class SparkleFeedPost {
+  // @Prop({ connect: 'ion-toast-controller' })
+  // toastCtrl: HTMLIonToastControllerElement;
+  componentDidLoad() {
+    this.postText = this.textValue;
+  }
+  setText(text) {
+    this.postText = text;
+  }
+  // async postToFeed() {
+  //   const sparkleConfig: EnvironmentSparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+  //   const tocData = await AssetsService.getInstance().loadJsonFile<ICourse>(sparkleConfig.tocPath);
+  //   var model = {
+  //     CourseId: tocData.id,
+  //     MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
+  //     PostText: MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
+  //     PostTextJSON: MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
+  //     IsPublic: this.public,
+  //     ExternalResourceUrl: "",
+  //   }
+  //   const result = await FeedService.getInstance().createPost(model);
+  //   if (result.Succeeded) {
+  //     //show success toast
+  //   }
+  // }
+  isAuthenticated() {
+    try {
+      var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
+        return true;
+      }
+    }
+    catch (_a) {
+      return false;
+    }
+  }
+  submitPost() {
+    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: 1,
+      AssignmentName: this.assignmentName,
+      AssignmentData: '',
+    };
+    // this.dataSvc.saveData(data, '/api/class/feed').subscribe(
+    //   x => {
+    //     this.successMessage = 'Posted Successfully.';
+    //     // this.presentToast('Success');
+    //   },
+    //   error => {
+    //     this.errorMessage = 'There is an error while posting.';
+    //     //  this.presentToast('There is an error');
+    //   },
+    // );
+    //TODO can we return data from the dataSvc so we know if it's successful and can update the form? (Perhaps replace it with the post itself?)
+    // if (this.assignmentName) {
+    //   data.AssignmentData = JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl });
+    //   this.dataSvc.saveData(data, '/api/student/assignment-response').subscribe(
+    //     x => {
+    //       this.successMessage = 'Posted Successfully.';
+    //       // this.presentToast('Success');
+    //     },
+    //     error => {
+    //       this.errorMessage = 'There is an error while posting.';
+    //       //  this.presentToast('There is an error');
+    //     },
+    //   );
+    // }
+  }
+  uploadImage(evt) {
+    // this.uploadImageLoading = true;
+    // var files = evt.target.files;
+    // this.dataSvc.uploadImage(files, '/api/mediaitems/upload').subscribe(
+    //   x => {
+    //     this.uploadImageLoading = false;
+    //     this.uploadedImage = x.length > 0 ? x[0].FullImageUrl : '';
+    //     this.externalResourceUrl = x.length > 0 ? x[0].FullImageUrl : '';
+    //     //this.successMessage = 'Posted Successfully.'
+    //     // this.presentToast('Success');
+    //   },
+    //   error => {
+    //     this.uploadImageLoading = false;
+    //     this.errorMessage = 'There is an error while uploading an image.';
+    //   },
+    // );
+  }
+  selectFile() {
+    var fileInput = document.getElementById('fileInput');
+    fileInput.click();
+  }
+  renderUserInfo() {
+    var tokenInfo = { Token: null, ProfileImageUrl: null };
+    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() {
-    return (h(Host, null,
-      h("slot", null)));
+    const userInfo = this.renderUserInfo();
+    return (h("ion-card", null,
+      h("ion-item", { class: "header" },
+        h("ion-card-title", null, "Bulletin Board"),
+        userInfo),
+      h("ion-card-content", null,
+        h("form", null,
+          h("ion-list", null,
+            h("ion-item", { lines: "none" },
+              h("ion-label", null, "Public"),
+              h("ion-toggle", { class: "IsPublic", slot: "end", color: "primary", name: "IsPublic" })),
+            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: "padding" },
+              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("ion-item", { class: "post-footer", lines: "none" },
+              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.isAuthenticated() }, "Post")))))));
   }
   static get is() { return "sparkle-feed-post"; }
   static get originalStyleUrls() { return {
@@ -11,4 +143,66 @@ export class SparkleFeedPost {
   static get styleUrls() { return {
     "$": ["sparkle-feed-post.css"]
   }; }
+  static get properties() { return {
+    "assignmentName": {
+      "type": "string",
+      "mutable": false,
+      "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": {}
+  }; }
+  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-intro/sparkle-intro.css

@@ -2,7 +2,6 @@
   display: flex;
 }
 .character-intro {
-  position: absolute;
   width: 100%;
   padding: 15px;
   border: 1px red solid;