{"version":3,"sources":["webpack:///./src/views/Approval.vue?36fd","webpack:///src/views/Approval.vue","webpack:///./src/views/Approval.vue?d1fa","webpack:///./src/views/Approval.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isCollapsed","attrs","_v","model","value","callback","$$v","company","expression","_l","key","location","center","searchData","columnMenu","onChange","staticStyle","_e","staticRenderFns","name","components","Button","Select","Option","methods","isSelected","console","log","rowClik","$router","push","data","darkMode","searchUsers","names","companies","locations","centers","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qCAAqCC,MAAM,CAAEP,EAAIQ,YAAiC,oBAAnB,qBAAyC,CAACJ,EAAG,MAAM,CAACE,YAAY,sDAAsDF,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,QAAQ,CAACE,YAAY,gCAAgCG,MAAM,CAAC,IAAM,YAAY,CAACT,EAAIU,GAAG,aAAaN,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,UAAU,SAAW,GAAG,YAAc,uBAAuBE,MAAM,CAACC,MAAOZ,EAAW,QAAEa,SAAS,SAAUC,GAAMd,EAAIe,QAAQD,GAAKE,WAAW,YAAYhB,EAAIiB,GAAIjB,EAAa,UAAE,SAASe,GAAS,OAAOX,EAAG,SAAS,CAACc,IAAIH,EAAQN,MAAM,CAAC,MAAQM,OAAa,IAAI,GAAGX,EAAG,MAAM,CAACE,YAAY,iCAAiCC,MAAM,CAAC,SAA0B,IAAfP,EAAIe,UAAgB,CAACX,EAAG,QAAQ,CAACE,YAAY,gCAAgCG,MAAM,CAAC,IAAM,aAAa,CAACT,EAAIU,GAAG,UAAUN,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,WAAW,SAAW,GAAG,YAAc,oBAAoBE,MAAM,CAACC,MAAOZ,EAAY,SAAEa,SAAS,SAAUC,GAAMd,EAAImB,SAASL,GAAKE,WAAW,aAAahB,EAAIiB,GAAIjB,EAAa,UAAE,SAASmB,GAAU,OAAOf,EAAG,SAAS,CAACc,IAAIC,EAASV,MAAM,CAAC,MAAQU,OAAc,IAAI,GAAGf,EAAG,MAAM,CAACE,YAAY,iCAAiCC,MAAM,CAAC,SAA2B,IAAhBP,EAAImB,WAAiB,CAACf,EAAG,QAAQ,CAACE,YAAY,gCAAgCG,MAAM,CAAC,IAAM,WAAW,CAACT,EAAIU,GAAG,qBAAqBN,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,SAAS,SAAW,GAAG,YAAc,+BAA+BE,MAAM,CAACC,MAAOZ,EAAU,OAAEa,SAAS,SAAUC,GAAMd,EAAIoB,OAAON,GAAKE,WAAW,WAAWhB,EAAIiB,GAAIjB,EAAW,QAAE,SAASoB,GAAQ,OAAOhB,EAAG,SAAS,CAACc,IAAIE,EAAOX,MAAM,CAAC,MAAQW,OAAY,IAAI,GAAGhB,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,SAAyB,IAAdP,EAAIoB,SAAe,CAAChB,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,YAAY,CAACL,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIU,GAAG,eAAe,KAAKN,EAAG,aAAa,CAACK,MAAM,CAAC,cAAcT,EAAIqB,WAAW,UAAW,EAAK,YAAa,EAAK,aAAc,EAAK,WAAY,EAAK,UAAW,EAAK,cAAcrB,EAAIsB,WAAW,OAAStB,EAAIuB,WAAW,CAACnB,EAAG,oBAAoB,CAACE,YAAY,WAAWG,MAAM,CAAC,MAAQ,GAAG,YAAa,KAAQL,EAAG,oBAAoB,CAACK,MAAM,CAAC,MAAQ,IAAI,MAAQ,OAAO,MAAQ,YAAYL,EAAG,oBAAoB,CAACK,MAAM,CAAC,MAAQ,IAAI,MAAQ,UAAU,MAAQ,aAAaL,EAAG,oBAAoB,CAACK,MAAM,CAAC,MAAQ,GAAG,MAAQ,QAAQ,MAAQ,WAAWL,EAAG,oBAAoB,CAACK,MAAM,CAAC,MAAQ,IAAI,MAAQ,SAAS,MAAQ,eAAe,GAAGL,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,oBAAoB,CAACL,EAAG,MAAM,CAACE,YAAY,yEAAyEkB,YAAY,CAAC,IAAM,UAAU,CAACpB,EAAG,OAAO,CAACE,YAAY,gDAAgDF,EAAG,aAAa,CAACK,MAAM,CAAC,KAAO,oBAAoB,CAAgB,IAAdT,EAAIoB,OAAchB,EAAG,OAAO,CAACJ,EAAIU,GAAG,yDAAyDV,EAAIyB,OAAOrB,EAAG,OAAO,CAACJ,EAAIU,GAAG,6BAA6BN,EAAG,OAAO,CAACE,YAAY,6EAA6E,CAACN,EAAIU,GAAG,eAAe,MAAM,IAChlGgB,EAAkB,G,yHCgFtB,GACEC,KAAM,WACNC,WAAY,CACVC,OAAJ,IACIC,OAAJ,IACIC,OAAJ,IACI,aAAc,EAAlB,QACI,oBAAqB,EAAzB,eAEEC,QAAS,CACPT,SADJ,WAGMtB,KAAKgC,YAAa,EAClBC,QAAQC,IAAI,sBAEdC,QANJ,WAOMnC,KAAKoC,QAAQC,KAAK,CAAxB,wBACMJ,QAAQC,IAAI,uBAGhBI,KAAM,WACJ,MAAO,CACL/B,aAAa,EACbgC,UAAU,EACVlB,YAAY,EACZW,YAAY,EACZQ,YAAa,GACbd,KAAM,GACNe,MAAO,CAAC,gBAAiB,iBAAkB,mBAAoB,kBAAmB,aAAc,oBAAqB,eAAgB,cAAe,gBAAiB,eACrK3B,QAAS,GACT4B,UAAW,CAAC,cAAe,cAAe,kBAC1CxB,SAAU,GACVyB,UAAW,CAAC,cAAe,gBAAiB,mBAC5CxB,OAAQ,GACRyB,QAAS,CAAC,UAAW,eAAgB,YCnHuS,I,YCO9UC,EAAY,eACd,EACA/C,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E","file":"js/chunk-2d0d6610.8ef5dab9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"facturas w-full h-full bg-color-01\",class:[!_vm.isCollapsed ? 'wide-table-width':'tight-table-width']},[_c('div',{staticClass:\"w-full flex items-center px-5 h-13 bg-primary-700\"}),_c('div',{staticClass:\"w-full p-2 bg-primary-800 flex items-end\"},[_c('div',{staticClass:\"flex flex-col pb-4 px-2 w-full\"},[_c('label',{staticClass:\"text-primary-200 text-sm pb-2\",attrs:{\"for\":\"company\"}},[_vm._v(\"Empresa\")]),_c('Select',{attrs:{\"id\":\"company\",\"multiple\":\"\",\"placeholder\":\"Seleccione empresa…\"},model:{value:(_vm.company),callback:function ($$v) {_vm.company=$$v},expression:\"company\"}},_vm._l((_vm.companies),function(company){return _c('Option',{key:company,attrs:{\"value\":company}})}),1)],1),_c('div',{staticClass:\"flex flex-col pb-4 px-2 w-full\",class:{'disabled':_vm.company == ''}},[_c('label',{staticClass:\"text-primary-200 text-sm pb-2\",attrs:{\"for\":\"location\"}},[_vm._v(\"Sede\")]),_c('Select',{attrs:{\"id\":\"location\",\"multiple\":\"\",\"placeholder\":\"Seleccione sede…\"},model:{value:(_vm.location),callback:function ($$v) {_vm.location=$$v},expression:\"location\"}},_vm._l((_vm.locations),function(location){return _c('Option',{key:location,attrs:{\"value\":location}})}),1)],1),_c('div',{staticClass:\"flex flex-col pb-4 px-2 w-full\",class:{'disabled':_vm.location == ''}},[_c('label',{staticClass:\"text-primary-200 text-sm pb-2\",attrs:{\"for\":\"center\"}},[_vm._v(\"Centro de coste\")]),_c('Select',{attrs:{\"id\":\"center\",\"multiple\":\"\",\"placeholder\":\"Seleccione centro de coste…\"},model:{value:(_vm.center),callback:function ($$v) {_vm.center=$$v},expression:\"center\"}},_vm._l((_vm.centers),function(center){return _c('Option',{key:center,attrs:{\"value\":center}})}),1)],1),_c('div',{staticClass:\"pb-4 px-2\",class:{'disabled':_vm.center == ''}},[_c('Button',{attrs:{\"type\":\"primary\"}},[_c('span',{staticClass:\"hidden sm:inline-block\"},[_vm._v(\"Buscar\")])])],1)]),_c('kendo-grid',{attrs:{\"data-source\":_vm.searchData,\"pageable\":true,\"filterable\":true,\"reorderable\":true,\"resizable\":true,\"sortable\":true,\"column-menu\":_vm.columnMenu,\"change\":_vm.onChange}},[_c('kendo-grid-column',{staticClass:\"max-w-10\",attrs:{\"width\":40,\"selectable\":true}}),_c('kendo-grid-column',{attrs:{\"width\":250,\"field\":'Name',\"title\":'Nombre'}}),_c('kendo-grid-column',{attrs:{\"width\":250,\"field\":'Company',\"title\":'Empresa'}}),_c('kendo-grid-column',{attrs:{\"width\":80,\"field\":'Level',\"title\":'Nivel'}}),_c('kendo-grid-column',{attrs:{\"width\":120,\"field\":'Amount',\"title\":'Cantidad'}})],1),_c('transition',{attrs:{\"name\":\"modal-fade-down\"}},[_c('div',{staticClass:\"w-full flex flex-col items-center text-light absolute text-primary-100\",staticStyle:{\"top\":\"250px\"}},[_c('span',{staticClass:\"icon-factura text-primary-500 text-5xl pb-4\"}),_c('transition',{attrs:{\"name\":\"modal-fade-down\"}},[(_vm.center == '')?_c('span',[_vm._v(\"Texto de pantalla vacía ... seleccione los campos y\")]):_vm._e()]),_c('span',[_vm._v(\"haga click en\\n          \"),_c('span',{staticClass:\"text-xs bg-secondary rounded text-primary-900 py-1 px-4 inline-block ml-2\"},[_vm._v(\"Buscar\")])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"facturas w-full h-full bg-color-01\" :class=\"[!isCollapsed ? 'wide-table-width':'tight-table-width']\">\r\n        <div class=\"w-full flex items-center px-5 h-13 bg-primary-700\">\r\n          <!-- <p class=\"text-xs\">Aprobación</p> -->\r\n        </div>\r\n        <div class=\"w-full p-2 bg-primary-800 flex items-end\">\r\n          <div class=\"flex flex-col pb-4 px-2 w-full\">\r\n            <label for=\"company\" class=\"text-primary-200 text-sm pb-2\">Empresa</label>\r\n            <Select id=\"company\" v-model=\"company\" multiple placeholder=\"Seleccione empresa…\">\r\n              <Option\r\n                v-for=\"company in companies\"\r\n                :key=\"company\"\r\n                :value=\"company\">\r\n              </Option>\r\n            </Select>\r\n          </div>\r\n          <div :class=\"{'disabled':company == ''}\" class=\"flex flex-col pb-4 px-2 w-full\">\r\n            <label for=\"location\" class=\"text-primary-200 text-sm pb-2\">Sede</label>\r\n            <Select id=\"location\" v-model=\"location\" multiple placeholder=\"Seleccione sede…\">\r\n              <Option\r\n                v-for=\"location in locations\"\r\n                :key=\"location\"\r\n                :value=\"location\">\r\n              </Option>\r\n            </Select>\r\n          </div>\r\n          <div :class=\"{'disabled':location == ''}\" class=\"flex flex-col pb-4 px-2 w-full\">\r\n            <label for=\"center\" class=\"text-primary-200 text-sm pb-2\">Centro de coste</label>\r\n            <Select id=\"center\" v-model=\"center\" multiple placeholder=\"Seleccione centro de coste…\">\r\n              <Option\r\n                v-for=\"center in centers\"\r\n                :key=\"center\"\r\n                :value=\"center\">\r\n              </Option>\r\n            </Select>\r\n          </div>\r\n          <div :class=\"{'disabled':center == ''}\" class=\"pb-4 px-2\">\r\n            <Button type=\"primary\">\r\n              <span class=\"hidden sm:inline-block\">Buscar</span>\r\n            </Button>\r\n          </div>\r\n        </div>\r\n        <kendo-grid :data-source=\"searchData\"\r\n              :pageable=\"true\"\r\n              :filterable=\"true\"\r\n              :reorderable=\"true\"\r\n              :resizable=\"true\"\r\n              :sortable=\"true\"\r\n              :column-menu=\"columnMenu\"\r\n              :change=\"onChange\"\r\n            >\r\n            <kendo-grid-column class=\"max-w-10\" :width=\"40\" :selectable=\"true\"/>\r\n              <kendo-grid-column :width=\"250\" :field=\"'Name'\"\r\n                      :title=\"'Nombre'\">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column :width=\"250\" :field=\"'Company'\"\r\n                      :title=\"'Empresa'\">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column :width=\"80\" :field=\"'Level'\"\r\n                      :title=\"'Nivel'\">\r\n              </kendo-grid-column>\r\n              <kendo-grid-column :width=\"120\" :field=\"'Amount'\"\r\n                      :title=\"'Cantidad'\">\r\n              </kendo-grid-column>\r\n        </kendo-grid>\r\n        <transition name=\"modal-fade-down\">\r\n          <div class=\"w-full flex flex-col items-center text-light absolute text-primary-100\" style=\"top:250px;\">\r\n            <span class=\"icon-factura text-primary-500 text-5xl pb-4\"></span>\r\n            <transition name=\"modal-fade-down\">\r\n              <span v-if=\"center == ''\">Texto de pantalla vacía ... seleccione los campos y</span>\r\n            </transition>\r\n            <span>haga click en\r\n              <span class=\"text-xs bg-secondary rounded text-primary-900 py-1 px-4 inline-block ml-2\">Buscar</span>\r\n            </span>\r\n          </div>\r\n        </transition>\r\n      </div>\r\n</template>\r\n<script>\r\nimport { Grid, GridColumn } from '@progress/kendo-grid-vue-wrapper'\r\nimport { Button, Select, Option } from 'element-ui'\r\nexport default {\r\n  name: 'approval',\r\n  components: {\r\n    Button,\r\n    Select,\r\n    Option,\r\n    'kendo-grid': Grid,\r\n    'kendo-grid-column': GridColumn\r\n  },\r\n  methods: {\r\n    onChange () {\r\n      // this.$router.push({ name: 'documentDetail' })\r\n      this.isSelected = true\r\n      console.log('click en onChange')\r\n    },\r\n    rowClik () {\r\n      this.$router.push({ name: 'documentDetail' })\r\n      console.log('click en onChange')\r\n    }\r\n  },\r\n  data: function () {\r\n    return {\r\n      isCollapsed: false,\r\n      darkMode: true,\r\n      columnMenu: true,\r\n      isSelected: false,\r\n      searchUsers: '',\r\n      name: '',\r\n      names: ['Hector García', 'Lucia González', 'Isabel Rodríguez', 'Abril Fernández', 'Joel López', 'Santiago Martínez', 'Luca Sánchez', 'Leire Pérez', 'Martina Gómez', 'Elia Martin'],\r\n      company: '',\r\n      companies: ['In Molestie', 'Tortor S.L.', 'Semper Pretium'],\r\n      location: '',\r\n      locations: ['Odio Auctor', 'Ridiculus Mus', 'Enim Foundation'],\r\n      center: '',\r\n      centers: ['Compras', 'Contabilidad', 'Legal']\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\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!./Approval.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!./Approval.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Approval.vue?vue&type=template&id=18e59517&\"\nimport script from \"./Approval.vue?vue&type=script&lang=js&\"\nexport * from \"./Approval.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":""}