(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[10],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/HelpText/HelpText.vue?vue&type=script&lang=js": /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelpText/HelpText.vue?vue&type=script&lang=js ***! \*************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _tinymce_tinymce_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tinymce/tinymce-vue */ \"./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _lib_tinyMCEKeys__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../lib/tinyMCEKeys */ \"./src/lib/tinyMCEKeys.js\");\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n slugProp: {\n type: String,\n required: true\n },\n defaultColor: {\n type: String,\n default: 'secondary'\n }\n },\n data() {\n return {\n tinyMCEKey: _lib_tinyMCEKeys__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n popupDialogDisplayed: false,\n editMode: false,\n editUser: null,\n helpTextObject: {\n html: '',\n updatedAt: null,\n slug: '',\n createUser: null,\n id: null\n },\n helpTextViewedObject: {\n HtmlTextId: null,\n UserId: null,\n viewed: null,\n id: null\n }\n };\n },\n components: {\n Editor: _tinymce_tinymce_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]\n },\n computed: {\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_1__[\"mapGetters\"])('AuthUser', ['permissions']),\n iconColor() {\n if (this.helpTextViewedObject && this.helpTextViewedObject.viewed < this.helpTextObject.updatedAt) {\n return 'green';\n } else {\n return this.defaultColor;\n }\n }\n },\n beforeMount() {\n console.debug('HelpText form mounted'); // unique form name\n this.$store.dispatch('HelpText/initBySlug', this.slugProp).then(helpTextData => {\n if (helpTextData) {\n this.helpTextObject = helpTextData;\n this.$store.dispatch('User/pullData').then(data => {\n this.editUser = data.find(user => user.id === helpTextData.editUser);\n });\n } else {\n this.helpTextObject.slug = this.slugProp;\n }\n });\n\n // init by slug allows this to load in parallel rather than sequentially\n this.$store.dispatch('UserHelpTextViews/initBySlug', this.slugProp).then(helpTextViewData => {\n if (helpTextViewData) {\n this.helpTextViewedObject = helpTextViewData;\n }\n // defaults occur during save\n });\n },\n methods: {\n view() {\n this.popupDialogDisplayed = true;\n this.userViewedText();\n },\n close() {\n this.popupDialogDisplayed = false;\n },\n userViewedText() {\n if (this.helpTextObject.id) {\n // id is null by default, or loaded on component initialization\n this.helpTextViewedObject.HtmlTextId = this.helpTextObject.id; // could be null by default\n this.helpTextViewedObject.viewed = Date.now();\n this.$store.dispatch('UserHelpTextViews/saveDataObject', this.helpTextViewedObject);\n }\n },\n doSave() {\n this.$store.dispatch('HelpText/saveDataObject', this.helpTextObject).then(() => {\n this.editMode = false;\n this.close();\n });\n },\n clear() {\n this.helpTextObject.html = '';\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/HelpText/HelpText.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"57799412-vue-loader-template\"}!./node_modules/vuetify-loader/lib/loader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/HelpText/HelpText.vue?vue&type=template&id=0f7ae58f": /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"57799412-vue-loader-template"}!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelpText/HelpText.vue?vue&type=template&id=0f7ae58f ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\n/* harmony import */ var vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuetify/lib/components/VBtn */ \"./node_modules/vuetify/lib/components/VBtn/index.js\");\n/* harmony import */ var vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vuetify/lib/components/VCard */ \"./node_modules/vuetify/lib/components/VCard/index.js\");\n/* harmony import */ var vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuetify/lib/components/VGrid */ \"./node_modules/vuetify/lib/components/VGrid/index.js\");\n/* harmony import */ var vuetify_lib_components_VDialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuetify/lib/components/VDialog */ \"./node_modules/vuetify/lib/components/VDialog/index.js\");\n/* harmony import */ var vuetify_lib_components_VFooter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuetify/lib/components/VFooter */ \"./node_modules/vuetify/lib/components/VFooter/index.js\");\n/* harmony import */ var vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuetify/lib/components/VIcon */ \"./node_modules/vuetify/lib/components/VIcon/index.js\");\n/* harmony import */ var vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuetify/lib/components/VToolbar */ \"./node_modules/vuetify/lib/components/VToolbar/index.js\");\n\n\n\n\n\n\n\n\n\n\n\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(vuetify_lib_components_VDialog__WEBPACK_IMPORTED_MODULE_3__[\"VDialog\"], {\n attrs: {\n persistent: \"\"\n },\n scopedSlots: _vm._u([{\n key: \"activator\",\n fn: function ({\n on: dialog\n }) {\n return [_c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], _vm._g({\n attrs: {\n icon: \"\"\n },\n on: {\n click: _vm.view\n }\n }, {\n dialog\n }), [_c(vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_5__[\"VIcon\"], {\n attrs: {\n color: _vm.iconColor,\n small: \"\"\n }\n }, [_vm._v(\"mdi-help-circle\")])], 1)];\n }\n }]),\n model: {\n value: _vm.popupDialogDisplayed,\n callback: function ($$v) {\n _vm.popupDialogDisplayed = $$v;\n },\n expression: \"popupDialogDisplayed\"\n }\n }, [!_vm.editMode ? _c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCard\"], [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_6__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"secondary\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_6__[\"VToolbarTitle\"], {\n staticClass: \"white--text\",\n staticStyle: {\n width: \"auto\"\n }\n }, [_vm._v(\"Help Text\")]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VSpacer\"]), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n color: \"error\",\n title: \"\",\n small: \"\"\n },\n on: {\n click: _vm.close\n }\n }, [_c(vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_5__[\"VIcon\"], [_vm._v(\"mdi-window-close\")])], 1)], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n staticClass: \"ma-4\"\n }, [_c(\"div\", {\n domProps: {\n innerHTML: _vm._s(_vm.helpTextObject.html)\n }\n })])], 1), _c(vuetify_lib_components_VFooter__WEBPACK_IMPORTED_MODULE_4__[\"VFooter\"], {\n attrs: {\n aligh: \"center\"\n }\n }, [_vm._v(\"This was last edited by: \" + _vm._s(_vm.editUser ? _vm.editUser.fullName : \"NEW HELP TEXT\") + \" on \" + _vm._s(_vm._f(\"prettyDateTime\")(_vm.helpTextObject.updatedAt)))]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n staticClass: \"mb-4\",\n attrs: {\n align: \"right\"\n }\n }, [_vm.permissions.helpText ? _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n staticClass: \"mr-4 rounded-0\",\n attrs: {\n small: \"\",\n color: \"success\"\n },\n on: {\n click: function ($event) {\n _vm.editMode = !_vm.editMode;\n }\n }\n }, [_vm._v(\"Edit \")]) : _vm._e()], 1)], 1)], 1) : _vm._e(), _vm.editMode ? _c(vuetify_lib_components_VCard__WEBPACK_IMPORTED_MODULE_1__[\"VCard\"], [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_6__[\"VToolbar\"], {\n attrs: {\n dense: \"\",\n flat: \"\",\n color: \"secondary\"\n }\n }, [_c(vuetify_lib_components_VToolbar__WEBPACK_IMPORTED_MODULE_6__[\"VToolbarTitle\"], {\n staticClass: \"white--text\",\n staticStyle: {\n width: \"auto\"\n }\n }, [_vm._v(\"Help Text\")]), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VSpacer\"]), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n attrs: {\n color: \"error\",\n title: \"\",\n small: \"\"\n },\n on: {\n click: _vm.close\n }\n }, [_c(vuetify_lib_components_VIcon__WEBPACK_IMPORTED_MODULE_5__[\"VIcon\"], [_vm._v(\"mdi-window-close\")])], 1)], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VRow\"], [_c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n attrs: {\n cols: \"12\"\n }\n }, [_vm.popupDialogDisplayed ? _c(\"Editor\", {\n attrs: {\n \"api-key\": _vm.tinyMCEKey,\n init: {\n height: 300,\n menubar: false,\n plugins: [\"advlist autolink lists link image charmap print preview anchor\", \"searchreplace visualblocks code fullscreen\", \"insertdatetime media table paste code help wordcount\"],\n contextmenu: false,\n toolbar: \"undo redo | formatselect | bold italic backcolor | \\\n alignleft aligncenter alignright alignjustify | \\\n bullist numlist outdent indent | removeformat | help\"\n }\n },\n model: {\n value: _vm.helpTextObject.html,\n callback: function ($$v) {\n _vm.$set(_vm.helpTextObject, \"html\", $$v);\n },\n expression: \"helpTextObject.html\"\n }\n }) : _vm._e()], 1), _c(vuetify_lib_components_VGrid__WEBPACK_IMPORTED_MODULE_2__[\"VCol\"], {\n staticClass: \"mt-3 mb-3\",\n attrs: {\n align: \"right\"\n }\n }, [_c(\"SaveButton\", {\n staticClass: \"mr-4 rounded-0\",\n attrs: {\n module: \"HelpText\",\n customSaveFunction: _vm.doSave\n }\n }), _c(vuetify_lib_components_VBtn__WEBPACK_IMPORTED_MODULE_0__[\"VBtn\"], {\n staticClass: \"mr-4 rounded-0\",\n attrs: {\n small: \"\",\n color: \"secondary\"\n },\n on: {\n click: _vm.clear\n }\n }, [_vm._v(\"Clear\")])], 1)], 1)], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack:///./src/components/HelpText/HelpText.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2257799412-vue-loader-template%22%7D!./node_modules/vuetify-loader/lib/loader.js??ref--4!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--7!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/HelpText/HelpText.vue?vue&type=style&index=0&id=0f7ae58f&lang=scss": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelpText/HelpText.vue?vue&type=style&index=0&id=0f7ae58f&lang=scss ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".mdc-typography-style-headline {\\n font-family: Roboto;\\n font-size: 16 .mdc-typography-style-headline --error;\\n font-size-color: red;\\n}\\n.formHeading {\\n font-weight: bold;\\n text-transform: uppercase;\\n text-align: left;\\n color: #3853A3;\\n}\\n.toolbarTitle {\\n width: 600px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/components/HelpText/HelpText.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/HelpText/HelpText.vue?vue&type=style&index=0&id=0f7ae58f&lang=scss": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--9-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelpText/HelpText.vue?vue&type=style&index=0&id=0f7ae58f&lang=scss ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a