{"version":3,"sources":["webpack:///./src/components/comment.vue","webpack:///src/components/comment.vue","webpack:///./src/components/comment.vue?b598","webpack:///./src/components/comment.vue?eca1","webpack:///./src/components/comment.vue?5917"],"names":["staticStyle","_vm","staticClass","_c","_v","attrs","model","panel","callback","scopedSlots","fn","$set","directives","name","rawName","expression","form","on","print","staticRenderFns","mixins","data","rules","required","namelength60","namelength1","namelength5","email","new_form_dev","commentId","last_name","first_name","mi","phone","case_num","location","narrative","new_form","methods","message1","alert","close","rnd1","console","window","submit","formIn","dispatch","then","self","catch","msg","init","document","mounted","component"],"mappings":"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mJCwQF,GACfN,eACAO,gBACAC,OACA,OACAC,OACAC,2CACAC,kDACAC,+CACAC,mDACAC,UACA,QACA,uJACA,sCAGApB,UACAqB,cACAC,YACAC,sBACAC,wBACAC,OAEAC,mBACAN,2BACAO,oBACAC,4BACAC,k0BAYAC,UACAR,YACAC,aACAC,cACAC,MAEAC,SACAN,SACAO,YACAC,YACAC,cAEApB,MACAa,YACAC,aACAC,cACAC,MAEAC,SACAN,SACAO,YACAC,YACAC,gBAIAE,SACAC,WACAC,wCAEAC,QACA,wBAEAvB,QACA,+BACA,2BACA,WACAwB,0DAEAC,mCACAC,6CAEAC,SAGA,iCASA,OARA,qBACA,cACA,cACA,oCACA,UACA,KACA,OAEA,EAEA,qBACA,0BAEAC,yBAEA,WACA,YACAC,SAAA,SAAAD,GACAE,KAAA3B,IACA,qBACA4B,gBAEAA,2CACAA,kBAEA,cACA,YACA,kdACA,UACA,KACA,QAIAC,MAAAC,IACA,qBACA,kDAGAC,OACAC,yDACA,kCACA,uBAGAC,UACAX,iCACA,oBACA,gBCjZiV,I,wBCQ7UY,EAAY,eACd,EACA,EACApC,GACA,EACA,KACA,WACA,MAIa,aAAAoC,E,2CCnBf","file":"js/chunk-04c4d484.085801f8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"white black--text\",attrs:{\"id\":\"comment-container\"}},[_c('v-form',{ref:\"form\"},[_c('div',{staticClass:\"header d-flex flex-column align-center\"},[_c('div',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"commentId\"}},[_vm._v(\"[form.first_name]\")]),_c('p',{staticClass:\"mb-0\"},[_vm._v(\"Reno Police Department Compliment Form\")]),_c('p',{staticClass:\"blue--text\",staticStyle:{\"font-size\":\"1em\"}},[_vm._v(\" Reno Police Department Formulario de Cumplido \")])]),_c('div',{staticClass:\"intro\"},[_c('p',[_vm._v(\" Thank you for expressing interest in the Reno Police Department. We are very concerned that our citizens receive the best law enforcement possible and value your Compliments. Anything you tell us here will be provided directly to the Chief of Police for appropriate action. \")]),_c('p',{staticClass:\"blue--text\"},[_vm._v(\" Gracias por expresar interés en el Departamento de Policía de Reno. Nosotros Estamos muy preocupados de que nuestros ciudadanos reciban la mejor aplicación de la ley posible y valoramos sus elogios. Cualquier cosa que nos digas aquí se proporcionará directamente al Jefe de Policía para su correspondiente acción. \")])]),_c('div',{staticClass:\"inst-list\"},[_c('span',[_vm._v(\"Instructions/\")]),_c('span',{staticClass:\"blue--text\"},[_vm._v(\"Instrucciones:\")]),_c('ol',[_c('li',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"Please be clear and specific.\")]),_c('p',{staticClass:\"blue--text\"},[_vm._v(\"Por favor sea claro y específico.\")])]),_c('li',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\"Only the Nature of the compliment is required\")]),_c('p',{staticClass:\"blue--text\"},[_vm._v(\"Sólo se requiere la naturaleza del elogio.\")])]),_c('li',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Click/Tap the Submit Button to submit the form to the RPD. \")]),_c('p',{staticClass:\"blue--text\"},[_vm._v(\" Haga clic o toque el botón Enviar para enviar el formulario al RPD. \")])]),_c('li',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Click/Tap the Print Button to print the form for your records. \")]),_c('p',{staticStyle:{\"font-size\":\"small\"}},[_vm._v(\" (Print button will appear after you submit) \")]),_c('p',{staticClass:\"blue--text mb-0\"},[_vm._v(\" Haga clic o toque el botón Imprimir para imprimir el formulario para sus registros. \")]),_c('p',{staticClass:\"blue--text\",staticStyle:{\"font-size\":\"small\"}},[_vm._v(\" (El botón Imprimir aparecerá después de enviar) \")])]),_c('li',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" If you supply an email, a copy of the submitted form will be emailed to you. \")]),_c('p',{staticClass:\"blue--text mb-0\"},[_vm._v(\" Si proporciona un correo electrónico, se le enviará una copia del formulario enviado. \")])])])]),_c('hr'),_c('br'),_c('v-expansion-panels',{staticClass:\"citizen-info-coll\",attrs:{\"multiple\":\"\"},model:{value:(_vm.panel),callback:function ($$v) {_vm.panel=$$v},expression:\"panel\"}},[_c('v-expansion-panel',{staticClass:\"mt-2\",attrs:{\"popout\":\"\",\"width\":\"100%\"}},[_c('v-expansion-panel-header',{staticClass:\"white--text\",attrs:{\"color\":\"#708e92\"},scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\" $expand \")])]},proxy:true}])},[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" CITIZEN INFORMATION \"),_c('br'),_c('br'),_vm._v(\"INFORMACIÓN DEL CIUDADANO \")])]),_c('v-expansion-panel-content',{staticClass:\"grey lighten-5\",attrs:{\"id\":\"content1\"}},[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"id\":\"last_name\",\"name\":\"last_name\",\"maxlength\":\"60\",\"label\":\"Last Name/Apellido\"},model:{value:(_vm.form.last_name),callback:function ($$v) {_vm.$set(_vm.form, \"last_name\", $$v)},expression:\"form.last_name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"id\":\"first_name\",\"name\":\"first_name\",\"maxlength\":\"60\",\"label\":\"First Name/Primer Nombre\"},model:{value:(_vm.form.first_name),callback:function ($$v) {_vm.$set(_vm.form, \"first_name\", $$v)},expression:\"form.first_name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"id\":\"mi\",\"name\":\"mi\",\"maxlength\":\"1\",\"label\":\"Middle Initial/Inicial del Segundo Nombre \"},model:{value:(_vm.form.mi),callback:function ($$v) {_vm.$set(_vm.form, \"mi\", $$v)},expression:\"form.mi\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('###-###-####'),expression:\"'###-###-####'\"}],attrs:{\"id\":\"home_phn\",\"name\":\"home_phn\",\"maxlength\":\"12\",\"label\":\"Home Phone/Teléfono de la Casa\"},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6\"}},[_c('v-text-field',{attrs:{\"id\":\"email\",\"name\":\"email\",\"maxlength\":\"120\",\"label\":\"Email/Correo Electrónico\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"lg\":\"12\"}},[_c('div',{staticClass:\"fake-coll px-4 d-flex align-center\"},[_c('label',{staticClass:\"white--text\"},[_vm._v(\"Nature of the compliment \"),_c('br'),_vm._v(\"Naturaleza del cumplido\")])]),_c('v-textarea',{staticClass:\"mt-2\",attrs:{\"solo\":\"\",\"aria-required\":\"true\",\"required\":\"\",\"rules\":[_vm.rules.required],\"id\":\"narrative\",\"name\":\"narrative\",\"maxlength\":\"4000\"},model:{value:(_vm.form.narrative),callback:function ($$v) {_vm.$set(_vm.form, \"narrative\", $$v)},expression:\"form.narrative\"}})],1)],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"print-sub-buttons d-flex justify-space-around\"},[(_vm.form.commentId > 0)?_c('v-btn',{attrs:{\"color\":\"accent\"},on:{\"click\":_vm.print}},[_vm._v(\"Print\")]):_vm._e(),(_vm.form.commentId == 0)?_c('v-btn',{attrs:{\"color\":\"accent\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]):_vm._e(),(_vm.form.commentId > 0)?_c('v-btn',{attrs:{\"color\":\"accent\"},on:{\"click\":_vm.close}},[_vm._v(\"Close\")]):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container class=\"white black--text\" id=\"comment-container\">\r\n    <!--//@*/*\r\n    //    *RPD  App v0.91\r\n    //    * Copyright (c) 2022, Blue Cover Six LLC .John Molt All rights reserved.\r\n    //    Code licensed under contract To Reno Police Department / City of Reno, in perpetuity\r\n    //    */\r\n    //-->\r\n    <v-form ref=\"form\">\r\n      <div class=\"header d-flex flex-column align-center\">\r\n        <div id=\"commentId\" style=\"display: none\">[form.first_name]</div>\r\n        <p class=\"mb-0\">Reno Police Department Compliment Form</p>\r\n        <p class=\"blue--text\" style=\"font-size: 1em\">\r\n          Reno Police Department Formulario de Cumplido\r\n        </p>\r\n      </div>\r\n\r\n      <!-- intro -->\r\n      <div class=\"intro\">\r\n        <p>\r\n          Thank you for expressing interest in the Reno Police Department. We\r\n          are very concerned that our citizens receive the best law enforcement\r\n          possible and value your Compliments. Anything you tell us here will be\r\n          provided directly to the Chief of Police for appropriate action.\r\n        </p>\r\n        <p class=\"blue--text\">\r\n          Gracias por expresar interés en el Departamento de Policía de Reno.\r\n          Nosotros Estamos muy preocupados de que nuestros ciudadanos reciban la\r\n          mejor aplicación de la ley posible y valoramos sus elogios. Cualquier\r\n          cosa que nos digas aquí se proporcionará directamente al Jefe de\r\n          Policía para su correspondiente acción.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- Instructions -->\r\n      <div class=\"inst-list\">\r\n        <span>Instructions/</span>\r\n        <span class=\"blue--text\">Instrucciones:</span>\r\n\r\n        <ol>\r\n          <li>\r\n            <p class=\"mb-0\">Please be clear and specific.</p>\r\n            <p class=\"blue--text\">Por favor sea claro y específico.</p>\r\n          </li>\r\n          <li>\r\n            <p class=\"mb-0\">Only the Nature of the compliment is required</p>\r\n            <p class=\"blue--text\">Sólo se requiere la naturaleza del elogio.</p>\r\n          </li>\r\n\r\n          <li>\r\n            <p class=\"mb-0\">\r\n              Click/Tap the Submit Button to submit the form to the RPD.\r\n            </p>\r\n\r\n            <p class=\"blue--text\">\r\n              Haga clic o toque el botón Enviar para enviar el formulario al\r\n              RPD.\r\n            </p>\r\n          </li>\r\n          <li>\r\n            <p class=\"mb-0\">\r\n              Click/Tap the Print Button to print the form for your records.\r\n            </p>\r\n            <p style=\"font-size: small\">\r\n              (Print button will appear after you submit)\r\n            </p>\r\n            <p class=\"blue--text mb-0\">\r\n              Haga clic o toque el botón Imprimir para imprimir el formulario\r\n              para sus registros.\r\n            </p>\r\n            <p class=\"blue--text\" style=\"font-size: small\">\r\n              (El botón Imprimir aparecerá después de enviar)\r\n            </p>\r\n          </li>\r\n          <li>\r\n            <p class=\"mb-0\">\r\n              If you supply an email, a copy of the submitted form will be\r\n              emailed to you.\r\n            </p>\r\n\r\n            <p class=\"blue--text mb-0\">\r\n              Si proporciona un correo electrónico, se le enviará una copia del\r\n              formulario enviado.\r\n            </p>\r\n          </li>\r\n        </ol>\r\n      </div>\r\n      <hr />\r\n      <br />\r\n\r\n      <!-- CITIZEN INFORMATION -->\r\n      <v-expansion-panels multiple v-model=\"panel\" class=\"citizen-info-coll\">\r\n        <v-expansion-panel popout class=\"mt-2\" width=\"100%\">\r\n          <v-expansion-panel-header color=\"#708e92\" class=\"white--text\">\r\n            <template v-slot:actions>\r\n              <v-icon color=\"white\"> $expand </v-icon>\r\n            </template>\r\n            <p class=\"mb-0\">\r\n              CITIZEN INFORMATION <br /><br />INFORMACIÓN DEL CIUDADANO\r\n            </p>\r\n          </v-expansion-panel-header>\r\n          <v-expansion-panel-content id=\"content1\" class=\"grey lighten-5\">\r\n            <v-container>\r\n              <v-row>\r\n                <v-col cols=\"12\" md=\"6\" lg=\"6\">\r\n                  <v-text-field\r\n                    id=\"last_name\"\r\n                    name=\"last_name\"\r\n                    maxlength=\"60\"\r\n                    v-model=\"form.last_name\"\r\n                    label=\"Last Name/Apellido\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"6\" lg=\"6\">\r\n                  <v-text-field\r\n                    id=\"first_name\"\r\n                    name=\"first_name\"\r\n                    maxlength=\"60\"\r\n                    v-model=\"form.first_name\"\r\n                    label=\"First Name/Primer Nombre\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"6\" lg=\"6\">\r\n                  <v-text-field\r\n                    id=\"mi\"\r\n                    name=\"mi\"\r\n                    maxlength=\"1\"\r\n                    v-model=\"form.mi\"\r\n                    label=\"Middle Initial/Inicial del Segundo Nombre \"\r\n                  ></v-text-field>\r\n                </v-col>\r\n\r\n                <v-col cols=\"12\" md=\"6\" lg=\"6\">\r\n                  <v-text-field\r\n                    id=\"home_phn\"\r\n                    name=\"home_phn\"\r\n                    maxlength=\"12\"\r\n                    v-model=\"form.phone\"\r\n                    label=\"Home Phone/Teléfono de la Casa\"\r\n                    v-mask=\"'###-###-####'\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n\r\n                <v-col cols=\"12\" md=\"6\" lg=\"6\">\r\n                  <v-text-field\r\n                    id=\"email\"\r\n                    name=\"email\"\r\n                    maxlength=\"120\"\r\n                    v-model=\"form.email\"\r\n                    label=\"Email/Correo Electrónico\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"12\" lg=\"12\">\r\n                  <div class=\"fake-coll px-4 d-flex align-center\">\r\n                    <label class=\"white--text\"\r\n                      >Nature of the compliment <br />Naturaleza del\r\n                      cumplido</label\r\n                    >\r\n                  </div>\r\n                  <v-textarea\r\n                    class=\"mt-2\"\r\n                    solo\r\n                    aria-required=\"true\"\r\n                    required\r\n                    :rules=\"[rules.required]\"\r\n                    id=\"narrative\"\r\n                    name=\"narrative\"\r\n                    maxlength=\"4000\"\r\n                    v-model=\"form.narrative\"\r\n                  ></v-textarea>\r\n                  <!-- label=\"NATURE OF COMPLAINT/ NATURALEZA DE LA\r\n                    QUEJA/COMENTARIO\" -->\r\n                </v-col>\r\n              </v-row>\r\n            </v-container>\r\n          </v-expansion-panel-content>\r\n        </v-expansion-panel>\r\n      </v-expansion-panels>\r\n    </v-form>\r\n\r\n    <div class=\"print-sub-buttons d-flex justify-space-around\">\r\n      <v-btn v-if=\"form.commentId > 0\" color=\"accent\" @click=\"print\"\r\n        >Print</v-btn\r\n      >\r\n      <v-btn v-if=\"form.commentId == 0\" color=\"accent\" @click=\"submit\"\r\n        >Submit</v-btn\r\n      >\r\n      <v-btn v-if=\"form.commentId > 0\" color=\"accent\" @click=\"close\"\r\n        >Close</v-btn\r\n      >\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<!-- style -->\r\n<style lang=\"scss\" scoped>\r\n@import \"../scss/site.scss\";\r\n#comment-container {\r\n  max-width: 768px;\r\n}\r\n\r\n/* 0 media q */\r\n@media (min-width: 0px) {\r\n  .header p {\r\n    font-size: 1.2em;\r\n  }\r\n\r\n  .witness-info hr {\r\n    width: 100%;\r\n  }\r\n\r\n  .fake-coll {\r\n    width: 100%;\r\n    background-color: #708e92;\r\n    font-size: 0.937rem;\r\n    height: 66px;\r\n  }\r\n}\r\n\r\n/* 320 media q */\r\n/* smartphones, iPhone, portrait 480x320 phones */\r\n@media (min-width: 320px) {\r\n}\r\n\r\n/* 641 media q */\r\n/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */\r\n@media (min-width: 641px) {\r\n  .header p {\r\n    font-size: 1.75em;\r\n  }\r\n}\r\n\r\n/* 768 media q */\r\n@media (min-width: 768px) {\r\n}\r\n\r\n/* 961 media q */\r\n/* tablet, landscape iPad, lo-res laptops ands desktops */\r\n@media (min-width: 961px) {\r\n}\r\n\r\n/* ipad lansdscape */\r\n/* tablet, landscape iPad, lo-res laptops ands desktops */\r\n@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {\r\n}\r\n\r\n/* 1025 media q */\r\n/* big landscape tablets, laptops, and desktops */\r\n@media (min-width: 1025px) {\r\n  .header p {\r\n    font-size: 2em;\r\n  }\r\n}\r\n\r\n/* 1281 media q */\r\n/* hi-res laptops and desktops */\r\n@media (min-width: 1281px) {\r\n}\r\n\r\n/* 2048 media q */\r\n@media (min-width: 2048px) {\r\n}\r\n</style>\r\n\r\n<!-- Script -->\r\n<script>\r\n/* eslint-disable */\r\nimport { bus_common } from \"../mixins/bus_common\";\r\nexport default {\r\n  name: \"comment\",\r\n  mixins: [bus_common],\r\n  data() {\r\n    return {\r\n      rules: {\r\n        required: (value) => !!value || \"This Field is Required.\",\r\n        namelength60: (value) => value.length <= 60 || \"Max 60 characters\",\r\n        namelength1: (value) => value.length <= 1 || \"Max 1 characters\",\r\n        namelength5: (value) => value.length == 5 || \"Must be 5 characters\",\r\n        email: (value) => {\r\n          const pattern =\r\n            /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n          return pattern.test(value) || \"Invalid e-mail.\";\r\n        },\r\n      },\r\n      panel: [0],\r\n      new_form_dev: {\r\n        commentId: 0,\r\n        last_name: \"last_name\", //60\r\n        first_name: \"first_name\", //60\r\n        mi: \"m\", //1\r\n\r\n        phone: \"7755555555\", //12\r\n        email: \"jvonmolt@gmail.com\", //120\r\n        case_num: \"99-99999\",\r\n        location: \"round the corner\",\r\n        narrative: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,\r\nmolestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum\r\nnumquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium\r\noptio, eaque rerum! Provident similique accusantium nemo autem. Veritatis\r\nobcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam\r\nnihil, eveniet aliquid culpa officia aut! Impedit sit sunt quaerat, odit,\r\ntenetur error, harum nesciunt ipsum debitis quas aliquid. Reprehenderit,\r\nquia. Quo neque error repudiandae fuga? Ipsa laudantium molestias eos \r\nsapiente officiis modi at sunt excepturi expedita sint? Sed quibusdam\r\nrecusandae alias error harum maxime adipisci amet laborum. Perspiciatis \r\nminima nesciunt dolorem! Officiis iure rerum voluptates a cumque velit `, //8000\r\n      },\r\n      new_form: {\r\n        commentId: 0,\r\n        last_name: \"\",\r\n        first_name: \"\",\r\n        mi: \"\",\r\n\r\n        phone: \"\",\r\n        email: \"\",\r\n        case_num: \"\",\r\n        location: \"\",\r\n        narrative: \"\", //8000\r\n      },\r\n      form: {\r\n        commentId: 0,\r\n        last_name: \"\",\r\n        first_name: \"\",\r\n        mi: \"\",\r\n\r\n        phone: \"\",\r\n        email: \"\",\r\n        case_num: \"\",\r\n        location: \"\",\r\n        narrative: \"\", //8000\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    message1() {\r\n      alert(\"This button does nothing yet.\");\r\n    },\r\n    close() {\r\n      this.$router.push(\"/\");\r\n    },\r\n    print() {\r\n      let rnd1 = this.randomNum(1000, 9999);\r\n      let rnd2 = this.randomNum(1000, 9999);\r\n      let id = parseInt(\r\n        rnd1.toString() + this.form.commentId.toString() + rnd2.toString()\r\n      );\r\n      console.log(this.form.commentId, id);\r\n      window.open(\"/printform/print_comm/?id=\" + id);\r\n    },\r\n    submit() {\r\n      //   this.mrbreakpoint(\"compliment\");\r\n\r\n      if (this.$refs.form.validate() == false) {\r\n        this.show_loader(false);\r\n        this.swall_it(\r\n          \"Form Status\",\r\n          \"Please fix the red marked fields.\",\r\n          \"warning\",\r\n          null,\r\n          null\r\n        );\r\n        return true;\r\n      }\r\n      this.show_loader(true);\r\n      var formIn = this.mno(this.form);\r\n\r\n      formIn.apiname = \"save_comment\";\r\n\r\n      var self = this;\r\n      this.$store\r\n        .dispatch(\"anyapi\", formIn)\r\n        .then((data) => {\r\n          this.show_loader(false);\r\n          self.form = self.mno(data);\r\n\r\n          self.form.narrative = self.replaceBrWithLineBreaks(\r\n            self.form.narrative\r\n          );\r\n          this.swall_it(\r\n            \"Thank You\",\r\n            \"Thank you for submitting your compliment form to the Internal Affairs office. We will pass along the compliment to the respective employee and/or department. Have a good day! <br> You may close this page or Print a Copy.<br><br>Gracias por enviar su formulario de felicitación a la oficina de Asuntos Internos. Transmitiremos la felicitación al empleado y/o departamento correspondiente. ¡Que tenga un buen día! <br> Puede cerrar esta página o Imprimir una copia.\",\r\n            \"success\",\r\n            null,\r\n            null\r\n          );\r\n          // this.$router.push(\"/\");\r\n        })\r\n        .catch((msg) => {\r\n          this.show_loader(false);\r\n          this.swall_it(\"Error\", msg.msg, \"error\", null, null);\r\n        });\r\n    },\r\n    init() {\r\n      document.getElementById(\"vapp\").style.overflowY = \"scroll\";\r\n      this.form = this.mno(this.new_form);\r\n      this.show_loader(false);\r\n    },\r\n  },\r\n  mounted() {\r\n    console.log(\"routed to comment\");\r\n    this.$nextTick(() => {\r\n      this.init();\r\n    });\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./comment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./comment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./comment.vue?vue&type=template&id=9db39924&scoped=true&\"\nimport script from \"./comment.vue?vue&type=script&lang=js&\"\nexport * from \"./comment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./comment.vue?vue&type=style&index=0&id=9db39924&prod&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  \"9db39924\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??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/index.js??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/index.js??vue-loader-options!./comment.vue?vue&type=style&index=0&id=9db39924&prod&lang=scss&scoped=true&\""],"sourceRoot":""}