{"version":3,"sources":["webpack:///./src/views/admin/AccountBranding.vue?31a2","webpack:///./src/views/admin/AccountBranding.vue?fb8c","webpack:///src/views/admin/AccountBranding.vue","webpack:///./src/views/admin/AccountBranding.vue?2ec9","webpack:///./src/views/admin/AccountBranding.vue?e1a6"],"names":["_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AccountBranding_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AccountBranding_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","id","ref","staticStyle","width","float","color","on","click","Save","style","onmousemove","onmouseleave","display","size","src","Date","now","type","change","successUpload","staticRenderFns","AccountBrandingvue_type_script_lang_js_","name","props","value","String","default","language","data","editor","mounted","instance","req","JSON","stringify","query","self","MonacoEnvironment","getWorkerUrl","moduleId","label","editor_main","defineTheme","base","inherit","rules","background","colors","editor.selectionBackground","editor.inactiveSelectionBackground","setTheme","create","document","getElementById","theme","folding","minimap","enabled","scrollbar","handleMouseWheel","alwaysConsumeMouseWheel","scrollBeyondLastColumn","scrollBeyondLastLine","addShortcutKeys","TCVelikClient","PostRelative","headers","Content-Type","Accept","then","result","applicationSettings","setValue","methods","addCommand","CtrlCmd","KeyS","_successUpload","Object","asyncToGenerator","regeneratorRuntime","mark","_callee","evt","file","result_base64","wrap","_context","prev","next","srcElement","files","Promise","resolve","fileReader","FileReader","onload","e","readAsDataURL","sent","$refs","avatar1","uploadImage","stop","_x","apply","arguments","_uploadImage","_callee2","base64Image","imageFileName","_context2","FileName","FileData","response","$vs","notify","title","iconPack","position","icon","catch","err","_x2","_x3","fileToBase64","reject","reader","split","onerror","error","content","getValue","variables","key","addOrEditAppSettings","alert","beforeDestroy","dispose","admin_AccountBrandingvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-19e8f9aa.fd98905b.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountBranding.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountBranding.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"editor-wrapper\"},[_c('h1',[_vm._v(\"Account Branding:\")]),_c('br'),_c('div',{attrs:{\"id\":\"editor-container\"}}),_c('vs-button',{ref:\"markAsCompletedButton\",staticStyle:{\"width\":\"100px\",\"float\":\"right\"},attrs:{\"color\":\"success\",\"id\":\"btn-complete\"},on:{\"click\":_vm.Save}},[_vm._v(\"\\n      Save\\n    \")])],1),_c('h1',{staticClass:\"mt-10\"},[_vm._v(\"Favicon:\")]),_c('div',{style:('margin-right: 20px; position: relative;  float: left; width: 80px; height: 80px;'),attrs:{\"onmousemove\":\"this.classList.add('hover')\",\"onmouseleave\":\"this.classList.remove('hover')\"}},[_c('vs-avatar',{ref:\"avatar1\",staticStyle:{\"display\":\"inline-block\",\"float\":\"left\"},attrs:{\"size\":\"64px\",\"src\":(\"/favicon.ico?nocache=\" + (Date.now()))}}),_c('label',{staticClass:\"custom-file-upload\"},[_c('input',{ref:\"photoUpload\",staticClass:\"avatar-hover\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\"},on:{\"change\":_vm.successUpload}}),_c('i',{staticClass:\"fa fa-cloud-upload\"},[_vm._v(\"...\")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"editor-wrapper\">\r\n      <h1>Account Branding:</h1>\r\n      <br />\r\n      <!-- The container where Monaco Editor will be rendered -->\r\n      <div id=\"editor-container\"></div>\r\n      <vs-button @click=\"Save\"\r\n                 ref=\"markAsCompletedButton\"\r\n                 color=\"success\" id=\"btn-complete\"\r\n                 class=\"\"\r\n                 style=\"width:100px; float:right;\">\r\n        Save\r\n      </vs-button>\r\n    </div>\r\n    <h1 class=\"mt-10\">Favicon:</h1>\r\n    <div :style=\"'margin-right: 20px; position: relative;  float: left; width: 80px; height: 80px;'\"\r\n         onmousemove=\"this.classList.add('hover')\"\r\n         onmouseleave=\"this.classList.remove('hover')\">\r\n      <vs-avatar ref=\"avatar1\"\r\n                 size=\"64px\"\r\n                 style=\"display: inline-block; float: left\"\r\n                 :src=\"`/favicon.ico?nocache=${Date.now()}`\" />\r\n      <label class=\"custom-file-upload\">\r\n        <input class=\"avatar-hover\"\r\n               style=\"display:none;\"\r\n               type=\"file\"\r\n               @change=\"successUpload\"\r\n               ref=\"photoUpload\" />\r\n        <i class=\"fa fa-cloud-upload\">...</i>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n  import * as monaco from 'monaco-editor';\r\n  import TCVelikClient from '@/TCVelikClient/TCVelikClient.js'\r\n\r\n  export default {\r\n    name: 'MonacoEditorComponent',\r\n    props: {\r\n      value: {\r\n        type: String,\r\n        default: '',\r\n      },\r\n      language: {\r\n        type: String,\r\n        default: 'json', // Default language for syntax highlighting\r\n      },\r\n    },\r\n    data() {\r\n      return {\r\n        editor: null, // Reference to the Monaco Editor instance\r\n      };\r\n    },\r\n    mounted() {\r\n      var instance = this;\r\n      var req = JSON.stringify({\r\n        query: `query ApplicationSettings {\r\n                  applicationSettings {\r\n                    key,\r\n                    value\r\n                  }\r\n                }`\r\n      });\r\n\r\n      self.MonacoEnvironment = {\r\n        getWorkerUrl: function (moduleId, label) {\r\n          return './monaco-editor-worker-loader-proxy.js'; // Adjust path as needed\r\n        },\r\n      };\r\n\r\n      monaco.editor.defineTheme('TCVelikTheme', {\r\n        base: 'vs', // Light theme as the base\r\n        inherit: true,\r\n        rules: [{ background: 'EDF9FA' }],\r\n        colors: {\r\n          'editor.selectionBackground': '#f2e7ff',\r\n          'editor.inactiveSelectionBackground': '#f2e7ff',\r\n        },\r\n      });\r\n\r\n      monaco.editor.setTheme('TCVelikTheme');\r\n\r\n      // Initialize the Monaco Editor\r\n      this.editor = monaco.editor.create(document.getElementById('editor-container'), {\r\n        value: this.value,\r\n        language: this.language,\r\n        theme: 'TCVelikTheme',\r\n        folding: true,\r\n        minimap: { enabled: false },\r\n        scrollbar: {\r\n          handleMouseWheel: false,\r\n          alwaysConsumeMouseWheel: false,\r\n        },\r\n        scrollBeyondLastColumn: false,\r\n        scrollBeyondLastLine: false,\r\n      });\r\n\r\n      this.addShortcutKeys();\r\n\r\n      TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n          'Accept': 'application/json',\r\n        }\r\n      }).then(function (result) {\r\n        if (result && result.data && result.data.data && result.data.data.applicationSettings && result.data.data.applicationSettings[0] != null) {\r\n          instance.editor.setValue(result.data.data.applicationSettings[0].value);\r\n        }\r\n      });\r\n\r\n    },\r\n    methods: {\r\n      addShortcutKeys() {\r\n        this.editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {\r\n          // Get the editor content\r\n\r\n          // Trigger your save logic\r\n        });\r\n      },\r\n\r\n      async successUpload(evt) {\r\n        var file = evt.srcElement.files[0];\r\n        if (file) {\r\n          let result_base64 = await new Promise((resolve) => {\r\n            let fileReader = new FileReader();\r\n            fileReader.onload = (e) => resolve(fileReader.result);\r\n            fileReader.readAsDataURL(file);\r\n          });\r\n\r\n          this.$refs.avatar1.src = result_base64 + \"nocache\";\r\n          this.uploadImage(result_base64, file.name);\r\n          // this.CommitPhotoField(this.Contact, result_base64, this.FieldName);\r\n        }\r\n      },\r\n\r\n      async uploadImage(base64Image, imageFileName) {\r\n        var instance = this;\r\n        TCVelikClient.PostRelative(\"/api/admin/ChangeFavicon\", {\r\n          FileName: imageFileName, FileData: base64Image\r\n        }).then(function (response) {\r\n          if (response) {\r\n            instance.$vs.notify({\r\n              title: \"Changed icon.\",\r\n              color: \"success\",\r\n              iconPack: \"feather\",\r\n              position: \"top-center\",\r\n              icon: \"icon-check-circle\",\r\n            });\r\n          }\r\n        }).catch(err => {\r\n          instance.$vs.notify({\r\n            title: \"There was a problem saving your icon.\",\r\n            color: \"danger\",\r\n            iconPack: \"feather\",\r\n            position: \"top-center\",\r\n            icon: \"icon-check-circle\",\r\n          });\r\n        })\r\n\r\n      },\r\n\r\n      fileToBase64(file) {\r\n        return new Promise((resolve, reject) => {\r\n          const reader = new FileReader();\r\n          reader.readAsDataURL(file);\r\n          reader.onload = () => resolve(reader.result.split(',')[1]); // Strip off metadata part\r\n          reader.onerror = error => reject(error);\r\n        });\r\n      },\r\n\r\n      Save() {\r\n        const content = this.editor.getValue();\r\n        var instance = this;\r\n        const query = `mutation AddOrEditAppSettings($value: String!, $key: String!) {\r\n                            addOrEditAppSettings(value: $value, key: $key) {\r\n\r\n                            }\r\n                        }`;\r\n\r\n        var variables = {\r\n          value: content,\r\n          key: \"AccountBranding\"\r\n        };\r\n\r\n        const req = {\r\n          query,\r\n          variables\r\n        };\r\n        TCVelikClient.PostRelative(\"/api/graphql\", req, {\r\n          headers: {\r\n            'Content-Type': 'application/json',\r\n            'Accept': 'application/json',\r\n          }\r\n        }).then(function (response) {\r\n          if (response.data.data.addOrEditAppSettings === true) {\r\n            alert('Saved');\r\n          }\r\n        });\r\n      }\r\n    },\r\n    beforeDestroy() {\r\n      // Dispose of the editor instance to clean up resources\r\n      if (this.editor) {\r\n        this.editor.dispose();\r\n      }\r\n    },\r\n  };\r\n</script>\r\n\r\n<style>\r\n  /* Wrapper to ensure the editor fills the viewport */\r\n  .editor-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 60vh; /* Full viewport height */\r\n    margin: 0;\r\n  }\r\n\r\n  /* Ensure the editor container fills available space */\r\n  #editor-container {\r\n    flex-grow: 1; /* Takes up remaining space in the wrapper */\r\n    width: 100%;\r\n  }\r\n\r\n  .custom-file-upload {\r\n    position: absolute;\r\n    border: 1px solid #ccc;\r\n    display: inline-block;\r\n    padding: 6px 12px;\r\n    cursor: pointer;\r\n    bottom: 0px;\r\n    right: 0px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountBranding.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountBranding.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountBranding.vue?vue&type=template&id=299d5542&\"\nimport script from \"./AccountBranding.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountBranding.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountBranding.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}