{"version":3,"sources":["webpack:///./src/views/assessor/PredefinedComment.vue?fb86","webpack:///src/views/assessor/PredefinedComment.vue","webpack:///./src/views/assessor/PredefinedComment.vue?0eb1","webpack:///./src/views/assessor/PredefinedComment.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","ref","attrs","itemsPerPage","comments","on","handleSelectedComment","scopedSlots","_u","key","fn","data","_l","comment","indextr","description","_v","_s","modifiedOn","replace","split","modifiedBy","slot","showDetailsCard","currentPage","length","$event","isInfoHidden","commentCardTitle","counterDanger","model","formData","callback","$$v","$set","isDisabled","preventDefault","saveEditComment","deleteComment","cancelAdd","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0aab48.0b15b3cc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vx-card',{staticClass:\"w-full mb-6\"},[_c('vs-table',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#commentInfoCard'),expression:\"'#commentInfoCard'\"}],ref:\"commentTable\",staticClass:\"vs-con-loading__container\",attrs:{\"stripe\":\"\",\"single\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.comments},on:{\"selected\":_vm.handleSelectedComment},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(comment,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":comment}},[_c('vs-td',{attrs:{\"data\":data[indextr].description}},[_vm._v(\"\\n            \"+_vm._s(comment.description)+\"\\n          \")]),_c('vs-td',{attrs:{\"data\":data[indextr].modifiedOn}},[_vm._v(\"\\n            \"+_vm._s(comment.modifiedOn.replace(\"T\", \" \").split('.')[0])+\"\\n          \")]),_c('vs-td',{attrs:{\"data\":data[indextr].modifiedBy}},[_vm._v(\"\\n            \"+_vm._s(comment.modifiedBy)+\"\\n          \")])],1)})}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center\"},[_c('div',{staticClass:\"p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\",on:{\"click\":_vm.showDetailsCard}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary\"},[_vm._v(\"Add New\")])],1)]),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.itemsPerPage - (_vm.itemsPerPage - 1))+\" - \"+_vm._s(_vm.comments.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.comments.length)+\" of \"+_vm._s(_vm.comments.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=10}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=25}}},[_c('span',[_vm._v(\"25\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=50}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=100}}},[_c('span',[_vm._v(\"100\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"description\"}},[_vm._v(\"Description\")]),_c('vs-th',{attrs:{\"sort-key\":\"modifiedOn\"}},[_vm._v(\"Modified On\")]),_c('vs-th',{attrs:{\"sort-key\":\"modifiedBy\"}},[_vm._v(\"Modified By\")])],1)],2)],1),_c('vx-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInfoHidden),expression:\"!isInfoHidden\"}],ref:\"commentInfo\",staticClass:\"mb-6\",attrs:{\"id\":\"commentInfoCard\",\"title\":_vm.commentCardTitle}},[_c('div',{staticClass:\"vx-row pb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('label',[_vm._v(\"Description\")]),_c('vs-textarea',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"off\",\"onClick\":\"this.select();\",\"counter\":\"256\",\"counter-danger\":_vm.counterDanger},on:{\"update:counterDanger\":function($event){_vm.counterDanger=$event},\"update:counter-danger\":function($event){_vm.counterDanger=$event}},model:{value:(_vm.formData.description),callback:function ($$v) {_vm.$set(_vm.formData, \"description\", $$v)},expression:\"formData.description\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{ref:\"saveEditButton\",staticClass:\"mr-3 mb-2 vs-con-loading__container\",attrs:{\"color\":\"success\",\"disabled\":_vm.isDisabled},on:{\"click\":function($event){$event.preventDefault();return _vm.saveEditComment($event)}}},[_vm._v(\"Save\")]),_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.formData.id),expression:\"formData.id\"}],ref:\"deleteButton\",staticClass:\"mr-5 mb-2 vs-con-loading__container\",attrs:{\"color\":\"danger\"},on:{\"click\":function($event){$event.preventDefault();return _vm.deleteComment($event)}}},[_vm._v(\"Delete\")]),_c('vs-button',{directives:[{name:\"scroll-to\",rawName:\"v-scroll-to\",value:('#commentInfoCard'),expression:\"'#commentInfoCard'\"}],staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":_vm.cancelAdd}},[_vm._v(\"Cancel\")])],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <vx-card class=\"w-full mb-6\">\r\n      <vs-table ref=\"commentTable\" stripe class=\"vs-con-loading__container\" single @selected=\"handleSelectedComment\" pagination :max-items=\"itemsPerPage\" search :data=\"comments\" v-scroll-to=\"'#commentInfoCard'\">\r\n        <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow\">\r\n          <div class=\"flex flex-wrap-reverse items-center\">\r\n            <!-- ADD NEW -->\r\n            <div class=\"p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\" @click=\"showDetailsCard\" >\r\n              <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\"/>\r\n              <span class=\"ml-2 text-base text-primary\">Add New</span>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ITEMS PER PAGE -->\r\n          <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\r\n            <div class=\"p-4 border border-solid border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\" >\r\n              <span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ comments.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : comments.length }} of {{ comments.length }}</span>\r\n              <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\"/>\r\n            </div>\r\n            <vs-dropdown-menu>\r\n              <vs-dropdown-item @click=\"itemsPerPage=10\">\r\n                <span>10</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"itemsPerPage=15\">\r\n                <span>15</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"itemsPerPage=20\">\r\n                <span>20</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"itemsPerPage=25\">\r\n                <span>25</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"itemsPerPage=50\">\r\n                <span>50</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"itemsPerPage=100\">\r\n                <span>100</span>\r\n              </vs-dropdown-item>\r\n            </vs-dropdown-menu>\r\n          </vs-dropdown>\r\n        </div>\r\n\r\n        <template slot=\"thead\">\r\n          <vs-th sort-key=\"description\">Description</vs-th>\r\n          <vs-th sort-key=\"modifiedOn\">Modified On</vs-th>\r\n          <vs-th sort-key=\"modifiedBy\">Modified By</vs-th>\r\n        </template>\r\n\r\n        <template slot-scope=\"{data}\">\r\n          <vs-tr :data=\"comment\" :key=\"indextr\" v-for=\"(comment, indextr) in data\">\r\n\r\n            <vs-td :data=\"data[indextr].description\">\r\n              {{ comment.description }}\r\n            </vs-td>\r\n\r\n            <vs-td :data=\"data[indextr].modifiedOn\">\r\n              {{ comment.modifiedOn.replace(\"T\", \" \").split('.')[0] }}\r\n            </vs-td>\r\n\r\n            <vs-td :data=\"data[indextr].modifiedBy\">\r\n              {{ comment.modifiedBy }}\r\n            </vs-td>\r\n\r\n          </vs-tr>\r\n        </template>\r\n      </vs-table>\r\n    </vx-card>\r\n    <vx-card id=\"commentInfoCard\" ref=\"commentInfo\" class=\"mb-6\" :title=\"commentCardTitle\" v-show=\"!isInfoHidden\">\r\n      <div class=\"vx-row pb-3\">\r\n        <div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n          <label>Description</label>\r\n          <vs-textarea autocomplete=\"off\" onClick=\"this.select();\" counter=\"256\" :counter-danger.sync=\"counterDanger\" class=\"w-full\" v-model=\"formData.description\" />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"vx-row\">\r\n        <vs-spacer></vs-spacer>\r\n        <div class=\"vx-col\">\r\n          <vs-button color=\"success\" class=\"mr-3 mb-2 vs-con-loading__container\" :disabled=\"isDisabled\" @click.prevent=\"saveEditComment\" ref=\"saveEditButton\">Save</vs-button>\r\n          <vs-button color=\"danger\" v-show=\"formData.id\" class=\"mr-5 mb-2 vs-con-loading__container\" @click.prevent=\"deleteComment\" ref=\"deleteButton\">Delete</vs-button>\r\n          <vs-button color=\"warning\" type=\"border\" class=\"mb-2\" v-scroll-to=\"'#commentInfoCard'\" @click=\"cancelAdd\">Cancel</vs-button>\r\n        </div>\r\n      </div>\r\n    </vx-card>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    components: {\r\n      \r\n    },\r\n    data() {\r\n      return {\r\n        loadingColor:'#fff',\r\n        selected: [],\r\n        itemsPerPage: 6,\r\n        isMounted: false,\r\n        isInfoHidden: true,\r\n        comments: [],\r\n        formData: {\r\n          id: 0,\r\n          description: \"\"\r\n        },\r\n        mode: \"\",\r\n        commentCardTitle: \"\",\r\n        counterDanger: false\r\n      }\r\n    },\r\n    computed: {\r\n      currentPage() {\r\n        if (this.isMounted) {\r\n          return this.$refs.commentTable.currentx;\r\n        }\r\n        return 0;\r\n      },\r\n      isDisabled: function() {\r\n        return !(this.formData.description);\r\n      }\r\n    },\r\n    methods: {\r\n      initValues() {\r\n        this.formData.id = 0;\r\n        this.formData.description = \"\";\r\n        this.mode = \"\";\r\n        this.isInfoHidden = true;\r\n        this.errors.clear();\r\n      },\r\n      cancelAdd() {\r\n        this.initValues();\r\n        this.isInfoHidden = true;\r\n      },\r\n      saveData() {\r\n        this.initValues();\r\n        this.loadData();\r\n        this.$vs.loading.close(this.$refs.saveEditButton.$el);\r\n      },\r\n      loadData() {\r\n        const self = this;\r\n        self.showLoadingOnTable();\r\n\r\n        var onSuccess = function (response) {\r\n          self.comments = response.data;\r\n        };\r\n        var onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.commentTable.$el);\r\n        };\r\n\r\n        self.$ajaxGet(self, \"PredefinedComment/ListComments\", onSuccess, onFinally);\r\n      },\r\n      showDetailsCard(){\r\n        var self = this;\r\n        self.errors.clear();\r\n        self.initValues();\r\n        self.isInfoHidden = false;\r\n        self.mode = \"Add New\";\r\n        self.commentCardTitle = \"Add Comment\";\r\n      },\r\n      handleSelectedComment(comment) {\r\n        var self = this;\r\n        self.isInfoHidden = false;\r\n        self.mode = \"Update\";\r\n        self.commentCardTitle = \"Edit Comment\";\r\n        self.formData.id = comment.id;\r\n        self.formData.description = comment.description;\r\n      },\r\n      saveEditComment() {\r\n        var self = this;\r\n        self.$validator.validateAll().then(result => {\r\n          if (result) {\r\n            self.showLoadingOnSaveButton();\r\n\r\n            var onSuccess = response => {\r\n              self.formData.id = response.data;\r\n              self.saveData();\r\n              if(self.mode != \"Add New\"){\r\n                self.isInfoHidden = true;\r\n                self.initValues();\r\n              }else\r\n                self.defaultButtonsHidden = true;\r\n\r\n              self.$vs.notify({\r\n                title:'Information',\r\n                color: \"success\",\r\n                text: \"Comment Saved\",\r\n                position:'top-right',\r\n                iconPack: 'feather',\r\n                icon:'icon-save'\r\n              });\r\n            };\r\n            var onFinally = function () {\r\n              self.$vs.loading.close(self.$refs.saveEditButton.$el);\r\n            };\r\n            self.$ajaxPost(self, \"PredefinedComment/AddEditComment\", self.formData, onSuccess, onFinally);\r\n          } else {\r\n            self.$vs.notify({\r\n              title:'Attention',\r\n              color: \"warning\",\r\n              text: self.$validator.errors.items[0].msg,\r\n              position:'top-right',\r\n              iconPack: 'feather',\r\n              icon:'icon-info'\r\n            });\r\n          }\r\n        });\r\n      },\r\n      deleteComment() {\r\n        var self = this;\r\n        self.showLoadingOnDeleteButton();\r\n\r\n        var onSuccess = response => {\r\n          self.saveData();\r\n          self.initValues();\r\n          self.errors.clear();\r\n          self.isInfoHidden = true;\r\n          self.scrollToNavbar();\r\n          self.$vs.notify({\r\n            title:'Information',\r\n            color: \"success\",\r\n            text: \"Comment Deleted\",\r\n            position:'top-right',\r\n            iconPack: 'feather',\r\n            icon:'icon-trash'\r\n          });\r\n        };\r\n        var onFinally = function () {\r\n          self.$vs.loading.close(self.$refs.deleteButton.$el);\r\n        };\r\n\r\n        self.$ajaxGet(self, \"PredefinedComment/DeleteComment/\" + self.formData.id, onSuccess, onFinally);\r\n      },\r\n      showLoadingOnSaveButton(){\r\n        var self = this;\r\n        self.$vs.loading({\r\n          background: self.loadingColor,\r\n          type: \"material\",\r\n          container: self.$refs.saveEditButton.$el,\r\n          scale: 0.45\r\n        });\r\n      },\r\n      showLoadingOnTable(){\r\n        var self = this;\r\n        self.$vs.loading({\r\n          type: \"corners\",\r\n          container: self.$refs.commentTable.$el,\r\n          scale: 1\r\n        });\r\n      },\r\n      showLoadingOnCommentInfoCard(){\r\n        var self = this;\r\n        self.$vs.loading({\r\n          type: \"corners\",\r\n          container: self.$refs.commentInfo.$el,\r\n          scale: 1\r\n        });\r\n      },\r\n      showLoadingOnDeleteButton(){\r\n        var self = this;\r\n        self.$vs.loading({\r\n          background: self.loadingColor,\r\n          type: \"material\",\r\n          container: self.$refs.deleteButton.$el,\r\n          scale: 0.45\r\n        });\r\n      },\r\n      scrollToNavbar() {\r\n        var scrollOptions = {\r\n          easing: 'ease-in',\r\n          offset: -500,\r\n          force: true,\r\n          cancelable: true,\r\n          x: false,\r\n          y: true\r\n        }\r\n        var cancelScroll = this.$scrollTo(document.getElementById(\"navbarGlobal\"), 500, scrollOptions);\r\n      },\r\n    },\r\n    mounted() {\r\n      var self = this;\r\n      self.loadData();\r\n      self.isMounted = true;\r\n    },\r\n  }\r\n\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PredefinedComment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PredefinedComment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PredefinedComment.vue?vue&type=template&id=38ccca50&\"\nimport script from \"./PredefinedComment.vue?vue&type=script&lang=js&\"\nexport * from \"./PredefinedComment.vue?vue&type=script&lang=js&\"\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":""}