{"version":3,"sources":["webpack:///./src/views/RequestAPI/RequestApiForm.vue?7172","webpack:///src/views/RequestAPI/RequestApiForm.vue","webpack:///./src/views/RequestAPI/RequestApiForm.vue?ad68","webpack:///./src/views/RequestAPI/RequestApiForm.vue?29c9","webpack:///./src/views/RequestAPI/RequestApiForm.vue?1d76"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","class","$vuetify","breakpoint","lgAndUp","staticClass","_v","model","value","callback","$$v","search","expression","headersList","newList","scopedSlots","_u","key","fn","proxy","ref","item","on","$event","formRequest","formApplication","_s","detailForm","name","phoneNo","email","designation","_l","text","newFormDetails","agency","stationID","location","statusForm","formStatus","_g","_b","date","expiredDate","menu2","remarks","staticRenderFns","data","menu","modal","countList","align","sortable","headersList2","Status","mounted","getAllUser","methods","axios","get","appMixins","headers","Authorization","then","bus","console","catch","created","component","VBtn","VCard","VCardText","VCardTitle","VChip","VCol","VContainer","VDataTable","VDatePicker","VDialog","VIcon","VMenu","VRow","VSelect","VSimpleTable","VSpacer","VTextField"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,cAAc,CAACG,MAAMP,EAAIQ,SAASC,WAAWC,QAAS,YAAc,YAAYJ,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,SAAS,CAACA,EAAG,eAAe,CAACO,YAAY,oBAAoB,CAACP,EAAG,SAAS,CAACO,YAAY,mBAAmB,CAACX,EAAIY,GAAG,wCAAwCZ,EAAIY,GAAG,sBAAsBR,EAAG,YAAYA,EAAG,eAAe,CAACE,MAAM,CAAC,cAAc,cAAc,MAAQ,SAAS,cAAc,GAAG,eAAe,IAAIO,MAAM,CAACC,MAAOd,EAAU,OAAEe,SAAS,SAAUC,GAAMhB,EAAIiB,OAAOD,GAAKE,WAAW,aAAa,GAAGd,EAAG,eAAe,CAACO,YAAY,+BAA+BL,MAAM,CAAC,QAAUN,EAAImB,YAAY,MAAQnB,EAAIoB,QAAQ,iBAAiB,GAAGC,YAAYrB,EAAIsB,GAAG,CAAC,CAACC,IAAI,4BAA4BC,GAAG,WAAW,MAAO,CAACpB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,SAAS,KAAO,KAAK,CAACN,EAAIY,GAAG,qBAAqBa,OAAM,GAAM,CAACF,IAAI,eAAeC,GAAG,SAASE,GAC78B,IAAIC,EAAOD,EAAIC,KACf,MAAO,CAAC,CAACvB,EAAG,SAAS,CAACO,YAAY,kBAAkBL,MAAM,CAAC,MAAQ,IAAIsB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO7B,EAAI8B,YAAYH,MAAS,CAAC3B,EAAIY,GAAG,0BAA0B,IAAI,GAAGR,EAAG,WAAW,CAACE,MAAM,CAAC,YAAY,QAAQO,MAAM,CAACC,MAAOd,EAAmB,gBAAEe,SAAS,SAAUC,GAAMhB,EAAI+B,gBAAgBf,GAAKE,WAAW,oBAAoB,CAACd,EAAG,SAAS,CAACO,YAAY,aAAa,CAACP,EAAG,eAAe,CAACO,YAAY,iBAAiB,CAACX,EAAIY,GAAG,6BAA6BR,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWC,MAAM,OAAO9B,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,yBAAyBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWC,MAAM,OAAO9B,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWE,SAAS,OAAO/B,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,kBAAkBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWG,OAAO,OAAOhC,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,mBAAmBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWI,aAAa,QAAQ,IAAI,GAAGjC,EAAG,eAAe,CAACO,YAAY,iBAAiB,CAACX,EAAIY,GAAG,wBAAwBR,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,iBAAiBR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGhC,EAAIiC,WAAWC,MAAM,OAAO9B,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,2BAA2BR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,SAASR,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACN,EAAIY,GAAG,sBAAsB,IAAI,GAAGR,EAAG,eAAe,CAACO,YAAY,iBAAiB,CAACX,EAAIY,GAAG,2BAA2B,CAACR,EAAG,iBAAiB,CAACiB,YAAYrB,EAAIsB,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACpB,EAAG,QAAQ,CAACA,EAAG,KAAKJ,EAAIsC,GAAItC,EAAgB,cAAE,SAAS2B,GAAM,OAAOvB,EAAG,KAAK,CAACmB,IAAII,EAAKO,KAAKvB,YAAY,eAAe,CAACX,EAAIY,GAAG,IAAIZ,EAAIgC,GAAGL,EAAKY,MAAM,UAAS,KAAKnC,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACO,YAAY,eAAe,CAACP,EAAG,KAAK,CAACJ,EAAIY,GAAGZ,EAAIgC,GAAGhC,EAAIwC,eAAeC,WAAWrC,EAAG,KAAK,CAACJ,EAAIY,GAAGZ,EAAIgC,GAAGhC,EAAIwC,eAAeE,cAActC,EAAG,KAAK,CAACJ,EAAIY,GAAGZ,EAAIgC,GAAGhC,EAAIwC,eAAeG,aAAavC,EAAG,KAAK,CAACA,EAAG,WAAW,CAACO,YAAY,OAAOL,MAAM,CAAC,MAAQN,EAAI4C,WAAW,KAAO,GAAG,MAAQ,GAAG,eAAe,IAAI/B,MAAM,CAACC,MAAOd,EAAc,WAAEe,SAAS,SAAUC,GAAMhB,EAAI6C,WAAW7B,GAAKE,WAAW,iBAAiB,GAAGd,EAAG,KAAK,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,0BAAyB,EAAM,cAAc,GAAG,WAAa,mBAAmB,WAAW,GAAG,YAAY,OAAO,YAAY,yBAAyBe,YAAYrB,EAAIsB,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASE,GACz1F,IAAIE,EAAKF,EAAIE,GACTtB,EAAQoB,EAAIpB,MAChB,MAAO,CAACF,EAAG,eAAeJ,EAAI8C,GAAG9C,EAAI+C,GAAG,CAACpC,YAAY,OAAOL,MAAM,CAAC,eAAe,eAAe,SAAW,GAAG,KAAO,GAAG,MAAQ,GAAG,eAAe,IAAIO,MAAM,CAACC,MAAOd,EAAQ,KAAEe,SAAS,SAAUC,GAAMhB,EAAIgD,KAAKhC,GAAKE,WAAW,SAAS,eAAeZ,GAAM,GAAOsB,GAAI,CAAC5B,EAAIY,GAAGZ,EAAIgC,GAAGhC,EAAIwC,eAAeS,qBAAqBpC,MAAM,CAACC,MAAOd,EAAS,MAAEe,SAAS,SAAUC,GAAMhB,EAAIkD,MAAMlC,GAAKE,WAAW,UAAU,CAACd,EAAG,gBAAgB,CAACwB,GAAG,CAAC,MAAQ,SAASC,GAAQ7B,EAAIkD,OAAQ,IAAQrC,MAAM,CAACC,MAAOd,EAAQ,KAAEe,SAAS,SAAUC,GAAMhB,EAAIgD,KAAKhC,GAAKE,WAAW,WAAW,IAAI,GAAGd,EAAG,KAAK,CAACA,EAAG,eAAe,CAACO,YAAY,OAAOL,MAAM,CAAC,MAAQN,EAAI4C,WAAW,KAAO,GAAG,MAAQ,GAAG,eAAe,KAAK,CAAC5C,EAAIY,GAAGZ,EAAIgC,GAAGhC,EAAIwC,eAAeW,aAAa,SAAS1B,OAAM,OAAUrB,EAAG,MAAMA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,YAAY,OAAOL,MAAM,CAAC,KAAO,OAAOF,EAAG,QAAQ,CAACO,YAAY,OAAOL,MAAM,CAAC,KAAO,MAAM,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,UAAY,IAAI,MAAQ,QAAQsB,GAAG,CAAC,MAAQ,SAASC,GAAQ7B,EAAI+B,iBAAiB,KAAS,CAAC/B,EAAIY,GAAG,aAAa,GAAGR,EAAG,QAAQ,CAACO,YAAY,OAAOL,MAAM,CAAC,KAAO,MAAM,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,UAAY,IAAI,MAAQ,WAAWsB,GAAG,CAAC,MAAQ,SAASC,GAAQ7B,EAAI+B,iBAAiB,KAAS,CAAC/B,EAAIY,GAAG,cAAc,IAAI,GAAGR,EAAG,QAAQ,IAAI,IAAI,IAC3sCgD,EAAkB,G,6CCkPP,GAEbC,KAAMA,WAAR,OAEAtB,mBACAE,cACAW,6BACAC,mBACAG,wFACAM,QACAC,SACAL,SACAM,YAEArC,aACA,CACQoB,KAARA,gBACQkB,MAARA,QACQC,UAARA,EACQ5C,MAARA,UAEA,CAAQyB,KAARA,QAAQzB,MAARA,SACA,CAAQyB,KAARA,sBAAQzB,MAARA,iBACA,CAAQyB,KAARA,SAAQzB,MAARA,wBACA,CAAQyB,KAARA,OAAQzB,MAARA,YAGA6C,cACA,CACQpB,KAARA,SACQkB,MAARA,QACQC,UAARA,EACQ5C,MAARA,UAEA,CAAQyB,KAARA,aAAQzB,MAARA,SACA,CAAQyB,KAARA,WAAQzB,MAARA,iBACA,CAAQyB,KAARA,SAAQzB,MAARA,wBACA,CAAQyB,KAARA,eAAQzB,MAARA,WACA,CAAQyB,KAARA,UAAQzB,MAARA,yBAGM0B,eAANA,CACQC,OAARA,MACQC,UAARA,QACQC,SAARA,eACQiB,OAARA,QACQX,YAARA,aACQE,QAARA,gBAEM/B,QAANA,KAMEyC,QAvDF,WAwDI5D,KAAK6D,cAGPC,QAASA,CAEPD,WAFJ,WAEA,WACME,IACNC,IAAAC,6CAAA,CACQC,QAARA,CACUC,cAAVA,4CAGAC,MAAA,YACQ,EAAR,eACQ,EAAR,2BACQC,wCACAC,QAARA,mBAEAC,OAAA,YACQD,QAARA,WAIIzC,YApBJ,SAoBAH,GACM,KAAN,mBACM4C,QAANA,4BACM,KAAN,eAKEE,QAvFF,WAuFA,WACIH,SAAIA,IAAIA,aAAaA,SAAlBA,GACD,EAAN,kBCjVuW,I,6OCQnWI,EAAY,eACd,EACA3E,EACAqD,GACA,EACA,KACA,KACA,MAIa,aAAAsB,EAAiB,QAqBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,aAAA,KAAWC,cAAA,KAAYC,UAAA,KAAQC,QAAA,KAAMC,QAAA,KAAMC,OAAA,KAAKC,UAAA,KAAQC,eAAA,KAAaC,UAAA,KAAQC,aAAA,Q,kCCxCjK","file":"js/chunk-6bd8a1f7.69be7342.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-container',{class:_vm.$vuetify.breakpoint.lgAndUp? 'px-6 py-6' : 'px-1 py-1',attrs:{\"fluid\":\"\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"black--text px-6\"},[_c('v-icon',{staticClass:\"mr-3 text--text\"},[_vm._v(\"mdi-file-document-multiple-outline\")]),_vm._v(\" Request API Form \"),_c('v-spacer'),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{staticClass:\"elevation-1 px-6 admin_table\",attrs:{\"headers\":_vm.headersList,\"items\":_vm.newList,\"items-per-page\":5},scopedSlots:_vm._u([{key:\"item.dataValidationStatus\",fn:function(){return [_c('v-chip',{attrs:{\"color\":\"orange\",\"dark\":\"\"}},[_vm._v(\" Not Process \")])]},proxy:true},{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [[_c('v-icon',{staticClass:\"mr-2 blue--text\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.formRequest(item)}}},[_vm._v(\"mdi-pencil \")])]]}}])})],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"1000\"},model:{value:(_vm.formApplication),callback:function ($$v) {_vm.formApplication=$$v},expression:\"formApplication\"}},[_c('v-card',{staticClass:\"px-8 form\"},[_c('v-card-title',{staticClass:\"primary--text\"},[_vm._v(\"Application Information\")]),_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Full Name \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.name)+\" \")]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Ministry / Agency \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.name)+\" \")]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Phone No. \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.phoneNo)+\" \")]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Email Name \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.email)+\" \")]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Designation \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.designation)+\" \")])],1)],1),_c('v-card-title',{staticClass:\"primary--text\"},[_vm._v(\"About Data Sharing\")]),_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Full Name \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.detailForm.name)+\" \")]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_vm._v(\" Supporting Document \")]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_vm._v(\" : \")]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_vm._v(\" document.docx \")])],1)],1),_c('v-card-title',{staticClass:\"primary--text\"},[_vm._v(\"Water Quality Station\")]),[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',_vm._l((_vm.headersList2),function(item){return _c('th',{key:item.name,staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(item.text)+\" \")])}),0)]),_c('tbody',[_c('tr',{staticClass:\"text-center\"},[_c('td',[_vm._v(_vm._s(_vm.newFormDetails.agency))]),_c('td',[_vm._v(_vm._s(_vm.newFormDetails.stationID))]),_c('td',[_vm._v(_vm._s(_vm.newFormDetails.location))]),_c('td',[_c('v-select',{staticClass:\"my-5\",attrs:{\"items\":_vm.statusForm,\"solo\":\"\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.formStatus),callback:function ($$v) {_vm.formStatus=$$v},expression:\"formStatus\"}})],1),_c('td',[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"auto\",\"item-text\":\"newFormDetails.status\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-text-field',_vm._g(_vm._b({staticClass:\"my-5\",attrs:{\"prepend-icon\":\"mdi-calendar\",\"readonly\":\"\",\"solo\":\"\",\"dense\":\"\",\"hide-details\":\"\"},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}},'v-text-field',attrs,false),on),[_vm._v(_vm._s(_vm.newFormDetails.expiredDate))])]}}]),model:{value:(_vm.menu2),callback:function ($$v) {_vm.menu2=$$v},expression:\"menu2\"}},[_c('v-date-picker',{on:{\"input\":function($event){_vm.menu2 = false}},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}})],1)],1),_c('td',[_c('v-text-field',{staticClass:\"my-5\",attrs:{\"items\":_vm.statusForm,\"solo\":\"\",\"dense\":\"\",\"hide-details\":\"\"}},[_vm._v(_vm._s(_vm.newFormDetails.remarks))])],1)])])]},proxy:true}])}),_c('br'),_c('v-row',[_c('v-col',{staticClass:\"px-8\",attrs:{\"cols\":\"9\"}}),_c('v-col',{staticClass:\"px-2\",attrs:{\"cols\":\"1\"}},[_c('v-btn',{attrs:{\"elevation\":\"2\",\"color\":\"grey\"},on:{\"click\":function($event){_vm.formApplication= false}}},[_vm._v(\"Cancel\")])],1),_c('v-col',{staticClass:\"px-8\",attrs:{\"cols\":\"1\"}},[_c('v-btn',{attrs:{\"elevation\":\"2\",\"color\":\"primary\"},on:{\"click\":function($event){_vm.formApplication= false}}},[_vm._v(\"Proceed\")])],1)],1),_c('br')]],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n\r\n    <v-container fluid :class=\"$vuetify.breakpoint.lgAndUp? 'px-6 py-6' : 'px-1 py-1'\">\r\n\r\n      <v-card>\r\n\r\n        <v-card-title class=\"black--text px-6\">\r\n          <v-icon class=\"mr-3 text--text\">mdi-file-document-multiple-outline</v-icon> Request API Form\r\n          <v-spacer></v-spacer>\r\n          <v-text-field\r\n            v-model=\"search\"\r\n            append-icon=\"mdi-magnify\"\r\n            label=\"Search\"\r\n            single-line\r\n            hide-details\r\n          ></v-text-field>\r\n        </v-card-title>\r\n\r\n        <v-data-table\r\n        :headers=\"headersList\"\r\n        :items=\"newList\"\r\n        :items-per-page=\"5\"\r\n        class=\"elevation-1 px-6 admin_table\"\r\n        >\r\n          <template v-slot:item.dataValidationStatus>\r\n            <v-chip color=orange dark>\r\n            Not Process\r\n            </v-chip>\r\n          </template>\r\n\r\n          <template v-slot:item.actions=\"{ item }\">\r\n            <template>\r\n              <v-icon\r\n                small\r\n                class=\"mr-2 blue--text\"\r\n                @click=\"formRequest(item)\"\r\n              >mdi-pencil\r\n              </v-icon>\r\n            </template>\r\n          </template>\r\n          \r\n        </v-data-table>\r\n      \r\n      </v-card>\r\n\r\n      \r\n    </v-container>\r\n\r\n    <v-dialog \r\n    v-model = \"formApplication\" \r\n    max-width=\"1000\"\r\n    >\r\n      <v-card class=\"px-8 form\">\r\n          <v-card-title class=\"primary--text\">Application Information</v-card-title>\r\n          <v-card-text>\r\n              <v-row>\r\n                  <v-col cols=\"3\">\r\n                      Full Name\r\n                  </v-col>\r\n                  <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.name}}\r\n                  </v-col>\r\n\r\n                  <v-col cols=\"3\">\r\n                      Ministry / Agency \r\n                  </v-col>\r\n                  <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.name}}\r\n                  </v-col>\r\n\r\n                  <v-col cols=\"3\">\r\n                      Phone No.\r\n                  </v-col>\r\n                  <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.phoneNo}}\r\n                  </v-col>\r\n\r\n                  <v-col cols=\"3\">\r\n                      Email Name \r\n                  </v-col>\r\n                  <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.email}}\r\n                  </v-col>\r\n\r\n                  <v-col cols=\"3\">\r\n                      Designation \r\n                  </v-col>\r\n                  <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.designation}}\r\n                  </v-col>\r\n\r\n              </v-row>\r\n          </v-card-text>\r\n\r\n          <v-card-title class=\"primary--text\">About Data Sharing</v-card-title>\r\n          <v-card-text>\r\n          <v-row>\r\n                <v-col cols=\"3\">\r\n                      Full Name \r\n                  </v-col>\r\n                    <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      {{detailForm.name}}\r\n                  </v-col>\r\n\r\n                    <v-col cols=\"3\">\r\n                      Supporting Document \r\n                  </v-col>\r\n                    <v-col cols=\"1\">\r\n                      :\r\n                  </v-col>\r\n                  <v-col cols=\"6\">\r\n                      document.docx\r\n                  </v-col>\r\n          </v-row>\r\n          </v-card-text>\r\n\r\n          <v-card-title class=\"primary--text\">Water Quality Station</v-card-title>\r\n\r\n          <template>\r\n              <v-simple-table>\r\n                  <template v-slot:default>\r\n                  <thead>\r\n                      <tr>\r\n                          <th class=\"text-center\"  \r\n                              v-for=\"item in headersList2\"\r\n                              :key=\"item.name\"\r\n                          >\r\n                              {{ item.text}}\r\n                          </th>\r\n                      </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                      <tr\r\n                      class=\"text-center\">\r\n                      \r\n                      <td>{{ newFormDetails.agency }}</td>\r\n                      <td>{{ newFormDetails.stationID }}</td>\r\n                      <td>{{ newFormDetails.location }}</td>\r\n                      <td> <v-select\r\n                          v-model = \"formStatus\"\r\n                          :items=\"statusForm\"\r\n                          solo\r\n                          dense\r\n                          hide-details\r\n                          class=\"my-5\"\r\n                          ></v-select></td>\r\n                      <td>  <v-menu\r\n                              v-model=\"menu2\"\r\n                              :close-on-content-click=\"false\"\r\n                              :nudge-right=\"40\"\r\n                              transition=\"scale-transition\"\r\n                              offset-y\r\n                              min-width=\"auto\"\r\n                              item-text=\"newFormDetails.status\"\r\n                          >\r\n                              <template v-slot:activator=\"{ on, attrs }\">\r\n                              <v-text-field\r\n                                  v-model=\"date\"\r\n                                  prepend-icon=\"mdi-calendar\"\r\n                                  readonly\r\n                                  v-bind=\"attrs\"\r\n                                  v-on=\"on\"\r\n                                  solo\r\n                                  dense\r\n                                  hide-details\r\n                                  class=\"my-5\"\r\n                              >{{newFormDetails.expiredDate}}</v-text-field>\r\n                              </template>\r\n                              <v-date-picker\r\n                              v-model=\"date\"\r\n                              @input=\"menu2 = false\"\r\n                              ></v-date-picker>\r\n                          </v-menu></td>\r\n                      <td> <v-text-field\r\n                          :items=\"statusForm\"\r\n                          solo\r\n                          dense\r\n                          hide-details\r\n                          class=\"my-5\"\r\n                          >{{newFormDetails.remarks}}</v-text-field></td>\r\n\r\n\r\n                      </tr>\r\n                  </tbody>\r\n                  </template>\r\n              </v-simple-table>\r\n              <br>\r\n              \r\n              <v-row>\r\n                  <v-col  class=\"px-8\" cols=\"9\">\r\n\r\n                  </v-col>\r\n                  <v-col  class=\"px-2\" cols=\"1\">\r\n                      <v-btn\r\n                      elevation=\"2\"\r\n                      color=\"grey\"\r\n                      @click=\"formApplication= false\"\r\n                      >Cancel</v-btn>\r\n                  </v-col>\r\n\r\n                  <v-col  class=\"px-8\" cols=\"1\">\r\n                        <v-btn\r\n                          elevation=\"2\"\r\n                          color= \"primary\"\r\n                          @click=\"formApplication= false\"\r\n                      >Proceed</v-btn>\r\n                      \r\n                  </v-col>\r\n              </v-row>\r\n\r\n              <br>\r\n\r\n              \r\n              </template>\r\n\r\n\r\n      </v-card>\r\n    </v-dialog>\r\n\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\n\r\nimport axios from \"axios\";\r\nimport appMixins from '@/mixins/globalMixins'\r\nimport {bus} from '@/main'\r\n\r\nexport default {\r\n\r\n  data: () => ({\r\n\r\n    formApplication: false, \r\n    detailForm: {},\r\n    statusForm: [\"Lulus\", \"Tolak\"],\r\n    formStatus: \"Lulus\",\r\n    date: (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),\r\n    menu: false,\r\n    modal: false,\r\n    menu2: false,\r\n    countList: 0,\r\n\r\n    headersList: [\r\n        {\r\n          text: 'REFERENCE NO.',\r\n          align: 'start',\r\n          sortable: false,\r\n          value: 'idUser',\r\n        },\r\n        { text: 'EMAIL', value: 'email' },\r\n        { text: 'REQUEST DATE & TIME', value: 'lastPwdChange' },\r\n        { text: 'STATUS', value: 'dataValidationStatus' },\r\n        { text: 'FORM', value: 'actions' },\r\n      ],\r\n    \r\n    headersList2: [\r\n          {\r\n            text: 'Agency',\r\n            align: 'start',\r\n            sortable: false,\r\n            value: 'idUser',\r\n          },\r\n          { text: 'Station ID', value: 'email' },\r\n          { text: 'Location', value: 'lastPwdChange' },\r\n          { text: 'Status', value: 'dataValidationStatus' },\r\n          { text: 'Expired Date', value: 'actions' },\r\n          { text: 'Remarks', value: 'dataValidationStatus' },\r\n        ],\r\n\r\n        newFormDetails: {\r\n            agency: \"JAS\",\r\n            stationID: \"CMS02\",\r\n            location: \"SUNGAI PERAK\",\r\n            Status: \"Lulus\",\r\n            expiredDate: '07-02-2023',\r\n            remarks: \"Contaminated\"\r\n        },\r\n        newList: [],\r\n\r\n\r\n\r\n  }),\r\n\r\n  mounted() {\r\n    this.getAllUser();\r\n  },\r\n\r\n  methods: {\r\n\r\n    getAllUser() {\r\n      axios\r\n        .get(appMixins.data().globalUrl+`/sarawak/users/all`, {\r\n          headers: {\r\n            Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n          },\r\n        })\r\n        .then((response) => {\r\n          this.newList = response.data;\r\n          this.countList = this.newList.length;\r\n          bus.$emit(\"showBadge\", this.countList);\r\n          console.log(this.userData);\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    formRequest(item){\r\n        this.formApplication = true;\r\n        console.log(this.formApplication, item);\r\n        this.detailForm = item;\r\n    }\r\n    \r\n  },\r\n\r\n  created() {\r\n    bus.$on(\"showBadge\", (countList) => {\r\n      this.badgeCount = countList;\r\n    });\r\n  }\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '~scss/main';\r\n\r\n.background{\r\n  background-color: whitesmoke;\r\n  height: 100%;\r\n  width: 100%;\r\n  top: 0;\r\n  background-size: cover;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n\r\n// .v-list-item >  .v-list-item__icon > .v-badge{\r\n//     height: 100px;\r\n// }\r\n\r\n// .v-badge__badge  {\r\n  \r\n//   height: 20px;\r\n//   font-weight: bold;\r\n//   font-size: small !important;\r\n//   min-width: 20px;\r\n//   color: white !important; \r\n//   margin-left: 8px; \r\n//   padding: .5px 3px .5px 3px; \r\n//   text-align: center; \r\n//   vertical-align: middle;\r\n// }\r\n\r\n\r\n</style>\r\n\r\n\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!./RequestApiForm.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!./RequestApiForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RequestApiForm.vue?vue&type=template&id=669b0c6a&\"\nimport script from \"./RequestApiForm.vue?vue&type=script&lang=js&\"\nexport * from \"./RequestApiForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RequestApiForm.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VChip,VCol,VContainer,VDataTable,VDatePicker,VDialog,VIcon,VMenu,VRow,VSelect,VSimpleTable,VSpacer,VTextField})\n","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/lib/loader.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!./RequestApiForm.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}