@sparkle-learning/core 0.0.52 → 0.0.54

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

@@ -1,5 +1,9 @@
 import { Component, Element, State, Prop, Method, h, Host } from '@stencil/core';
-import { EnvironmentConfigService } from '../../services';
+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;
@@ -13,26 +17,10 @@ export class SparkleFeedPost {
   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()) {
+      let token = TokenService.getInstance().getTokenSync();
+      if (!!token) {
         return true;
       }
     }
@@ -40,7 +28,8 @@ export class SparkleFeedPost {
       return false;
     }
   }
-  submitPost() {
+  async submitPost() {
+    this.postLoading = true;
     this.errorMessage = '';
     this.successMessage = '';
     //let formData = new FormData(this.el.querySelector("form")) as any;
@@ -51,60 +40,56 @@ export class SparkleFeedPost {
       PostText: this.postText,
       IsPublic: isPublic.checked,
       ExternalResourceUrl: postExternalUrl.value,
-      MiniAppId: 1,
+      MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
       AssignmentName: this.assignmentName,
       AssignmentData: '',
+      PostTextJSON: null,
     };
-    // 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');
-    //     },
-    //   );
-    // }
+    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);
+    }
   }
-  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.';
-    //   },
-    // );
+  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 = 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" })));
+    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"));
@@ -124,7 +109,7 @@ export class SparkleFeedPost {
                 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" },
+              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/*" }),
@@ -140,7 +125,8 @@ export class SparkleFeedPost {
                   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")))))))));
+                  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 {
@@ -191,7 +177,8 @@ export class SparkleFeedPost {
     "uploadedImage": {},
     "successMessage": {},
     "externalResourceUrl": {},
-    "uploadImageLoading": {}
+    "uploadImageLoading": {},
+    "postLoading": {}
   }; }
   static get methods() { return {
     "setText": {

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

@@ -69,7 +69,8 @@ export class PageLogin {
         Password: this.password.value,
         RememberClient: this.rememberMe.value
       });
-      sessionStorage.setItem('rememberMe', this.rememberMe.value == true ? '1' : '0');
+      console.log(result);
+      //sessionStorage.setItem('rememberMe', this.rememberMe.value == true ? '1' : '0');
       this.userDidLogIn.emit({ loginStatus: true });
     }
   }

package/dist/collection/components/sparkle-quiz/{sparkle-quiz/sparkle-quiz.css → sparkle-quiz-old/sparkle-quiz-old.css}

@@ -1,4 +1,4 @@
-sparkle-quiz {
+sparkle-quiz-old {
   display: block;
   font-family: var(--font-family);
   --sparkle-quiz-question-container-padding: 10px 0px;

package/dist/collection/components/sparkle-quiz/{sparkle-quiz/sparkle-quiz.js → sparkle-quiz-old/sparkle-quiz-old.js}

@@ -1,5 +1,5 @@
 import { Component, Prop, Listen, State, Event, Element, h } from '@stencil/core';
-export class SparkleQuiz {
+export class SparkleQuizOld {
   constructor() {
     this.type = 'TEXT';
     this.scale = 'FIVE-POINTS';
@@ -110,12 +110,12 @@ export class SparkleQuiz {
       return h("p", null, "No question found.");
     }
   }
-  static get is() { return "sparkle-quiz"; }
+  static get is() { return "sparkle-quiz-old"; }
   static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz.scss"]
+    "$": ["sparkle-quiz-old.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["sparkle-quiz.css"]
+    "$": ["sparkle-quiz-old.css"]
   }; }
   static get properties() { return {
     "questionId": {

package/dist/collection/components/sparkle-quiz/{sparkle-quiz-v1.js → sparkle-quiz.js}

@@ -1,53 +1,52 @@
 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 SparkleQuizV1 {
+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 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"
+      answer: '1',
     });
   }
   quizInputChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizFeedbackChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizSelectChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizOpinionChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   getQuestionFeedback() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
+    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") {
+    else if (this.question.questionType == 'FEEDBACK' || this.question.questionType == 'TEXT') {
       return this.question.feedback && h("small", null,
         " ",
         this.question.feedback);
@@ -57,43 +56,42 @@ export class SparkleQuizV1 {
     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") {
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
       return h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
     }
-    else if (this.question.questionType == "FEEDBACK") {
+    else if (this.question.questionType == 'FEEDBACK') {
       return h("sparkle-quiz-feedback", { question: this.question });
     }
-    else if (this.question.questionType == "TEXT") {
+    else if (this.question.questionType == 'TEXT') {
       return h("sparkle-quiz-input", { question: this.question });
     }
-    else if (this.question.questionType == "OPINION") {
+    else if (this.question.questionType == 'OPINION') {
       return h("sparkle-quiz-opinion", { question: this.question });
     }
-    else if (this.question.questionType == "POLL") {
+    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
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
       };
-      return h("div", { class: classes },
+      return (h("div", { class: classes },
         this.renderQuestion(),
-        this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(),
-          this.getQuestionFeedback()]));
+        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-v1"; }
+  static get is() { return "sparkle-quiz"; }
   static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz-v1.scss"]
+    "$": ["sparkle-quiz.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["sparkle-quiz-v1.css"]
+    "$": ["sparkle-quiz.css"]
   }; }
   static get properties() { return {
     "questionId": {
@@ -180,7 +178,7 @@ export class SparkleQuizV1 {
         "text": ""
       },
       "complexType": {
-        "original": "{ answer: any, question: SparkleQuizQuestion }",
+        "original": "{ answer: any; question: SparkleQuizQuestion }",
         "resolved": "{ answer: any; question: SparkleQuizQuestion; }",
         "references": {
           "SparkleQuizQuestion": {

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

@@ -32,7 +32,7 @@ export class SparkleQuizContainer {
   }
   render() {
     return (h(Host, null,
-      this.questionIds && this.questionIds.split(",").map((id => h("sparkle-quiz", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))),
+      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"; }

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

@@ -2,30 +2,32 @@ import { Component, Host, h, Prop } from '@stencil/core';
 import { setupConfig as setupSparkleConfig } from '../../services/environment/environment-config';
 import { HttpService } from '../../services/httpService';
 import { StudentService } from '../../services/student.service';
-import { EnvironmentConfigService } from '../../services/environment/environment-config.service';
-import { AuthStore } from "../../stores/auth.store";
+import { AuthStore } from '../../stores/auth.store';
 import { SignalRService } from '../../services/signalR.service';
 import { injectHistory } from '@stencil/router';
+import { get } from '../../services/core/localstorage.service';
+import AppConsts from '../../appconst';
 export class SparkleRoot {
   constructor() {
     this.history = null;
-    this.handleStudentNavigationChange = (url) => {
+    this.handleStudentNavigationChange = url => {
       this.history.replace(url, {});
     };
   }
   async componentWillLoad() {
     setupSparkleConfig({
-      sparkle: Object.assign(Object.assign({}, this.config), { prod: true })
+      sparkle: Object.assign(Object.assign({}, this.config), { prod: true }),
     });
     //return Promise.reject();
     await HttpService.getInstance();
     await HttpService.init();
-    var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-    if (sparkleConfig && sparkleConfig.auth && sparkleConfig.auth.getToken()) {
+    let auth = await get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    console.log(auth);
+    //TODO: check expiry as well
+    if (auth && auth.JWToken) {
       AuthStore.state.isAuthenticated = true;
     }
-    ;
-    AuthStore.onChange("isAuthenticated", async (isAuthenticated) => {
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
       if (isAuthenticated) {
         console.log('authenticated');
         await StudentService.getInstance().fetchUserConfiguration();
@@ -37,8 +39,8 @@ export class SparkleRoot {
     //SignalRAspNetCoreHelper.initSignalR();
   }
   componentDidLoad() {
-    SignalRService.getInstance().connection.on("NavigateStudentTo", this.handleStudentNavigationChange);
-    AuthStore.onChange("isAuthenticated", async (isAuthenticated) => {
+    SignalRService.getInstance().connection.on('NavigateStudentTo', this.handleStudentNavigationChange);
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
       if (isAuthenticated) {
         SignalRService.getInstance().start();
       }

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

@@ -0,0 +1,14 @@
+import { HttpService } from './httpService';
+export 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;
+  }
+}

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

@@ -1,7 +1,8 @@
-import { get, set, remove } from '../core/localstorage.service';
+import { get, remove } from '../core/localstorage.service';
 import { HttpService } from '../httpService';
 import AppConsts from '../../appconst';
-import { AuthStore } from "../../stores/auth.store";
+import { AuthStore } from '../../stores/auth.store';
+import { TokenService } from '../token.service';
 export class AuthService {
   constructor() { }
   static getInstance() {
@@ -18,7 +19,7 @@ export class AuthService {
     let result;
     try {
       result = await HttpService.http.post('api/Account/Authenticate', authenticationInput, {
-        headers: headers
+        headers: headers,
       });
       if (result) {
         const authData = result.Data;
@@ -32,15 +33,17 @@ export class AuthService {
           IssuedOn: authData.IssuedOn,
           ExpiresOn: authData.ExpiresOn,
           RefreshToken: authData.RefreshToken,
-          PhotoUrl: "",
-          IsFacilitator: authData.Roles.indexOf("Facilitator") > 0
+          PhotoUrl: '',
+          IsFacilitator: authData.Roles.indexOf('Facilitator') > 0,
         };
-        const expireDate = authenticationInput.RememberClient ? new Date(authUser.ExpiresOn) : undefined;
-        sparkle.auth.setToken(authUser.JWToken, expireDate);
-        //TODO: change authUser.JWToken to encrypted
-        sparkle.utils.setCookieValue(AppConsts.authorization.encrptedAuthTokenName, authUser.JWToken, expireDate, sparkle.appPath);
-        await set(AppConsts.AUTH_USER_LOCALSTORAGE, authUser);
-        AuthStore.state.authUser = Object.assign({}, authUser);
+        //const expireDate = authenticationInput.RememberClient ? new Date(authUser.ExpiresOn) : undefined;
+        // let authObj: EnvironmentAuthConfig = {
+        //   token: authUser.JWToken,
+        //   expiryDate: expireDate,
+        // };
+        // EnvironmentConfigService.getInstance().setupAuth(authObj);
+        //sparkle.utils.setCookieValue(AppConsts.authorization.encrptedAuthTokenName, authUser.JWToken, expireDate, sparkle.appPath);
+        await TokenService.getInstance().saveAuthUser(authUser);
         AuthStore.state.loading = false;
         return authUser;
       }
@@ -52,10 +55,8 @@ export class AuthService {
   }
   async signOut() {
     await remove(AppConsts.AUTH_USER_LOCALSTORAGE);
+    await TokenService.getInstance().removeAuthUser();
     sessionStorage.clear();
-    sparkle.auth.clearToken();
-    AuthStore.state.authUser = null;
-    AuthStore.state.isAuthenticated = false;
   }
   async getLocalAuthUser() {
     return get(AppConsts.AUTH_USER_LOCALSTORAGE);

package/dist/collection/services/environment/environment-config.js

@@ -1,5 +1,5 @@
 import Util from '../../utils';
-import { getAssetPath } from "@stencil/core";
+import { getAssetPath } from '@stencil/core';
 //declare var sparkle: any;
 export async function setupConfig(config) {
   if (!window) {

package/dist/collection/services/environment/environment-config.service.js

@@ -15,7 +15,6 @@ export class EnvironmentConfigService {
     }
     const win = window;
     const Sparkle = win.Sparkle;
-    console.log('getting info');
     this.m = new Map(Object.entries(Sparkle.config));
   }
   get(key, fallback) {

package/dist/collection/services/httpService.js

@@ -3,6 +3,7 @@ import qs from 'qs';
 import { toastController } from '@ionic/core';
 import { TocStore } from '../stores/toc.store';
 import { EnvironmentConfigService } from '.';
+import { TokenService } from './token.service';
 export class HttpService {
   constructor() { }
   static getInstance() {
@@ -16,7 +17,7 @@ export class HttpService {
     this.http = axios.create({
       baseURL: sparkleConfig.apiUrl,
       headers: {
-        'Content-Type': 'application/json'
+        'Content-Type': 'application/json',
       },
       timeout: 30000,
       paramsSerializer: function (params) {
@@ -25,9 +26,10 @@ export class HttpService {
         });
       },
     });
-    this.http.interceptors.request.use(function (config) {
-      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
-        config.headers.common['Authorization'] = 'Bearer ' + sparkle.auth.getToken();
+    this.http.interceptors.request.use(async function (config) {
+      let token = await TokenService.getInstance().getToken();
+      if (token) {
+        config.headers.common['Authorization'] = 'Bearer ' + token;
       }
       // //config.headers.common['.AspNetCore.Culture'] = sparkle.utils.getCookieValue('Sparkle.Localization.CultureName');
       config.headers.common['Sparkle.CourseId'] = sparkleConfig.courseId;
@@ -45,7 +47,7 @@ export class HttpService {
       if (response.data.Message) {
         const toast = await toastController.create({
           message: response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
       }
@@ -56,7 +58,7 @@ export class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.ErrorMessage,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error);
@@ -66,7 +68,7 @@ export class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error.response.data);
@@ -76,7 +78,7 @@ export class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error);
@@ -89,8 +91,8 @@ export class HttpService {
       }
       else {
         const toast = await toastController.create({
-          message: "Unknown Error",
-          duration: 3000
+          message: 'Unknown Error',
+          duration: 3000,
         });
         toast.present();
       }