@sparkle-learning/core 0.0.55 → 0.0.57

package/dist/collection/components/layout/facilitator/facilitator-header/facilitator-header.js

@@ -1,104 +0,0 @@
-import { Component, Listen, Prop, State, Element, h } from '@stencil/core';
-//import { l10n } from '../../../../l10n';
-import { menuController } from '@ionic/core';
-export class SparkleFacilitatorHeader {
-  constructor() {
-    this.courseName = '';
-    this.hidden = false;
-    this.frameRequested = false;
-    this.prevScroll = 0;
-  }
-  handleScroll() {
-    if (!this.frameRequested) {
-      requestAnimationFrame(() => {
-        const { scrollY } = window;
-        this.hidden = scrollY > 60 && scrollY > this.prevScroll;
-        this.prevScroll = scrollY;
-        this.frameRequested = false;
-      });
-      this.frameRequested = true;
-    }
-  }
-  componentWillLoad() {
-  }
-  hostData() {
-    return {
-      class: { hidden: this.hidden },
-    };
-  }
-  openEnd() {
-    menuController.enable(true, 'students');
-    menuController.open('students');
-  }
-  async openOnlineStudentsSidebar() {
-    var sidebar = document.getElementById("#onlineStudents");
-  }
-  render() {
-    return (h("header", null,
-      h("a", { href: "/home" },
-        h("div", { class: "HeaderLogo" }, this.courseName)),
-      h("header-mobile-collapse", null,
-        h("div", { class: "SectionNav-tabs" }),
-        h("nav", { class: "UtilNav" },
-          h("sparkle-button", { href: "/login", round: true }, "Login"),
-          h("sparkle-button", { href: "/signup", primary: true, round: true }, "Get Started"),
-          h("slot", { name: "logo" })))));
-  }
-  static get is() { return "sparkle-facilitator-header"; }
-  static get originalStyleUrls() { return {
-    "$": ["facilitator-header.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["facilitator-header.css"]
-  }; }
-  static get properties() { return {
-    "courseName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "course-name",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "toggleStudentClickFn": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(e: Event) => void",
-        "resolved": "(e: Event) => void",
-        "references": {
-          "Event": {
-            "location": "global"
-          }
-        }
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "hidden": {}
-  }; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "scroll",
-      "method": "handleScroll",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
-}

package/dist/collection/components/layout/facilitator/facilitator-notes/facilitator-notes-form/facilitator-notes-form.css

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

package/dist/collection/components/layout/facilitator/facilitator-notes/facilitator-notes-form/facilitator-notes-form.js

@@ -1,144 +0,0 @@
-import { Component, Host, Element, State, h, Prop } from '@stencil/core';
-import { toastController } from "@ionic/core";
-import { FacilitatorService } from '../../../../../services/facilitator.service';
-import { LoadingSpinner } from '../../../../../icons';
-import facilitatorStore from '../../../../../stores/facilitator.store';
-export class FacilitatorNotesForm {
-  constructor() {
-    this.formControls = {
-      noteText: {
-        isValid: true,
-        value: "",
-        errorMessage: "",
-        validate: value => {
-          console.log(value);
-          if (value && value.length > 0) {
-            return { valid: true, errorMessage: "" };
-          }
-          else {
-            return { valid: false, errorMessage: "Notes is required" };
-          }
-        },
-      }
-    };
-    this.submitted = false;
-  }
-  componentDidLoad() {
-    if (this.initialValues) {
-      this.changeFormValue("noteText", this.initialValues.NoteText);
-    }
-  }
-  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.isValid = control.validate(control.value).valid;
-      control.errorMessage = control.validate(control.value).errorMessage;
-      if (!control.isValid) {
-        isFormValid = false;
-      }
-    }
-    if (isFormValid) {
-      if (this.initialValues && this.initialValues.Id > 0) {
-        let result = await FacilitatorService.getInstance().updateFacilitatorNote({
-          NoteText: this.formControls.noteText.value,
-          Id: this.initialValues.Id
-        });
-        if (result.Succeeded) {
-          const toast = await toastController.create({
-            message: "Notes updated successfully",
-            duration: 3000
-          });
-          toast.present();
-          this.dismiss();
-        }
-        else {
-          const toast = await toastController.create({
-            message: result.Message,
-            duration: 3000
-          });
-          toast.present();
-        }
-      }
-      else {
-        let result = await FacilitatorService.getInstance().addFacilitatorNote({
-          NoteText: this.formControls.noteText.value
-        });
-        if (result.Succeeded) {
-          const toast = await toastController.create({
-            message: "Notes added 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).valid, errorMessage: this.formControls[controlName].validate(value).errorMessage }) });
-  }
-  render() {
-    const noteTextValidation = !this.formControls.noteText.isValid ? "is-invalid" : "is-valid";
-    return (h(Host, null,
-      h("ion-header", { translucent: true },
-        h("ion-toolbar", null,
-          h("ion-title", null, "Facilitator Note"),
-          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("div", { class: "mb-3" },
-            h("label", { htmlFor: "validationTextarea", class: "form-label" }, "Notes"),
-            h("textarea", { class: `form-control ${this.submitted && noteTextValidation}`, placeholder: "Notes", value: this.formControls.noteText.value, onChange: (e) => this.changeFormValue("noteText", e.target.value) }),
-            this.formControls.noteText.errorMessage && h("div", { class: "invalid-feedback" }, this.formControls.noteText.errorMessage)),
-          h("div", { class: "mb-3" },
-            facilitatorStore.state.notesLoading && h(LoadingSpinner, null),
-            h("button", { class: "btn btn-primary", type: "submit", disabled: facilitatorStore.state.notesLoading }, "Submit"))))));
-  }
-  static get is() { return "sparkle-facilitator-notes-form"; }
-  static get originalStyleUrls() { return {
-    "$": ["facilitator-notes-form.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["facilitator-notes-form.css"]
-  }; }
-  static get properties() { return {
-    "initialValues": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{\r\n    Id: number,\r\n    NoteText: string\r\n  }",
-        "resolved": "{ Id: number; NoteText: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "formControls": {},
-    "submitted": {}
-  }; }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/layout/facilitator/facilitator-notes/facilitator-notes.css

@@ -1,14 +0,0 @@
-:host {
-  display: block;
-}
-table {
-  table-layout: auto;
-}
-
-.c1 {
-  width: 80%;
-}
-
-.c2 {
-  width: 20%;
-}

package/dist/collection/components/layout/facilitator/facilitator-notes/facilitator-notes.js

@@ -1,64 +0,0 @@
-import { Component, Host, h } from '@stencil/core';
-import { FacilitatorService } from '../../../../services/facilitator.service';
-import facilitatorStore from '../../../../stores/facilitator.store';
-import { modalController } from '@ionic/core';
-export class FacilitatorNotes {
-  async componentDidLoad() {
-    await this.fetchData();
-  }
-  async fetchData() {
-    await FacilitatorService.getInstance().fetchNotes({ showAllNotes: false });
-  }
-  async deleteNote(id) {
-    await FacilitatorService.getInstance().deleteFacilitatorNote(id);
-  }
-  async deleteNoteConfirmation(id) {
-    if (window.confirm("Do you really want to delete this note?")) {
-      await this.deleteNote(id);
-    }
-  }
-  async presentFacilitatorNotesModal(values) {
-    const modal = await modalController.create({
-      component: 'sparkle-facilitator-notes-form',
-      cssClass: 'sparkle-modal sparkle-facilitator-notes-form',
-      componentProps: {
-        initialValues: values
-      }
-    });
-    await modal.present();
-  }
-  renderNotes() {
-    var _a, _b, _c;
-    return (h("table", { class: "table" },
-      h("thead", null,
-        h("tr", null,
-          h("th", { scope: "col" }, "Notes"),
-          h("th", { scope: "col" }, "Action"))),
-      h("tbody", null, (_a = facilitatorStore.state.pageNotes) === null || _a === void 0 ? void 0 :
-        _a.map(item => h("tr", null,
-          h("td", { class: "c1" }, item.NoteText),
-          h("td", { class: "c2" },
-            h("div", { class: "d-flex" },
-              h("div", { class: "p-2" },
-                h("button", { class: "btn btn-primary", type: "button", onClick: () => this.presentFacilitatorNotesModal(item) }, "Edit")),
-              h("div", { class: "p-2" },
-                h("button", { class: "btn btn-dark", type: "button", onClick: () => this.deleteNoteConfirmation(item.Id) }, "Delete")))))),
-        !facilitatorStore.state.pageNotes || ((_b = facilitatorStore.state.pageNotes) === null || _b === void 0 ? void 0 : _b.length) == 0 &&
-          h("tr", null,
-            h("td", { colSpan: 2 }, facilitatorStore.state.notesLoading ? "Loading..." : (((_c = facilitatorStore.state.pageNotes) === null || _c === void 0 ? void 0 : _c.length) == 0 ? "No Data" : ""))))));
-  }
-  render() {
-    console.log("render");
-    return (h(Host, null,
-      h("div", { class: "p-2 pb-4 d-md-flex justify-content-md-end" },
-        h("button", { class: "btn btn-primary pull-right", type: "button", onClick: () => this.presentFacilitatorNotesModal(null) }, "+ Add Note")),
-      this.renderNotes()));
-  }
-  static get is() { return "sparkle-facilitator-notes"; }
-  static get originalStyleUrls() { return {
-    "$": ["facilitator-notes.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["facilitator-notes.css"]
-  }; }
-}

package/dist/collection/components/layout/facilitator/facilitator-page.css

@@ -1,196 +0,0 @@
-.Error {
-    align-items: center;
-    background-color: var(--offset-background);
-    color: var(--text-color--light);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    line-height: 1;
-    white-space: nowrap;
-  }
-  
-  .Error.full-screen {
-    padding-bottom: 3rem;
-  }
-  
-  .Error > * {
-    margin: 10px;
-  }
-  
-  .Error h1,
-  .Error div {
-    color: inherit;
-    font-size: 3rem;
-  }
-  
-  .Error div {
-    text-shadow: 3px 3px 3px rgba(0,0,0,0.1);
-  }
-  
-  .Error p {
-    font-size: 18px;
-  }
-
-sparkle-facilitator-page {
-  display: grid;
-  font-size: 16px;
-  grid-template-columns: 1fr;
-  line-height: 2;
-  /* margin-left: var(--page-margin-left); */
-  margin-top: var(--header-height);
-  overflow-x: hidden;
-  transform: var(--page-transform, none);
-  transition: transform 200ms cubic-bezier(0.2, 1, 0.2, 1);
-  --page-padding: 2rem;
-  padding: 20px;
-}
-
-@media (min-width: 1234px) {
-  sparkle-facilitator-page {
-    /* grid-template-columns: 1fr minmax(0, var(--page-width, 720px)) 3fr; */
-    grid-template-columns: 1fr;
-  }
-}
-
-@media (min-width: 1800px) {
-  sparkle-facilitator-page {
-    /* grid-template-columns: 1fr minmax(0, var(--page-width, 720px)) 1fr 240px; */
-    grid-template-columns: 1fr;
-  }
-}
-
-sparkle-facilitator-page > main.column-1 {
-  position: relative;
-  grid-column: 1;
-  margin-bottom: 3rem;
-  padding: var(--page-padding, 2rem 1rem);
-  position: relative;
-}
-
-sparkle-facilitator-page > main.column-2 {
-  position: relative;
-  grid-column: 1;
-  margin-bottom: 3rem;
-  padding: var(--page-padding, 2rem 1rem);
-  position: relative;
-}
-
-sparkle-facilitator-page sparkle-pagination {
-  grid-column: 1 / -1;
-  border: none;
-  --page-padding: 0rem 1rem;
-}
-
-sparkle-facilitator-page .full-screen {
-  grid-column: 1 / -1;
-  height: calc(100vh - var(--header-height));
-  margin-bottom: 0;
-  overflow: hidden;
-  padding: 0;
-}
-
-sparkle-facilitator-page sparkle-page-footer {
-  margin-top: 0rem;
-}
-
-sparkle-facilitator-page .page-heading-encapsulation {
-  text-transform: uppercase;
-
-  background: transparent;
-  color: #2d4665;
-
-  border: 1px solid #dee3ea;
-  border-radius: 14px;
-  height: 24px;
-  padding: 2px 8px;
-
-  font-weight: 600;
-  font-size: 10px;
-  line-height: 14px;
-  display: inline-flex;
-  align-items: center;
-
-  align-self: center;
-  justify-self: flex-end;
-
-  letter-spacing: 0.08em;
-  float: right;
-}
-
-sparkle-facilitator-page .page-heading-encapsulation:hover {
-  border-color: #92a1b3;
-}
-
-sparkle-facilitator-page h1 {
-  display: flex;
-  justify-content: space-between;
-
-  margin-top: 2rem;
-  margin-bottom: 1rem;
-}
-
-sparkle-facilitator-page h2 a[href^='#'],
-sparkle-facilitator-page h3 a[href^='#'],
-sparkle-facilitator-page h4 a[href^='#'],
-sparkle-facilitator-page h5 a[href^='#'],
-sparkle-facilitator-page h6 a[href^='#'] {
-  color: inherit;
-  position: relative;
-}
-
-sparkle-facilitator-page h2 a[href^='#']:before,
-sparkle-facilitator-page h3 a[href^='#']:before,
-sparkle-facilitator-page h4 a[href^='#']:before,
-sparkle-facilitator-page h5 a[href^='#']:before,
-sparkle-facilitator-page h6 a[href^='#']:before {
-  content: '#';
-  opacity: 0;
-  padding-right: 5px;
-  position: absolute;
-  right: 100%;
-  transition: opacity 100ms ease;
-}
-
-sparkle-facilitator-page h2 a[href^='#']:hover:before,
-sparkle-facilitator-page h3 a[href^='#']:hover:before,
-sparkle-facilitator-page h4 a[href^='#']:hover:before,
-sparkle-facilitator-page h5 a[href^='#']:hover:before,
-sparkle-facilitator-page h6 a[href^='#']:hover:before {
-  opacity: 1;
-}
-
-sparkle-facilitator-page h2 code,
-sparkle-facilitator-page h3 code,
-sparkle-facilitator-page h4 code,
-sparkle-facilitator-page h5 code,
-sparkle-facilitator-page h6 code {
-  background: none;
-  font-size: inherit;
-}
-
-sparkle-facilitator-page aside {
-  float: right;
-  margin-left: 20px;
-  margin-bottom: 20px;
-}
-
-@media (min-width: 1234px) {
-  sparkle-facilitator-page main.no-demo .page-meta {
-    position: fixed;
-    right: 0;
-    top: 100px;
-    width: 240px;
-    transition: 0.2s transform ease;
-  }
-
-  sparkle-header.hidden ~ stencil-route sparkle-facilitator-page main.no-demo .page-meta {
-    transform: translateY(-60px);
-  }
-}
-
-sparkle-facilitator-page main.has-demo .page-meta internal-ad {
-  display: none;
-}
-sparkle-facilitator-page .tab-content {
-  padding: 20px;
-}