{"version":3,"sources":["webpack:///./src/views/clients/ClientEdit.vue?3a2d","webpack:///./src/misc/jsonHtmlPrinter.js","webpack:///./src/views/clients/ClientEdit.vue?fb9b","webpack:///src/views/clients/ClientEdit.vue","webpack:///./src/views/clients/ClientEdit.vue?ee1d","webpack:///./src/views/clients/ClientEdit.vue?5a06"],"names":["injected","toHtml","json","this","injectJsonStyle","JSON","stringify","undefined","replace","match","cls","test","css","document","createElement","appendChild","createTextNode","getElementsByTagName","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","client","callback","$$v","$set","expression","on","saveChanges","staticRenderFns","component"],"mappings":"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","file":"js/chunk-37fc407e.ebcfbd79.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientEdit.vue?vue&type=style&index=0&lang=scss&\"","\nlet injected = false;\nexport default {\n\n  toHtml(json) {\n    this.injectJsonStyle();\n    if (typeof json != 'string') {\n      json = JSON.stringify(json, undefined, 2);\n    }\n    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\\n/g, '<br/>').replace(/\\s/g, '&nbsp;');\n    return json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\n      var cls = 'number';\n      if (/^\"/.test(match)) {\n        if (/:$/.test(match)) {\n          cls = 'j-html-key';\n        } else {\n          cls = 'j-html-string';\n        }\n      } else if (/true|false/.test(match)) {\n        cls = 'j-html-boolean';\n      } else if (/null/.test(match)) {\n        cls = 'j-html-null';\n      }\n      return '<span class=\"' + cls + '\">' + match + '</span>';\n    });\n  },\n\n  injectJsonStyle() {\n    // only inject once\n    if (injected) return;\n    let css = document.createElement('style');\n    // css.type = 'text/css';\n    css.appendChild(document.createTextNode('pre{outline:1px solid #ccc;padding:5px;margin:5px}.j-html-string{color:green}.number{color:#ff8c00}.j-html-boolean{color:#00f}.j-html-null{color:#ff00ff}.j-html-key{color:red}')); // Support for the rest\n    document.getElementsByTagName(\"head\")[0].appendChild(css);\n    injected = true;\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"main-container\"}},[_c('vx-card',[_c('h4',{staticClass:\"mb-4\"},[_vm._v(\"Client Edit\")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"First Name\",\"type\":\"text\"},model:{value:(_vm.client.first_name),callback:function ($$v) {_vm.$set(_vm.client, \"first_name\", $$v)},expression:\"client.first_name\"}})],1),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Last Name\",\"type\":\"text\"},model:{value:(_vm.client.last_name),callback:function ($$v) {_vm.$set(_vm.client, \"last_name\", $$v)},expression:\"client.last_name\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Email\",\"type\":\"text\"},model:{value:(_vm.client.email),callback:function ($$v) {_vm.$set(_vm.client, \"email\", $$v)},expression:\"client.email\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Phone\",\"type\":\"text\"},model:{value:(_vm.client.phone),callback:function ($$v) {_vm.$set(_vm.client, \"phone\", $$v)},expression:\"client.phone\"}})],1)])]),_c('div',{staticClass:\"vx-col w-1/2\"})]),_c('vs-row',{staticClass:\"mt-4\"},[_c('vs-button',{staticClass:\"mx-1\",on:{\"click\":_vm.saveChanges}},[_vm._v(\"SAVE CHANGES\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ClientEdit.vue\n  Description: Client Edit Page\n  ----------------------------------------------------------------------------------------\n  Item Name: iTOVi - Admin\n========================================================================================== -->\n\n<template>\n  <div id=\"main-container\">\n    <vx-card>\n      <h4 class=\"mb-4\">Client Edit</h4>\n\n      <div class=\"vx-row\">\n\n        <!-- left column -->\n        <div class=\"vx-col w-1/2\">\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"First Name\"\n                        type=\"text\"\n                        v-model=\"client.first_name\"/>\n            </div>\n            <div class=\"vx-col w-1/2\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Last Name\"\n                        type=\"text\"\n                        v-model=\"client.last_name\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Email\"\n                        type=\"text\"\n                        v-model=\"client.email\"/>\n            </div>\n          </div>\n\n          <div class=\"vx-row mb-2\">\n            <div class=\"vx-col w-full\">\n              <vs-input class=\"w-full\"\n                        label-placeholder=\"Phone\"\n                        type=\"text\"\n                        v-model=\"client.phone\"/>\n            </div>\n          </div>\n        </div>\n\n\n        <!-- right column-->\n        <div class=\"vx-col w-1/2\">\n\n        </div>\n\n      </div>\n\n      <vs-row class=\"mt-4\">\n        <vs-button class=\"mx-1\" @click=\"saveChanges\">SAVE CHANGES</vs-button>\n      </vs-row>\n    </vx-card>\n\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n\n  import helpers from '@/models/helpers';\n\n  export default {\n    components: {\n\n    },\n    mounted() {\n      this.fetchClient();\n    },\n    data() {\n      return {\n        jsonHtml: jsonHtml,\n        unsavedChanges: {},\n        types: types,\n        isLoading: false,\n        client: new types.Client(),\n        helpers: helpers,\n        showForgetButton: false,\n        isMeClient: false,\n      }\n    },\n    computed: {\n      clientId() {\n        return this.$route.query.id || null;\n      },\n      howManyUnsavedChanges() {\n        let count = 0;\n        let keys = Object.keys(this.unsavedChanges);\n        for (let i = 0; i < keys.length; i++) {\n          if (this.unsavedChanges[keys[i]]) {\n            count++;\n          }\n        }\n        return count;\n      },\n    },\n    watch: {\n      isLoading(oldVal, newVal) {\n        if (!newVal) {\n          this.$vs.loading();\n        } else {\n          this.$vs.loading.close();\n        }\n      }\n    },\n    methods: {\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n      async fetchClient() {\n        let client = await api.fetchClient(this.clientId);\n        if (client === null) {\n          // todo: handle error\n        }\n\n        this.client = client;\n\n        this.isMeClient = this.client.client_id === this.client.user.client_id;\n      },\n      async saveChanges() {\n        let data = {\n          first_name: this.client.first_name,\n          last_name: this.client.last_name,\n          email: this.client.email,\n          phone: this.client.phone,\n        };\n\n        let client = await api.updateClient(this.clientId, data);\n\n        if (client === null) {\n          this.showNotification(false, 'Could not save changes');\n          return;\n        }\n\n        this.$router.push(`/clients/detail?id=${this.clientId}`).catch(()=> {});\n      }\n    },\n    beforeRouteLeave(to, from, next) {\n      if (this.howManyUnsavedChanges <= 0) {\n        next();\n      } else {\n        // next(false);\n        this.$vs.dialog({\n          type: 'confirm',\n          color: 'danger',\n          title: `Confirm`,\n          text: 'Are you sure you want to leave this page? You will lose your unsaved changes.',\n          accept: () => {\n            next()\n          }\n        });\n      }\n    },\n  }\n\n</script>\n\n\n<style lang=\"scss\">\n  #main-container {\n\n    .algolia-header {\n      .algolia-filters-label {\n        width: calc(260px + 2.4rem);\n      }\n    }\n\n    #algolia-content-container {\n\n      .vs-sidebar {\n        position: relative;\n        float: left;\n      }\n    }\n\n    .algolia-search-input-right-aligned-icon {\n      padding: 1rem 1.5rem;\n    }\n\n    .algolia-price-slider {\n      min-width: unset;\n    }\n\n    .item-view-primary-action-btn {\n      color: #2c2c2c !important;\n      background-color: #f6f6f6;\n      min-width: 50%;\n    }\n\n    .item-view-secondary-action-btn {\n      min-width: 50%;\n    }\n  }\n\n  .theme-dark {\n    #main-container {\n      #algolia-content-container {\n        .vs-sidebar {\n          background-color: #10163a;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .vs-sidebar-rounded {\n      .vs-sidebar {\n        border-radius: .5rem;\n      }\n\n      .vs-sidebar--items {\n        border-radius: .5rem;\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    #algolia-content-container {\n      .vs-sidebar {\n        position: absolute !important;\n        float: none !important;\n      }\n    }\n  }\n\n</style>\n\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientEdit.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClientEdit.vue?vue&type=template&id=74bd5a2d&\"\nimport script from \"./ClientEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./ClientEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClientEdit.vue?vue&type=style&index=0&lang=scss&\"\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":""}