{"version":3,"sources":["webpack:///./src/views/Tutorials.vue?78a1","webpack:///./node_modules/quasar/src/components/form/QForm.js","webpack:///./src/views/Tutorials.vue?7e62","webpack:///./src/components/tutorials/tutorialForm.vue?f0aa","webpack:///src/components/tutorials/tutorialForm.vue","webpack:///./src/components/tutorials/tutorialForm.vue?6d49","webpack:///./src/components/tutorials/tutorialForm.vue","webpack:///src/views/Tutorials.vue","webpack:///./src/views/Tutorials.vue?b080","webpack:///./src/views/Tutorials.vue","webpack:///./src/components/tutorials/tutorialForm.vue?6b45"],"names":["Vue","extend","name","mixins","ListenersMixin","props","autofocus","Boolean","noErrorFocus","noResetFocus","greedy","computed","onEvents","this","qListeners","submit","reset","mounted","validateIndex","focus","methods","validate","shouldFocus","promises","components","getValidationComponents","emit","res","ref","$emit","i","comp","valid","then","push","error","Promise","resolve","length","index","all","errors","filter","r","resetValidation","forEach","evt","stopAndPrevent","val","target","$nextTick","addFocusFn","$el","querySelector","Array","prototype","find","call","querySelectorAll","el","tabIndex","map","getElementsByClassName","field","__vue__","c","render","h","staticClass","on","slot","_vm","_h","$createElement","_c","_self","staticStyle","_v","attrs","$event","newDialog","dataLoading","loadData","scopedSlots","_u","key","fn","proxy","model","value","callback","$$v","search","expression","gridData","columns","handleDoubleClick","data","deletingTutorial","row","id","removeTutorial","_e","newFormData","state","createLoading","$refs","newForm","create","viewDetailsDialog","close","viewFormData","saveLoading","editForm","save","staticRenderFns","_b","formData","$set","siteCFG","fields","general","changeImage","thumbnail","myCroppa","component","QForm","QInput","QSelect","QBtn","QImg","QPage","QCard","QCardSection","QIcon","QSpace","QSeparator","QTd","QTooltip","QDialog"],"mappings":"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AA,KAAMC,SAAA,KAAOC,UAAA,KAAQC,OAAA,KAAKC,OAAA,O,cCiL7D,GACA,YACA,iBACA,gBAEA,2BACA,gBACA,+BACA,2BACA,0BACA,uCAGA,uBAEA,SACA,CACA,YACA,aACA,aACA,aACA,MACA,kGAEA,aAEA,CACA,eACA,gBACA,aACA,gBACA,MACA,kGACA,aAEA,CACA,cACA,eACA,aACA,eACA,MACA,kGACA,cAGA,UAEA,iBAEA,aAGA,gBACA,eACA,qBAGA,wBAEA,OACA,kBACA,qBAGA,mBACA,gBACA,oBAEA,SACA,8BACA,iEAEA,oBACA,2CAEA,kCACA,uBACA,6CACA,2BACA,2BAGA,2BAGA,iBACA,4CAEA,sCACA,YACA,gBACA,oEACA,eACA,4BACA,0BACA,oBACA,+BACA,kBACA,UACA,qBACA,SACA,4BACA,OAEA,kBACA,wBACA,oBACA,aACA,qBACA,gBACA,6BAGA,aACA,qBACA,gBACA,iEC/T4e,I,wHCQxe,EAAY,eACd,EACAhE,EACAiD,GACA,EACA,KACA,WACA,MAIa,eAAiB,QAahC,IAAS,EAAW,aAAc,CAACgB,QAAA,KAAMC,QAAA,KAAMC,eAAA,KAAaJ,OAAA,KAAKK,QAAA,KAAMC,SAAA,KAAOR,SAAA,KAAOS,aAAA,KAAWC,MAAA,KAAIC,WAAA,KAASC,UAAA,Q,kCChC7G,W","file":"js/tutorials.f4f4fbe6.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tutorials.vue?vue&type=style&index=0&id=7e46b026&lang=scss&scoped=true&\"","import Vue from 'vue'\n\nimport ListenersMixin from '../../mixins/listeners.js'\n\nimport { stopAndPrevent } from '../../utils/event.js'\nimport { slot } from '../../utils/slot.js'\nimport { addFocusFn } from '../../utils/focus-manager.js'\n\nexport default Vue.extend({\n  name: 'QForm',\n\n  mixins: [ ListenersMixin ],\n\n  props: {\n    autofocus: Boolean,\n    noErrorFocus: Boolean,\n    noResetFocus: Boolean,\n    greedy: Boolean\n  },\n\n  computed: {\n    onEvents () {\n      return {\n        ...this.qListeners,\n        submit: this.submit,\n        reset: this.reset\n      }\n    }\n  },\n\n  mounted () {\n    this.validateIndex = 0\n    this.autofocus === true && this.focus()\n  },\n\n  methods: {\n    validate (shouldFocus) {\n      const promises = []\n      const focus = typeof shouldFocus === 'boolean'\n        ? shouldFocus\n        : this.noErrorFocus !== true\n\n      this.validateIndex++\n\n      const components = this.getValidationComponents()\n\n      const emit = (res, ref) => {\n        this.$emit('validation-' + (res === true ? 'success' : 'error'), ref)\n      }\n\n      for (let i = 0; i < components.length; i++) {\n        const comp = components[i]\n        const valid = comp.validate()\n\n        if (typeof valid.then === 'function') {\n          promises.push(\n            valid.then(\n              valid => ({ valid, comp }),\n              error => ({ valid: false, comp, error })\n            )\n          )\n        }\n        else if (valid !== true) {\n          if (this.greedy === false) {\n            emit(false, comp)\n\n            if (focus === true && typeof comp.focus === 'function') {\n              comp.focus()\n            }\n\n            return Promise.resolve(false)\n          }\n\n          promises.push({ valid: false, comp })\n        }\n      }\n\n      if (promises.length === 0) {\n        emit(true)\n        return Promise.resolve(true)\n      }\n\n      const index = this.validateIndex\n\n      return Promise.all(promises).then(\n        res => {\n          if (index === this.validateIndex) {\n            const errors = res.filter(r => r.valid !== true)\n\n            if (errors.length === 0) {\n              emit(true)\n              return true\n            }\n\n            const { valid, comp } = errors[0]\n\n            emit(false, comp)\n\n            if (\n              focus === true &&\n              valid !== true &&\n              typeof comp.focus === 'function'\n            ) {\n              comp.focus()\n            }\n\n            return false\n          }\n        }\n      )\n    },\n\n    resetValidation () {\n      this.validateIndex++\n\n      this.getValidationComponents().forEach(comp => {\n        typeof comp.resetValidation === 'function' && comp.resetValidation()\n      })\n    },\n\n    submit (evt) {\n      evt !== void 0 && stopAndPrevent(evt)\n\n      this.validate().then(val => {\n        if (val === true) {\n          if (this.qListeners.submit !== void 0) {\n            this.$emit('submit', evt)\n          }\n          else if (evt !== void 0 && evt.target !== void 0 && typeof evt.target.submit === 'function') {\n            evt.target.submit()\n          }\n        }\n      })\n    },\n\n    reset (evt) {\n      evt !== void 0 && stopAndPrevent(evt)\n\n      this.$emit('reset')\n\n      this.$nextTick(() => { // allow userland to reset values before\n        this.resetValidation()\n        if (this.autofocus === true && this.noResetFocus !== true) {\n          this.focus()\n        }\n      })\n    },\n\n    focus () {\n      addFocusFn(() => {\n        if (!this.$el) { return }\n\n        const target = this.$el.querySelector('[autofocus], [data-autofocus]') ||\n          Array.prototype.find.call(this.$el.querySelectorAll('[tabindex]'), el => el.tabIndex > -1)\n\n        target !== null && target !== void 0 && target.focus()\n      })\n    },\n\n    getValidationComponents () {\n      return Array.prototype.map.call(\n        this.$el.getElementsByClassName('q-validation-component'),\n        field => field.__vue__\n      ).filter(c => c !== void 0 && typeof c.validate === 'function')\n    }\n  },\n\n  render (h) {\n    return h('form', {\n      staticClass: 'q-form',\n      on: this.onEvents\n    }, slot(this, 'default'))\n  }\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-page',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-card',[_c('q-card-section',[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"Tutorials\")]),_c('q-btn',{staticClass:\"q-ml-md\",attrs:{\"color\":\"primary\",\"text-color\":\"white\",\"no-caps\":\"\"},on:{\"click\":function($event){_vm.newDialog = true}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-plus-circle\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Add \")],1),_c('q-btn',{staticClass:\"q-ml-md\",attrs:{\"color\":\"secondaryButton\",\"text-color\":\"accent\",\"no-caps\":\"\",\"unelevated\":\"\",\"icon\":\"mdi-refresh\",\"loading\":_vm.dataLoading},on:{\"click\":_vm.loadData}}),_c('q-space'),_c('q-input',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"filled\":\"\",\"debounce\":\"200\",\"label\":\"Search\",\"clearable\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('q-icon',{attrs:{\"name\":\"mdi-magnify\"}})]},proxy:true}]),model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"q-pa-none\"},[(_vm.gridData)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 mt-0 pt-0\",staticStyle:{\"height\":\"calc(100vh - 260px) !important\"}},[_c('datatable',{attrs:{\"filter\":_vm.search,\"flat\":true,\"data\":_vm.gridData,\"columns\":_vm.columns},on:{\"rowDoubleClick\":_vm.handleDoubleClick},scopedSlots:_vm._u([{key:\"body-cell-actions\",fn:function(data){return [_c('q-td',{attrs:{\"props\":data.props}},[_c('q-btn',{attrs:{\"loading\":_vm.deletingTutorial == data.props.row.id,\"round\":\"\",\"flat\":\"\",\"color\":\"negative\"},on:{\"click\":function($event){return _vm.removeTutorial(data.props.row.id)}}},[_c('q-icon',{attrs:{\"name\":\"mdi-trash-can-outline\"}}),_c('q-tooltip',[_vm._v(\"Remove Tutorial\")])],1)],1)]}}],null,false,1347550082)})],1)])]):_vm._e()])],1)],1)]),_c('q-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"600px\"},model:{value:(_vm.newDialog),callback:function ($$v) {_vm.newDialog=$$v},expression:\"newDialog\"}},[(_vm.newDialog)?_c('q-card',{staticStyle:{\"width\":\"600px\",\"max-width\":\"90vw\"},attrs:{\"tile\":\"\"}},[_c('q-card-section',{staticClass:\"q-pa-sm q-pl-md\"},[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\" New Tutorial \")]),_c('q-space'),_c('q-btn',{attrs:{\"round\":\"\",\"flat\":\"\",\"icon\":\"mdi-close\"},on:{\"click\":function($event){_vm.newDialog = false;\n              _vm.newFormData = {};}}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"q-pa-none\"},[_c('tutorialForm',{ref:\"newForm\",on:{\"close\":function($event){_vm.newDialog = false},\"loadingStateChanged\":function (state) { return (_vm.createLoading = state); }}})],1),_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"float-right\",attrs:{\"loading\":_vm.createLoading,\"color\":\"primary\",\"no-caps\":\"\"},on:{\"click\":function($event){return _vm.$refs.newForm.create()}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-plus-circle\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Add \")],1)],1)])])],1):_vm._e()],1),_c('q-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"600px\"},model:{value:(_vm.viewDetailsDialog),callback:function ($$v) {_vm.viewDetailsDialog=$$v},expression:\"viewDetailsDialog\"}},[(_vm.viewDetailsDialog)?_c('q-card',{staticStyle:{\"width\":\"600px\",\"max-width\":\"90vw\"},attrs:{\"tile\":\"\"}},[_c('q-card-section',{staticClass:\"q-pa-sm q-pl-md\"},[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"Tutorial\")]),_c('q-space'),_c('q-btn',{attrs:{\"round\":\"\",\"flat\":\"\",\"icon\":\"mdi-close\"},on:{\"click\":_vm.close}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"q-pa-none\"},[_c('tutorialForm',{ref:\"editForm\",attrs:{\"id\":_vm.viewFormData.id},on:{\"close\":_vm.close,\"loadingStateChanged\":function (state) { return (_vm.saveLoading = state); }}})],1),_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"float-right\",attrs:{\"loading\":_vm.saveLoading,\"color\":\"primary\",\"no-caps\":\"\"},on:{\"click\":function($event){return _vm.$refs.editForm.save()}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-content-save\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Save \")],1)],1)])])],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-form',{ref:\"form\",staticClass:\"full-width q-px-md\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 q-pa-xs\"},[_c('q-input',_vm._b({attrs:{\"label\":\"Name\"},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 q-pa-xs\"},[_c('q-select',_vm._b({attrs:{\"label\":\"Section\",\"options\":['Design', 'Officiating', 'Entries']},model:{value:(_vm.formData.section),callback:function ($$v) {_vm.$set(_vm.formData, \"section\", $$v)},expression:\"formData.section\"}},'q-select',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 q-pa-xs\"},[_c('q-select',_vm._b({attrs:{\"label\":\"Status\",\"options\":['draft', 'live']},model:{value:(_vm.formData.status),callback:function ($$v) {_vm.$set(_vm.formData, \"status\", $$v)},expression:\"formData.status\"}},'q-select',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 q-pa-xs\"},[_c('q-input',_vm._b({attrs:{\"label\":\"Youtube Video ID (e.g. V8CqgMsNXC4)\",\"hint\":\"Found in the youtube url, after the v=V8CqgMsNXC4 (https://www.youtube.com/watch?v=V8CqgMsNXC4)\"},model:{value:(_vm.formData.youtubeLink),callback:function ($$v) {_vm.$set(_vm.formData, \"youtubeLink\", $$v)},expression:\"formData.youtubeLink\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row items-center text-center\"},[_c('div',{staticClass:\"col\"},[(_vm.changeImage || !_vm.formData.thumbnail)?_c('div',{staticStyle:{\"margin\":\"auto\",\"width\":\"300px\"}},[_c('croppa',{ref:\"imgCroppa\",attrs:{\"height\":300,\"width\":200,\"show-remove-button\":true,\"remove-button-color\":\"#68c6d2\",\"show-loading\":true,\"loading-size\":50,\"crossOrigin\":\"anonymous\",\"quality\":2,\"prevent-white-space\":false,\"placeholder\":'Choose an image (300x200)',\"placeholder-font-size\":15},model:{value:(_vm.myCroppa),callback:function ($$v) {_vm.myCroppa=$$v},expression:\"myCroppa\"}}),_c('q-btn',{staticClass:\"full-width\",attrs:{\"color\":\"negative\",\"label\":\"Cancel\"},on:{\"click\":function($event){_vm.changeImage = false;\n                _vm.myCroppa = null;}}})],1):_c('div',{staticStyle:{\"margin\":\"auto\",\"width\":\"300px\"}},[_c('q-img',{staticStyle:{\"height\":\"300px\",\"width\":\"200px\"},attrs:{\"src\":_vm.formData.thumbnail}}),_c('q-btn',{staticClass:\"full-width\",attrs:{\"color\":\"primary\",\"label\":\"Change\"},on:{\"click\":function($event){_vm.changeImage = true}}})],1)])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <q-form ref=\"form\" class=\"full-width q-px-md\">\n    <div class=\"row\">\n      <div class=\"col-12 q-pa-xs\">\n        <q-input\n          v-model=\"formData.name\"\n          label=\"Name\"\n          v-bind=\"siteCFG.fields.general\"\n        >\n        </q-input>\n      </div>\n      <div class=\"col-12 col-sm-6 q-pa-xs\">\n        <q-select\n          v-model=\"formData.section\"\n          label=\"Section\"\n          v-bind=\"siteCFG.fields.general\"\n          :options=\"['Design', 'Officiating', 'Entries']\"\n        >\n        </q-select>\n      </div>\n      <div class=\"col-12 col-sm-6 q-pa-xs\">\n        <q-select\n          v-model=\"formData.status\"\n          label=\"Status\"\n          v-bind=\"siteCFG.fields.general\"\n          :options=\"['draft', 'live']\"\n        >\n        </q-select>\n      </div>\n      <div class=\"col-12 q-pa-xs\">\n        <q-input\n          v-model=\"formData.youtubeLink\"\n          label=\"Youtube Video ID (e.g. V8CqgMsNXC4)\"\n          v-bind=\"siteCFG.fields.general\"\n          hint=\"Found in the youtube url, after the v=V8CqgMsNXC4 (https://www.youtube.com/watch?v=V8CqgMsNXC4)\"\n        >\n        </q-input>\n      </div>\n      <div class=\"col-12\">\n        <div class=\"row items-center text-center\">\n          <div class=\"col\">\n            <div\n              v-if=\"changeImage || !formData.thumbnail\"\n              style=\"margin: auto; width: 300px;\"\n            >\n              <croppa\n                ref=\"imgCroppa\"\n                :height=\"300\"\n                :width=\"200\"\n                :show-remove-button=\"true\"\n                v-model=\"myCroppa\"\n                remove-button-color=\"#68c6d2\"\n                :show-loading=\"true\"\n                :loading-size=\"50\"\n                crossOrigin=\"anonymous\"\n                :quality=\"2\"\n                :prevent-white-space=\"false\"\n                :placeholder=\"'Choose an image (300x200)'\"\n                :placeholder-font-size=\"15\"\n              >\n              </croppa>\n              <q-btn\n                class=\"full-width\"\n                color=\"negative\"\n                label=\"Cancel\"\n                @click=\"\n                  changeImage = false;\n                  myCroppa = null;\n                \"\n              >\n              </q-btn>\n            </div>\n            <div v-else style=\"margin: auto; width: 300px\">\n              <q-img\n                :src=\"formData.thumbnail\"\n                style=\"height: 300px; width: 200px\"\n              >\n              </q-img>\n              <q-btn\n                class=\"full-width\"\n                color=\"primary\"\n                label=\"Change\"\n                @click=\"changeImage = true\"\n              >\n              </q-btn>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </q-form>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      currentUserData: \"auth/currentUserData\",\n      siteCFG: \"settings/siteCFG\",\n      data: \"tutorials/current\",\n      dataLoading: \"tutorials/currentLoading\"\n    })\n  },\n  props: {\n    id: {\n      default: null\n    }\n  },\n  watch: {\n    id: function() {\n      this.init();\n    },\n    data: function() {\n      this.init();\n    }\n  },\n  data: () => ({\n    // Extra Data\n    formData: {\n      status: \"draft\"\n    },\n    tab: \"general\",\n\n    // Croppa\n    changeImage: false,\n    myCroppa: null\n  }),\n  beforeCreate() {},\n  mounted() {\n    this.init();\n    this.$store.dispatch(\"tutorials/loadByID\", this.id);\n  },\n  methods: {\n    init() {\n      if (this.data != null && this.data.id == this.id) {\n        this.formData = JSON.parse(JSON.stringify(this.data));\n      } else {\n        this.formData = {\n          status: \"draft\"\n        };\n      }\n    },\n    create() {\n      this.$emit(\"loadingStateChanged\", true);\n\n      this.$refs.form.validate().then(result => {\n        if (result) {\n          if (this.myCroppa && this.myCroppa.imageSet) {\n            this.formData.image = {\n              dataUrl: this.myCroppa.generateDataUrl()\n            };\n          } else {\n            delete this.formData.image;\n          }\n          let payload = JSON.parse(JSON.stringify(this.formData));\n          this.$store.dispatch(\"tutorials/new\", payload).then(result => {\n            this.$emit(\"loadingStateChanged\", false);\n            if (result.Result == \"Success\") {\n              this.$emit(\"close\", true);\n              this.formData = {};\n              this.$q.notify({\n                position: \"top-right\",\n                type: \"positive\",\n                message: result.Response.Message\n              });\n            } else {\n              this.$q.notify({\n                position: \"top-right\",\n                type: \"negative\",\n                message: result.Response.Message\n              });\n            }\n          });\n        } else {\n          this.$emit(\"loadingStateChanged\", false);\n        }\n      });\n    },\n    save() {\n      this.$emit(\"loadingStateChanged\", true);\n\n      if (this.myCroppa && this.myCroppa.imageSet) {\n        this.formData.image = {\n          dataUrl: this.myCroppa.generateDataUrl()\n        };\n      } else {\n        delete this.formData.image;\n      }\n      let payload = JSON.parse(JSON.stringify(this.formData));\n\n      this.$store.dispatch(\"tutorials/save\", payload).then(result => {\n        this.$emit(\"loadingStateChanged\", false);\n        if (result.Result == \"Success\") {\n          this.address = \"\";\n          this.$emit(\"close\", true);\n          this.$q.notify({\n            position: \"top-right\",\n            type: \"positive\",\n            message: result.Response.Message\n          });\n        } else {\n          this.$q.notify({\n            position: \"top-right\",\n            type: \"negative\",\n            message: \"There was an Error, Please try again later\"\n          });\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.formSubTitle {\n  font-weight: bold;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tutorialForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tutorialForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tutorialForm.vue?vue&type=template&id=3febd70c&scoped=true&\"\nimport script from \"./tutorialForm.vue?vue&type=script&lang=js&\"\nexport * from \"./tutorialForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tutorialForm.vue?vue&type=style&index=0&id=3febd70c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3febd70c\",\n  null\n  \n)\n\nexport default component.exports\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QForm,QInput,QSelect,QBtn,QImg});\n","<template>\n  <q-page>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <q-card>\n          <q-card-section>\n            <div class=\"row items-center\">\n              <div style=\"display: inline-block\" class=\"text-h6\">Tutorials</div>\n              <q-btn\n                class=\"q-ml-md\"\n                color=\"primary\"\n                text-color=\"white\"\n                no-caps\n                @click=\"newDialog = true\"\n              >\n                <q-icon\n                  name=\"mdi-plus-circle\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Add\n              </q-btn>\n              <q-btn\n                class=\"q-ml-md\"\n                color=\"secondaryButton\"\n                text-color=\"accent\"\n                no-caps\n                unelevated\n                icon=\"mdi-refresh\"\n                :loading=\"dataLoading\"\n                @click=\"loadData\"\n              >\n              </q-btn>\n              <q-space />\n              <q-input\n                style=\"max-width: 70%\"\n                filled\n                v-model=\"search\"\n                debounce=\"200\"\n                label=\"Search\"\n                clearable\n                dense\n              >\n                <template #prepend>\n                  <q-icon name=\"mdi-magnify\"> </q-icon>\n                </template>\n              </q-input>\n            </div>\n          </q-card-section>\n\n          <q-separator />\n          <q-card-section class=\"q-pa-none\">\n            <div v-if=\"gridData\">\n              <div class=\"row\">\n                <!-- <div class=\"col-12 my-0 py-0 pl-6\">\n                  *Double click row to open\n                </div> -->\n\n                <div\n                  class=\"col-12 mt-0 pt-0\"\n                  style=\"height: calc(100vh - 260px) !important\"\n                >\n                  <datatable\n                    :filter=\"search\"\n                    :flat=\"true\"\n                    :data=\"gridData\"\n                    :columns=\"columns\"\n                    @rowDoubleClick=\"handleDoubleClick\"\n                  >\n                    <template slot=\"body-cell-actions\" slot-scope=\"data\">\n                      <q-td :props=\"data.props\">\n                        <q-btn\n                          :loading=\"deletingTutorial == data.props.row.id\"\n                          @click=\"removeTutorial(data.props.row.id)\"\n                          round\n                          flat\n                          color=\"negative\"\n                        >\n                          <q-icon name=\"mdi-trash-can-outline\"></q-icon>\n                          <q-tooltip>Remove Tutorial</q-tooltip>\n                        </q-btn>\n                      </q-td>\n                    </template>\n                  </datatable>\n                </div>\n              </div>\n            </div>\n          </q-card-section>\n          <!-- <expandedToolbar\n            :newButton=\"true\"\n            @newButtonClick=\"newDialog = true\"\n          /> -->\n        </q-card>\n      </div>\n    </div>\n    <q-dialog v-model=\"newDialog\" persistent max-width=\"600px\">\n      <q-card v-if=\"newDialog\" tile style=\"width: 600px; max-width: 90vw\">\n        <q-card-section class=\"q-pa-sm q-pl-md\">\n          <div class=\"row items-center\">\n            <div style=\"display: inline-block\" class=\"text-h6\">\n              New Tutorial\n            </div>\n            <q-space />\n            <q-btn\n              round\n              flat\n              icon=\"mdi-close\"\n              @click=\"\n                newDialog = false;\n                newFormData = {};\n              \"\n            >\n            </q-btn>\n          </div>\n        </q-card-section>\n        <q-separator />\n        <q-card-section class=\"q-pa-none\">\n          <tutorialForm\n            ref=\"newForm\"\n            @close=\"newDialog = false\"\n            @loadingStateChanged=\"state => (createLoading = state)\"\n          />\n        </q-card-section>\n        <q-card-section>\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <q-btn\n                @click=\"$refs.newForm.create()\"\n                :loading=\"createLoading\"\n                color=\"primary\"\n                no-caps\n                class=\"float-right\"\n              >\n                <q-icon\n                  name=\"mdi-plus-circle\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Add\n              </q-btn>\n            </div>\n          </div>\n        </q-card-section>\n      </q-card>\n    </q-dialog>\n    <q-dialog v-model=\"viewDetailsDialog\" persistent max-width=\"600px\">\n      <q-card\n        v-if=\"viewDetailsDialog\"\n        tile\n        style=\"width: 600px; max-width: 90vw\"\n      >\n        <q-card-section class=\"q-pa-sm q-pl-md\">\n          <div class=\"row items-center\">\n            <div style=\"display: inline-block\" class=\"text-h6\">Tutorial</div>\n            <q-space />\n            <q-btn round flat icon=\"mdi-close\" @click=\"close\"> </q-btn>\n          </div>\n        </q-card-section>\n        <q-separator />\n        <q-card-section class=\"q-pa-none\">\n          <tutorialForm\n            ref=\"editForm\"\n            :id=\"viewFormData.id\"\n            @close=\"close\"\n            @loadingStateChanged=\"state => (saveLoading = state)\"\n          />\n        </q-card-section>\n        <q-card-section>\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <q-btn\n                @click=\"$refs.editForm.save()\"\n                :loading=\"saveLoading\"\n                color=\"primary\"\n                no-caps\n                class=\"float-right\"\n              >\n                <q-icon\n                  name=\"mdi-content-save\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Save\n              </q-btn>\n            </div>\n          </div>\n        </q-card-section>\n      </q-card>\n    </q-dialog>\n  </q-page>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport datatable from \"@/components/datatable/datatable.vue\";\nimport tutorialForm from \"@/components/tutorials/tutorialForm.vue\";\nimport moment from \"moment\";\n\n// import { Notify } from \"quasar\";\n\nexport default {\n  components: {\n    datatable,\n    tutorialForm\n  },\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      siteCFG: \"settings/siteCFG\",\n      gridData: \"tutorials/list\",\n      dataLoading: \"tutorials/listLoading\"\n    })\n  },\n  data: () => ({\n    // data-table\n    columns: [\n      {\n        name: \"name\",\n        label: \"Name\",\n        align: \"left\",\n        field: \"name\",\n        style:\n          \"min-width: 150px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\",\n\n        sortable: true\n      },\n      {\n        name: \"section\",\n        label: \"Section\",\n        align: \"left\",\n        field: \"section\",\n        style:\n          \"min-width: 150px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\",\n        sortable: true\n      },\n      {\n        name: \"status\",\n        label: \"Status\",\n        align: \"left\",\n        field: \"status\",\n        style:\n          \"min-width: 150px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\",\n        sortable: true\n      }\n    ],\n    search: \"\",\n\n    createLoading: false,\n\n    newDialog: false,\n\n    // View and Edit\n    viewFormData: {},\n    saveLoading: false,\n    viewDetailsDialog: false,\n\n    // Deleting Codes\n    deletingTutorial: null\n  }),\n  watch: {\n    $route: function() {\n      this.handleRoute();\n    }\n  },\n  mounted() {\n    this.loadData();\n    this.handleRoute();\n  },\n  methods: {\n    handleDoubleClick(row) {\n      this.$router.push(`${this.$route.path}/${row.id}`);\n    },\n    loadData() {\n      this.$store.dispatch(\"tutorials/loadAll\");\n    },\n    handleRoute() {\n      if (this.$route.params.id) {\n        this.viewFormData = { id: this.$route.params.id };\n        this.$nextTick(() => {\n          this.viewDetailsDialog = true;\n        });\n      } else {\n        this.viewDetailsDialog = false;\n      }\n    },\n    close() {\n      this.$router.push(\"/management/tutorials\");\n    },\n    removeTutorial(id) {\n      this.$swal({\n        title: \"Warning\",\n        text: \"You are about to delete a Tutorial, do you wish to continue?\",\n        type: \"warning\",\n        confirmButtonText: \"Confirm\",\n        cancelButtonText: \"Cancel\",\n        showCancelButton: true,\n        confirmButtonColor: \"#f58122\"\n      }).then(res => {\n        if (res.value) {\n          this.deletingTutorial = id;\n          this.$store\n            .dispatch(\"tutorial/delete\", {\n              id: id\n            })\n            .then(result => {\n              this.deletingTutorial = null;\n              if (result.Result == \"Success\") {\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"positive\",\n                  message: result.Response.Message\n                });\n              } else {\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"negative\",\n                  message: \"There was an Error, Please try again later\"\n                });\n              }\n            });\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#depthCard:hover {\n  background: #5cb3ff;\n  color: white;\n}\n\n.formHeight {\n  min-height: calc(100vh - 175px);\n  max-height: 1000px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tutorials.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tutorials.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tutorials.vue?vue&type=template&id=7e46b026&scoped=true&\"\nimport script from \"./Tutorials.vue?vue&type=script&lang=js&\"\nexport * from \"./Tutorials.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tutorials.vue?vue&type=style&index=0&id=7e46b026&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e46b026\",\n  null\n  \n)\n\nexport default component.exports\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QSpace from 'quasar/src/components/space/QSpace.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport QTd from 'quasar/src/components/table/QTd.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QDialog from 'quasar/src/components/dialog/QDialog.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QPage,QCard,QCardSection,QBtn,QIcon,QSpace,QInput,QSeparator,QTd,QTooltip,QDialog});\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tutorialForm.vue?vue&type=style&index=0&id=3febd70c&lang=scss&scoped=true&\""],"sourceRoot":""}