{"version":3,"sources":["webpack:///./src/components/UIElements/Spinner.vue?1ba8","webpack:///src/components/UIElements/Spinner.vue","webpack:///./src/components/UIElements/Spinner.vue?1de1","webpack:///./src/components/UIElements/Spinner.vue?cd95","webpack:///./src/views/AutorizarAsociacion.vue?6af7","webpack:///./src/views/AutorizarAsociacion.vue?4a6a","webpack:///./src/api/Autorizar.js","webpack:///src/views/AutorizarAsociacion.vue","webpack:///./src/views/AutorizarAsociacion.vue?43c0","webpack:///./src/views/AutorizarAsociacion.vue?3486","webpack:///./src/components/UIElements/Spinner.vue?715d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","type","_m","attrs","version","xmlns","id","in","result","stdDeviation","mode","values","_e","staticRenderFns","Spinnervue_type_script_lang_js_","name","props","String","required","default","visible","Boolean","UIElements_Spinnervue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AutorizarAsociacion_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AutorizarAsociacion_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","_v","_s","dat","Title","staticStyle","position","width","height","margin","background-color","border","border-style","border-color","text-align","padding","word-wrap","NombreUsuarioSolicitante","CorreoElectronicoSolicitante","TipoDocumentoAportante","NumeroDocumentoAportante","FechaRegistro","display","action","on","click","$event","preventDefault","submit","Submit","SubmitDenegade","client","axios","create","baseURL","json","Autorizar","execute","_execute","asyncToGenerator","regeneratorRuntime","mark","_callee","vue","method","resource","data","wrap","_context","prev","next","abrupt","url","then","req","error","$alert","document","location","window","protocol","host","stop","_x","_x2","_x3","_x4","apply","arguments","get","concat","post","AutorizarAsociacionvue_type_script_lang_js_","components","Btn","Spinner","emptyData","loading","Inputs","FileName","Data","token","created","_created","getData","$route","params","methods","_getData","_callee2","resp","_context2","sent","t0","finish","_submit","_callee3","Estado","respuesta","_this","_context3","estado","$confirm","views_AutorizarAsociacionvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Spinner_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Spinner_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-6f487b4f.8c96a3e4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',{staticClass:\"loading\"},[(_vm.type === 'modern')?_c('div',[_vm._m(0),_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('defs',[_c('filter',{attrs:{\"id\":\"goo\"}},[_c('feGaussianBlur',{attrs:{\"in\":\"SourceGraphic\",\"result\":\"blur\",\"stdDeviation\":\"12\"}}),_c('feColorMatrix',{attrs:{\"in\":\"blur\",\"mode\":\"matrix\",\"values\":\"1 0 0 0 0\\t0 1 0 0 0\\t0 0 1 0 0\\t0 0 0 18 -7\",\"result\":\"goo\"}})],1)])])]):_vm._e(),(_vm.type === 'dynamic')?_c('div',{staticClass:\"spinner\"},[_vm._m(1)]):_vm._e(),(_vm.type === 'classic')?_c('div',{staticClass:\"spinner\"},[_vm._m(2)]):_vm._e()]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"moderns\"},[_c('div',{staticClass:\"modern\"}),_c('div',{staticClass:\"modern\"}),_c('div',{staticClass:\"modern\"}),_c('div',{staticClass:\"modern\"}),_c('div',{staticClass:\"modern\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dynamic\"},[_c('span',{attrs:{\"id\":\"dynamic_1\"}}),_c('span',{attrs:{\"id\":\"dynamic_2\"}}),_c('span',{attrs:{\"id\":\"dynamic_3\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"classic\"},[_c('div',{staticClass:\"wBall\",attrs:{\"id\":\"wBall_1\"}},[_c('div',{staticClass:\"wInnerBall\"})]),_c('div',{staticClass:\"wBall\",attrs:{\"id\":\"wBall_2\"}},[_c('div',{staticClass:\"wInnerBall\"})]),_c('div',{staticClass:\"wBall\",attrs:{\"id\":\"wBall_3\"}},[_c('div',{staticClass:\"wInnerBall\"})]),_c('div',{staticClass:\"wBall\",attrs:{\"id\":\"wBall_4\"}},[_c('div',{staticClass:\"wInnerBall\"})]),_c('div',{staticClass:\"wBall\",attrs:{\"id\":\"wBall_5\"}},[_c('div',{staticClass:\"wInnerBall\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"visible\" class=\"loading\"> \r\n        <div v-if=\"type === 'modern'\">\r\n            <div class=\"moderns\">\r\n                <div class=\"modern\"></div>\r\n                <div class=\"modern\"></div>\r\n                <div class=\"modern\"></div>\r\n                <div class=\"modern\"></div>\r\n                <div class=\"modern\"></div>\r\n            </div>\r\n\r\n            <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <defs>\r\n                    <filter id=\"goo\">\r\n                        <feGaussianBlur in=\"SourceGraphic\" result=\"blur\" stdDeviation=\"12\" ></feGaussianBlur>\r\n                        <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0\t0 1 0 0 0\t0 0 1 0 0\t0 0 0 18 -7\" result=\"goo\" ></feColorMatrix>\r\n                        <!--<feBlend in2=\"goo\" in=\"SourceGraphic\" result=\"mix\" ></feBlend>-->\r\n                    </filter>\r\n                </defs>\r\n            </svg>\r\n        </div>\r\n        <div class=\"spinner\" v-if=\"type === 'dynamic'\">\r\n            <div class=\"dynamic\">\r\n                <span id=\"dynamic_1\">\r\n                </span>\r\n                <span id=\"dynamic_2\">\r\n                </span>\r\n                <span id=\"dynamic_3\">\r\n                </span>\r\n            </div>\r\n        </div> \r\n        <div class=\"spinner\" v-if=\"type === 'classic'\">\r\n            <div class=\"classic\">\r\n                <div class=\"wBall\" id=\"wBall_1\">\r\n                    <div class=\"wInnerBall\"></div>\r\n                </div>\r\n                <div class=\"wBall\" id=\"wBall_2\">\r\n                    <div class=\"wInnerBall\"></div>\r\n                </div>\r\n                <div class=\"wBall\" id=\"wBall_3\">\r\n                    <div class=\"wInnerBall\"></div>\r\n                </div>\r\n                <div class=\"wBall\" id=\"wBall_4\">\r\n                    <div class=\"wInnerBall\"></div>\r\n                </div>\r\n                <div class=\"wBall\" id=\"wBall_5\">\r\n                    <div class=\"wInnerBall\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'Spinner',\r\n    props: {\r\n        type:{\r\n\t\t\ttype: String,\r\n            required: false,\r\n            default: () => 'modern'\r\n\t\t},\t\r\n        visible: {\r\n\t\t\ttype: Boolean,\r\n            required: false,\r\n            default: () => true\r\n\t\t},\t\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style>\r\n.loading {\r\n    position: fixed;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 2;\r\n    background-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.spinner {    \t\r\n    position: relative;\r\n    top: 46%;\r\n    margin: auto;\r\n}\r\n\r\n.classic {\r\n\tposition: relative;\r\n\twidth: 78px;\r\n\theight:78px;\r\n\tmargin:auto;\r\n}\r\n\r\n.classic .wBall {\r\n\tposition: absolute;\r\n\twidth: 74px;\r\n\theight: 74px;\r\n\topacity: 0;\r\n\ttransform: rotate(225deg);\r\n\t\t-o-transform: rotate(225deg);\r\n\t\t-ms-transform: rotate(225deg);\r\n\t\t-webkit-transform: rotate(225deg);\r\n\t\t-moz-transform: rotate(225deg);\r\n\tanimation: orbit 6.96s infinite;\r\n\t\t-o-animation: orbit 6.96s infinite;\r\n\t\t-ms-animation: orbit 6.96s infinite;\r\n\t\t-webkit-animation: orbit 6.96s infinite;\r\n\t\t-moz-animation: orbit 6.96s infinite;\r\n}\r\n\r\n.classic .wBall .wInnerBall{\r\n\tposition: absolute;\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\tbackground: rgb(127,194,65);\r\n\tleft:0px;\r\n\ttop:0px;\r\n\tborder-radius: 10px;\r\n}\r\n\r\n.classic #wBall_1 {\r\n\tanimation-delay: 1.52s;\r\n\t\t-o-animation-delay: 1.52s;\r\n\t\t-ms-animation-delay: 1.52s;\r\n\t\t-webkit-animation-delay: 1.52s;\r\n\t\t-moz-animation-delay: 1.52s;\r\n}\r\n\r\n.classic #wBall_2 {\r\n\tanimation-delay: 0.3s;\r\n\t\t-o-animation-delay: 0.3s;\r\n\t\t-ms-animation-delay: 0.3s;\r\n\t\t-webkit-animation-delay: 0.3s;\r\n\t\t-moz-animation-delay: 0.3s;\r\n}\r\n\r\n.classic #wBall_3 {\r\n\tanimation-delay: 0.61s;\r\n\t\t-o-animation-delay: 0.61s;\r\n\t\t-ms-animation-delay: 0.61s;\r\n\t\t-webkit-animation-delay: 0.61s;\r\n\t\t-moz-animation-delay: 0.61s;\r\n}\r\n\r\n.classic #wBall_4 {\r\n\tanimation-delay: 0.91s;\r\n\t\t-o-animation-delay: 0.91s;\r\n\t\t-ms-animation-delay: 0.91s;\r\n\t\t-webkit-animation-delay: 0.91s;\r\n\t\t-moz-animation-delay: 0.91s;\r\n}\r\n\r\n.classic #wBall_5 {\r\n\tanimation-delay: 1.22s;\r\n\t\t-o-animation-delay: 1.22s;\r\n\t\t-ms-animation-delay: 1.22s;\r\n\t\t-webkit-animation-delay: 1.22s;\r\n\t\t-moz-animation-delay: 1.22s;\r\n}\r\n\r\n\r\n\r\n@keyframes orbit {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\tz-index:99;\r\n\t\ttransform: rotate(180deg);\r\n\t\tanimation-timing-function: ease-out;\r\n\t}\r\n\r\n\t7% {\r\n\t\topacity: 1;\r\n\t\ttransform: rotate(300deg);\r\n\t\tanimation-timing-function: linear;\r\n\t\torigin:0%;\r\n\t}\r\n\r\n\t30% {\r\n\t\topacity: 1;\r\n\t\ttransform:rotate(410deg);\r\n\t\tanimation-timing-function: ease-in-out;\r\n\t\torigin:7%;\r\n\t}\r\n\r\n\t39% {\r\n\t\topacity: 1;\r\n\t\ttransform: rotate(645deg);\r\n\t\tanimation-timing-function: linear;\r\n\t\torigin:30%;\r\n\t}\r\n\r\n\t70% {\r\n\t\topacity: 1;\r\n\t\ttransform: rotate(770deg);\r\n\t\tanimation-timing-function: ease-out;\r\n\t\torigin:39%;\r\n\t}\r\n\r\n\t75% {\r\n\t\topacity: 1;\r\n\t\ttransform: rotate(900deg);\r\n\t\tanimation-timing-function: ease-out;\r\n\t\torigin:70%;\r\n\t}\r\n\r\n\t76% {\r\n\topacity: 0;\r\n\t\ttransform:rotate(900deg);\r\n\t}\r\n\r\n\t100% {\r\n\topacity: 0;\r\n\t\ttransform: rotate(900deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes orbit {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\tz-index:99;\r\n\t\t-o-transform: rotate(180deg);\r\n\t\t-o-animation-timing-function: ease-out;\r\n\t}\r\n\r\n\t7% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: rotate(300deg);\r\n\t\t-o-animation-timing-function: linear;\r\n\t\t-o-origin:0%;\r\n\t}\r\n\r\n\t30% {\r\n\t\topacity: 1;\r\n\t\t-o-transform:rotate(410deg);\r\n\t\t-o-animation-timing-function: ease-in-out;\r\n\t\t-o-origin:7%;\r\n\t}\r\n\r\n\t39% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: rotate(645deg);\r\n\t\t-o-animation-timing-function: linear;\r\n\t\t-o-origin:30%;\r\n\t}\r\n\r\n\t70% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: rotate(770deg);\r\n\t\t-o-animation-timing-function: ease-out;\r\n\t\t-o-origin:39%;\r\n\t}\r\n\r\n\t75% {\r\n\t\topacity: 1;\r\n\t\t-o-transform: rotate(900deg);\r\n\t\t-o-animation-timing-function: ease-out;\r\n\t\t-o-origin:70%;\r\n\t}\r\n\r\n\t76% {\r\n\topacity: 0;\r\n\t\t-o-transform:rotate(900deg);\r\n\t}\r\n\r\n\t100% {\r\n\topacity: 0;\r\n\t\t-o-transform: rotate(900deg);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes orbit {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\tz-index:99;\r\n\t\t-ms-transform: rotate(180deg);\r\n\t\t-ms-animation-timing-function: ease-out;\r\n\t}\r\n\r\n\t7% {\r\n\t\topacity: 1;\r\n\t\t-ms-transform: rotate(300deg);\r\n\t\t-ms-animation-timing-function: linear;\r\n\t\t-ms-origin:0%;\r\n\t}\r\n\r\n\t30% {\r\n\t\topacity: 1;\r\n\t\t-ms-transform:rotate(410deg);\r\n\t\t-ms-animation-timing-function: ease-in-out;\r\n\t\t-ms-origin:7%;\r\n\t}\r\n\r\n\t39% {\r\n\t\topacity: 1;\r\n\t\t-ms-transform: rotate(645deg);\r\n\t\t-ms-animation-timing-function: linear;\r\n\t\t-ms-origin:30%;\r\n\t}\r\n\r\n\t70% {\r\n\t\topacity: 1;\r\n\t\t-ms-transform: rotate(770deg);\r\n\t\t-ms-animation-timing-function: ease-out;\r\n\t\t-ms-origin:39%;\r\n\t}\r\n\r\n\t75% {\r\n\t\topacity: 1;\r\n\t\t-ms-transform: rotate(900deg);\r\n\t\t-ms-animation-timing-function: ease-out;\r\n\t\t-ms-origin:70%;\r\n\t}\r\n\r\n\t76% {\r\n\topacity: 0;\r\n\t\t-ms-transform:rotate(900deg);\r\n\t}\r\n\r\n\t100% {\r\n\topacity: 0;\r\n\t\t-ms-transform: rotate(900deg);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes orbit {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\tz-index:99;\r\n\t\t-webkit-transform: rotate(180deg);\r\n\t\t-webkit-animation-timing-function: ease-out;\r\n\t}\r\n\r\n\t7% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: rotate(300deg);\r\n\t\t-webkit-animation-timing-function: linear;\r\n\t\t-webkit-origin:0%;\r\n\t}\r\n\r\n\t30% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform:rotate(410deg);\r\n\t\t-webkit-animation-timing-function: ease-in-out;\r\n\t\t-webkit-origin:7%;\r\n\t}\r\n\r\n\t39% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: rotate(645deg);\r\n\t\t-webkit-animation-timing-function: linear;\r\n\t\t-webkit-origin:30%;\r\n\t}\r\n\r\n\t70% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: rotate(770deg);\r\n\t\t-webkit-animation-timing-function: ease-out;\r\n\t\t-webkit-origin:39%;\r\n\t}\r\n\r\n\t75% {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: rotate(900deg);\r\n\t\t-webkit-animation-timing-function: ease-out;\r\n\t\t-webkit-origin:70%;\r\n\t}\r\n\r\n\t76% {\r\n\topacity: 0;\r\n\t\t-webkit-transform:rotate(900deg);\r\n\t}\r\n\r\n\t100% {\r\n\topacity: 0;\r\n\t\t-webkit-transform: rotate(900deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes orbit {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t\tz-index:99;\r\n\t\t-moz-transform: rotate(180deg);\r\n\t\t-moz-animation-timing-function: ease-out;\r\n\t}\r\n\r\n\t7% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: rotate(300deg);\r\n\t\t-moz-animation-timing-function: linear;\r\n\t\t-moz-origin:0%;\r\n\t}\r\n\r\n\t30% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform:rotate(410deg);\r\n\t\t-moz-animation-timing-function: ease-in-out;\r\n\t\t-moz-origin:7%;\r\n\t}\r\n\r\n\t39% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: rotate(645deg);\r\n\t\t-moz-animation-timing-function: linear;\r\n\t\t-moz-origin:30%;\r\n\t}\r\n\r\n\t70% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: rotate(770deg);\r\n\t\t-moz-animation-timing-function: ease-out;\r\n\t\t-moz-origin:39%;\r\n\t}\r\n\r\n\t75% {\r\n\t\topacity: 1;\r\n\t\t-moz-transform: rotate(900deg);\r\n\t\t-moz-animation-timing-function: ease-out;\r\n\t\t-moz-origin:70%;\r\n\t}\r\n\r\n\t76% {\r\n\topacity: 0;\r\n\t\t-moz-transform:rotate(900deg);\r\n\t}\r\n\r\n\t100% {\r\n\topacity: 0;\r\n\t\t-moz-transform: rotate(900deg);\r\n\t}\r\n}\r\n\r\n\r\n.dynamic {\r\n\ttext-align: center;\r\n\twidth:78px;\r\n\theight:49px;\r\n\tmargin: auto;\r\n}\r\n\r\n.dynamic span {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\tmargin: 24px auto;\r\n\tbackground: rgb(0,122,94);\r\n\tborder-radius: 49px;\r\n\t\t-o-border-radius: 49px;\r\n\t\t-ms-border-radius: 49px;\r\n\t\t-webkit-border-radius: 49px;\r\n\t\t-moz-border-radius: 49px;\r\n\tanimation: dynamic 1.5s infinite alternate;\r\n\t\t-o-animation: dynamic 1.5s infinite alternate;\r\n\t\t-ms-animation: dynamic 1.5s infinite alternate;\r\n\t\t-webkit-animation: dynamic 1.5s infinite alternate;\r\n\t\t-moz-animation: dynamic 1.5s infinite alternate;\r\n}\r\n\r\n#dynamic_1 {\r\n\tanimation-delay: 0s;\r\n\t\t-o-animation-delay: 0s;\r\n\t\t-ms-animation-delay: 0s;\r\n\t\t-webkit-animation-delay: 0s;\r\n\t\t-moz-animation-delay: 0s;\r\n}\r\n\r\n#dynamic_2 {\r\n\tanimation-delay: 0.45s;\r\n\t\t-o-animation-delay: 0.45s;\r\n\t\t-ms-animation-delay: 0.45s;\r\n\t\t-webkit-animation-delay: 0.45s;\r\n\t\t-moz-animation-delay: 0.45s;\r\n}\r\n\r\n#dynamic_3 {\r\n\tanimation-delay: 0.9s;\r\n\t\t-o-animation-delay: 0.9s;\r\n\t\t-ms-animation-delay: 0.9s;\r\n\t\t-webkit-animation-delay: 0.9s;\r\n\t\t-moz-animation-delay: 0.9s;\r\n}\r\n\r\n\r\n\r\n@keyframes dynamic {\r\n\t0% {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground-color:rgb(127,194,65);\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\twidth: 23px;\r\n\t\theight: 23px;\r\n\t\tbackground-color:rgb(255,255,255);\r\n\t\ttransform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n@-o-keyframes dynamic {\r\n\t0% {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground-color:rgb(127,194,65);\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\twidth: 23px;\r\n\t\theight: 23px;\r\n\t\tbackground-color:rgb(255,255,255);\r\n\t\t-o-transform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes dynamic {\r\n\t0% {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground-color:rgb(127,194,65);\r\n\t\t-ms-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\twidth: 23px;\r\n\t\theight: 23px;\r\n\t\tbackground-color:rgb(255,255,255);\r\n\t\t-ms-transform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes dynamic {\r\n\t0% {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground-color:rgb(127,194,65);\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\twidth: 23px;\r\n\t\theight: 23px;\r\n\t\tbackground-color:rgb(255,255,255);\r\n\t\t-webkit-transform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes dynamic {\r\n\t0% {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground-color:rgb(127,194,65);\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\r\n\t100% {\r\n\t\twidth: 23px;\r\n\t\theight: 23px;\r\n\t\tbackground-color:rgb(255,255,255);\r\n\t\t-moz-transform: translateY(-20px);\r\n\t}\r\n}\r\n\r\n\r\n\r\n.moderns {\r\n\twidth: 0;\r\n\theight: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tmargin: auto;\r\n\toutline: 1px solid red;\r\n\tfilter: url(#goo);\r\n\t\t-o-filter: \t\turl(#goo);\r\n\t\t-ms-filter: \turl(#goo);\r\n\t\t-webkit-filter: url(#goo);\r\n\t\t-moz-filter: \turl(#goo);\r\n}\r\n\r\n.modern {\r\n\twidth: 30px;\r\n\theight: 85px;\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n}\r\n.modern:before {\r\n\tcontent: \"\";\r\n\twidth: 31px;\r\n\theight: 31px;\r\n\tborder-radius: 45px;\r\n\tbackground: rgb(241,175,22);\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttransform: translateY(0);\r\n\t\t-o-transform: translateY(0);\r\n\t\t-ms-transform: translateY(0);\r\n\t\t-webkit-transform: translateY(0);\r\n\t\t-moz-transform: translateY(0);\r\n\tmargin-left: -15.5px;\r\n\tmargin-top: -15.5px;\r\n}\r\n\r\n\r\n\r\n.modern:nth-child(5):before {\r\n\tz-index: 100;\r\n\twidth: 40.5px;\r\n\theight: 40.5px;\r\n\tmargin-left: -20.75px;\r\n\tmargin-top: -20.75px;\r\n\tanimation: modern-colors 4s ease infinite;\r\n\t\t-o-animation: modern-colors 4s ease infinite;\r\n\t\t-ms-animation: modern-colors 4s ease infinite;\r\n\t\t-webkit-animation: modern-colors 4s ease infinite;\r\n\t\t-moz-animation: modern-colors 4s ease infinite;\r\n}\r\n\r\n\r\n.modern:nth-child(1) {\r\n\tanimation: modern-rotate-1 4s 0s linear infinite;\r\n\t\t-o-animation: modern-rotate-1 4s 0s linear infinite;\r\n\t\t-ms-animation: modern-rotate-1 4s 0s linear infinite;\r\n\t\t-webkit-animation: modern-rotate-1 4s 0s linear infinite;\r\n\t\t-moz-animation: modern-rotate-1 4s 0s linear infinite;\r\n}\r\n.modern:nth-child(1):before {\r\n\tbackground-color: rgb(246,138,30);\r\n\tanimation: modern-move 4s 0s ease infinite;\r\n\t\t-o-animation: modern-move 4s 0s ease infinite;\r\n\t\t-ms-animation: modern-move 4s 0s ease infinite;\r\n\t\t-webkit-animation: modern-move 4s 0s ease infinite;\r\n\t\t-moz-animation: modern-move 4s 0s ease infinite;\r\n}\r\n\r\n.modern:nth-child(2) {\r\n\tanimation: modern-rotate-2 4s 1s linear infinite;\r\n\t\t-o-animation: modern-rotate-2 4s 1s linear infinite;\r\n\t\t-ms-animation: modern-rotate-2 4s 1s linear infinite;\r\n\t\t-webkit-animation: modern-rotate-2 4s 1s linear infinite;\r\n\t\t-moz-animation: modern-rotate-2 4s 1s linear infinite;\r\n}\r\n.modern:nth-child(2):before {\r\n\tbackground-color: rgb(0,122,94);\r\n\tanimation: modern-move 4s 1s ease infinite;\r\n\t\t-o-animation: modern-move 4s 1s ease infinite;\r\n\t\t-ms-animation: modern-move 4s 1s ease infinite;\r\n\t\t-webkit-animation: modern-move 4s 1s ease infinite;\r\n\t\t-moz-animation: modern-move 4s 1s ease infinite;\r\n}\r\n\r\n.modern:nth-child(3) {\r\n\tanimation: modern-rotate-3 4s 2s linear infinite;\r\n\t\t-o-animation: modern-rotate-3 4s 2s linear infinite;\r\n\t\t-ms-animation: modern-rotate-3 4s 2s linear infinite;\r\n\t\t-webkit-animation: modern-rotate-3 4s 2s linear infinite;\r\n\t\t-moz-animation: modern-rotate-3 4s 2s linear infinite;\r\n}\r\n.modern:nth-child(3):before {\r\n\tbackground-color: rgb(127,194,65);\r\n\tanimation: modern-move 4s 2s ease infinite;\r\n\t\t-o-animation: modern-move 4s 2s ease infinite;\r\n\t\t-ms-animation: modern-move 4s 2s ease infinite;\r\n\t\t-webkit-animation: modern-move 4s 2s ease infinite;\r\n\t\t-moz-animation: modern-move 4s 2s ease infinite;\r\n}\r\n\r\n.modern:nth-child(4) {\r\n\tanimation: modern-rotate-4 4s 3s linear infinite;\r\n\t\t-o-animation: modern-rotate-4 4s 3s linear infinite;\r\n\t\t-ms-animation: modern-rotate-4 4s 3s linear infinite;\r\n\t\t-webkit-animation: modern-rotate-4 4s 3s linear infinite;\r\n\t\t-moz-animation: modern-rotate-4 4s 3s linear infinite;\r\n}\r\n.modern:nth-child(4):before {\r\n\tbackground-color: rgb(241,175,22);\r\n\tanimation: modern-move 4s 3s ease infinite;\r\n\t\t-o-animation: modern-move 4s 3s ease infinite;\r\n\t\t-ms-animation: modern-move 4s 3s ease infinite;\r\n\t\t-webkit-animation: modern-move 4s 3s ease infinite;\r\n\t\t-moz-animation: modern-move 4s 3s ease infinite;\r\n}\r\n\r\n@keyframes modern-move {\r\n\t0% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\t18%, 22% {\r\n\t\ttransform: translateY(-63px);\r\n\t}\r\n\t40%, 100% {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-move {\r\n\t0% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n\t18%, 22% {\r\n\t\t-o-transform: translateY(-63px);\r\n\t}\r\n\t40%, 100% {\r\n\t\t-o-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-move {\r\n\t0% {\r\n\t\t-ms-transform: translateY(0);\r\n\t}\r\n\t18%, 22% {\r\n\t\t-ms-transform: translateY(-63px);\r\n\t}\r\n\t40%, 100% {\r\n\t\t-ms-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-move {\r\n\t0% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n\t18%, 22% {\r\n\t\t-webkit-transform: translateY(-63px);\r\n\t}\r\n\t40%, 100% {\r\n\t\t-webkit-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-move {\r\n\t0% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n\t18%, 22% {\r\n\t\t-moz-transform: translateY(-63px);\r\n\t}\r\n\t40%, 100% {\r\n\t\t-moz-transform: translateY(0);\r\n\t}\r\n}\r\n\r\n@keyframes modern-colors {\r\n\t0% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n\t25% {\r\n\t\tbackground-color: rgb(246,138,30);\r\n\t}\r\n\t50% {\r\n\t\tbackground-color: rgb(0,122,94);\r\n\t}\r\n\t75% {\r\n\t\tbackground-color: rgb(127,194,65);\r\n\t}\r\n\t100% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-colors {\r\n\t0% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n\t25% {\r\n\t\tbackground-color: rgb(246,138,30);\r\n\t}\r\n\t50% {\r\n\t\tbackground-color: rgb(0,122,94);\r\n\t}\r\n\t75% {\r\n\t\tbackground-color: rgb(127,194,65);\r\n\t}\r\n\t100% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-colors {\r\n\t0% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n\t25% {\r\n\t\tbackground-color: rgb(246,138,30);\r\n\t}\r\n\t50% {\r\n\t\tbackground-color: rgb(0,122,94);\r\n\t}\r\n\t75% {\r\n\t\tbackground-color: rgb(127,194,65);\r\n\t}\r\n\t100% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-colors {\r\n\t0% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n\t25% {\r\n\t\tbackground-color: rgb(246,138,30);\r\n\t}\r\n\t50% {\r\n\t\tbackground-color: rgb(0,122,94);\r\n\t}\r\n\t75% {\r\n\t\tbackground-color: rgb(127,194,65);\r\n\t}\r\n\t100% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-colors {\r\n\t0% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n\t25% {\r\n\t\tbackground-color: rgb(246,138,30);\r\n\t}\r\n\t50% {\r\n\t\tbackground-color: rgb(0,122,94);\r\n\t}\r\n\t75% {\r\n\t\tbackground-color: rgb(127,194,65);\r\n\t}\r\n\t100% {\r\n\t\tbackground-color: rgb(241,175,22);\r\n\t}\r\n}\r\n\r\n@keyframes modern-rotate-1 {\r\n\t0% {\r\n\t\ttransform: rotate(-105deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(270deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-rotate-1 {\r\n\t0% {\r\n\t\t-o-transform: rotate(-105deg);\r\n\t}\r\n\t100% {\r\n\t\t-o-transform: rotate(270deg);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-rotate-1 {\r\n\t0% {\r\n\t\t-ms-transform: rotate(-105deg);\r\n\t}\r\n\t100% {\r\n\t\t-ms-transform: rotate(270deg);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-rotate-1 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(-105deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(270deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-rotate-1 {\r\n\t0% {\r\n\t\t-moz-transform: rotate(-105deg);\r\n\t}\r\n\t100% {\r\n\t\t-moz-transform: rotate(270deg);\r\n\t}\r\n}\r\n\r\n@keyframes modern-rotate-2 {\r\n\t0% {\r\n\t\ttransform: rotate(165deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(540deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-rotate-2 {\r\n\t0% {\r\n\t\t-o-transform: rotate(165deg);\r\n\t}\r\n\t100% {\r\n\t\t-o-transform: rotate(540deg);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-rotate-2 {\r\n\t0% {\r\n\t\t-ms-transform: rotate(165deg);\r\n\t}\r\n\t100% {\r\n\t\t-ms-transform: rotate(540deg);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-rotate-2 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(165deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(540deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-rotate-2 {\r\n\t0% {\r\n\t\t-moz-transform: rotate(165deg);\r\n\t}\r\n\t100% {\r\n\t\t-moz-transform: rotate(540deg);\r\n\t}\r\n}\r\n\r\n@keyframes modern-rotate-3 {\r\n\t0% {\r\n\t\ttransform: rotate(435deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(810deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-rotate-3 {\r\n\t0% {\r\n\t\t-o-transform: rotate(435deg);\r\n\t}\r\n\t100% {\r\n\t\t-o-transform: rotate(810deg);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-rotate-3 {\r\n\t0% {\r\n\t\t-ms-transform: rotate(435deg);\r\n\t}\r\n\t100% {\r\n\t\t-ms-transform: rotate(810deg);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-rotate-3 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(435deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(810deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-rotate-3 {\r\n\t0% {\r\n\t\t-moz-transform: rotate(435deg);\r\n\t}\r\n\t100% {\r\n\t\t-moz-transform: rotate(810deg);\r\n\t}\r\n}\r\n\r\n@keyframes modern-rotate-4 {\r\n\t0% {\r\n\t\ttransform: rotate(705deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(1080deg);\r\n\t}\r\n}\r\n\r\n@-o-keyframes modern-rotate-4 {\r\n\t0% {\r\n\t\t-o-transform: rotate(705deg);\r\n\t}\r\n\t100% {\r\n\t\t-o-transform: rotate(1080deg);\r\n\t}\r\n}\r\n\r\n@-ms-keyframes modern-rotate-4 {\r\n\t0% {\r\n\t\t-ms-transform: rotate(705deg);\r\n\t}\r\n\t100% {\r\n\t\t-ms-transform: rotate(1080deg);\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes modern-rotate-4 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(705deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(1080deg);\r\n\t}\r\n}\r\n\r\n@-moz-keyframes modern-rotate-4 {\r\n\t0% {\r\n\t\t-moz-transform: rotate(705deg);\r\n\t}\r\n\t100% {\r\n\t\t-moz-transform: rotate(1080deg);\r\n\t}\r\n}\r\n</style>\r\n\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!./Spinner.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!./Spinner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Spinner.vue?vue&type=template&id=52887dd0&\"\nimport script from \"./Spinner.vue?vue&type=script&lang=js&\"\nexport * from \"./Spinner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Spinner.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutorizarAsociacion.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AutorizarAsociacion.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_c('h1',{staticClass:\"text-green\"},[_vm._v(_vm._s(this.dat.Title))]),_c('h3',[_vm._v(\"Por favor valide la información a continuación e indique si autoriza o declina la asociación del registro aportante.\")]),_c('form',[_c('div',{staticClass:\"form-footer\"},[_c('div',{staticClass:\"center\"},[_c('div',{staticStyle:{\"position\":\"static\",\"width\":\"100% !important\",\"height\":\"6em !important\",\"margin\":\"auto\",\"background-color\":\"#ffffffa3\"}},[_c('div',{staticClass:\"center\",staticStyle:{\"width\":\"70% !important\",\"height\":\"8em !important\",\"margin\":\"auto\",\"background-color\":\"#ffffffa3\",\"border\":\"solid\",\"border-style\":\"ridge\",\"border-color\":\"lightgray\",\"text-align\":\"left !important\",\"padding\":\"10px\",\"word-wrap\":\"break-word\"}},[_c('h4',[_vm._v(\"Información del usuario solicitante \")]),_c('br'),_c('p',[_vm._v(\"Usuario Solicitante:\"+_vm._s(_vm.NombreUsuarioSolicitante))]),_c('p',[_vm._v(\"Correo Electrónico: \"+_vm._s(_vm.CorreoElectronicoSolicitante))])]),_c('div',{staticClass:\"center\",staticStyle:{\"width\":\"70% !important\",\"height\":\"10em !important\",\"margin\":\"auto\",\"background-color\":\"#ffffffa3\",\"border\":\"solid\",\"border-style\":\"ridge\",\"border-color\":\"lightgray\",\"text-align\":\"left !important\",\"padding\":\"10px\",\"word-wrap\":\"break-word\"}},[_c('h4',[_vm._v(\"Información del registro del aportante\")]),_c('br'),_c('p',[_vm._v(\"Tipo de identificación: \"+_vm._s(_vm.TipoDocumentoAportante))]),_c('p',[_vm._v(\"Número de Identificación: \"+_vm._s(_vm.NumeroDocumentoAportante))]),_c('p',[_vm._v(\"Fecha de registro: \"+_vm._s(_vm.FechaRegistro))])]),_c('Btn',{staticStyle:{\"display\":\"inline-block\"},attrs:{\"action\":\"submit(true)\",\"type\":\"green\"},on:{\"click\":function($event){$event.preventDefault();_vm.submit(true)}}},[_vm._v(_vm._s(_vm.Submit))]),_c('Btn',{attrs:{\"action\":\"submit(false)\",\"type\":\"orange\"},on:{\"click\":function($event){$event.preventDefault();_vm.submit(false)}}},[_vm._v(_vm._s(_vm.SubmitDenegade))])],1)])])]),(_vm.loading)?_c('Spinner',{attrs:{\"type\":\"modern\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from 'axios'\r\n\r\nconst client = axios.create({\r\n    baseURL: '/api/AutorizarAsociado',\r\n    json: true\r\n})\r\n\r\nexport default {\r\n    async execute(vue, method, resource, data) {\r\n        return client({\r\n            method,\r\n            url: resource,\r\n            data\r\n        }).then(req => {\r\n            if (req.data.error) {\r\n                vue.$alert(req.data.error).then(() => {\r\n                    document.location = window.location.protocol + \"//\" + window.location.host + \"/index.html#/\";\r\n                });\r\n            }\r\n            return req.data\r\n        })\r\n    },\r\n    get(vue, id) {\r\n        return this.execute(vue, 'get', `Get/${id}`)\r\n    },\r\n    post(vue, data) {\r\n        return this.execute(vue, 'post', 'Post/', data)\r\n    }\r\n}\r\n","<template>\r\n  <main>\r\n    <h1 class=\"text-green\">{{this.dat.Title}}</h1>\r\n    <h3>Por favor valide la información a continuación e indique si autoriza o declina la asociación del registro aportante.</h3>\r\n    <form>\r\n        <div class=\"form-footer\">\r\n            <div class=\"center\">\r\n                <div style=\"\r\n              position: static;\r\n              width: 100% !important;\r\n              height: 6em !important;\r\n              margin: auto;\r\n              background-color: #ffffffa3;\r\n          \">\r\n                    <div class=\"center\" style=\"\r\n                      width: 70% !important;\r\n                      height: 8em !important;\r\n                      margin: auto;\r\n                      background-color: #ffffffa3;\r\n                      border:solid;\r\n                      border-style:ridge;\r\n                      border-color:lightgray;\r\n                      text-align:left !important;\r\n                      padding: 10px;\r\n                      word-wrap: break-word;\r\n                      \">\r\n                        <h4>Información del usuario solicitante </h4>\r\n                        <br />\r\n                        <p>Usuario Solicitante:{{NombreUsuarioSolicitante}}</p>\r\n                        <p>Correo Electrónico: {{CorreoElectronicoSolicitante}}</p>\r\n                    </div>\r\n                    <div class=\"center\" style=\"\r\n                      width: 70% !important;\r\n                      height: 10em !important;\r\n                      margin: auto;\r\n                      background-color: #ffffffa3;\r\n                      border:solid;\r\n                      border-style:ridge;\r\n                      border-color:lightgray;\r\n                      text-align:left !important;\r\n                      padding: 10px;\r\n                      word-wrap: break-word;\r\n                      \">\r\n                        <h4>Información del registro del aportante</h4>\r\n                        <br />\r\n                        <p>Tipo de identificación: {{TipoDocumentoAportante}}</p>\r\n                        <p>Número de Identificación: {{NumeroDocumentoAportante}}</p>\r\n                        <p>Fecha de registro: {{FechaRegistro}}</p>\r\n                    </div>\r\n                    <Btn action=\"submit(true)\"\r\n                         type=\"green\"\r\n                         style=\"display:inline-block\"\r\n                         @click.prevent=\"submit(true)\">{{Submit}}</Btn>\r\n                    <Btn action=\"submit(false)\"\r\n                         type=\"orange\"\r\n                         @click.prevent=\"submit(false)\">{{SubmitDenegade}}</Btn>\r\n\r\n                </div>\r\n            </div>           \r\n        </div>\r\n    </form>\r\n    <Spinner v-if=\"loading\" type=\"modern\"></Spinner>\r\n  </main>\r\n</template>\r\n\r\n<script>\r\nimport api from \"../api/Autorizar\";\r\nimport Btn from \"../components/UIElements/Btn\";\r\nimport Spinner from \"../components/UIElements/Spinner\";\r\nexport default {\r\n  name: \"FormReport\",\r\n  components: { Btn, Spinner },\r\n  data() {\r\n    return {\r\n      emptyData: true,\r\n        loading: true,\r\n        NombreUsuarioSolicitante: \"\",\r\n        CorreoElectronicoSolicitante: \"\",\r\n        TipoDocumentoAportante: \"\",\r\n        NumeroDocumentoAportante: \"\",\r\n        FechaRegistro: \"\",\r\n      dat: {\r\n        Title: \"Autorizar Asociación del Aportante\",\r\n        Inputs: [],\r\n        FileName: \"\",\r\n        Data: {}\r\n      },\r\n        Submit: \"Autorizar\",\r\n        SubmitDenegade: \"Declinar\",\r\n      token: {},\r\n      id: \"\"\r\n      };\r\n  },\r\n        async created() {\r\n            this.loading = true;\r\n            await this.getData(this.$route.params.id);\r\n  },\r\n  methods: {\r\n      async getData(id) {\r\n      this.id = id;\r\n\r\n      try {\r\n          var resp = await api.get(this, id);\r\n          if (!resp.error) {\r\n              this.dat = resp;\r\n          }\r\n          this.NombreUsuarioSolicitante = this.dat.Data.Data.NombreUsuarioSolicitante;\r\n          this.CorreoElectronicoSolicitante = this.dat.Data.Data.CorreoElectronicoSolicitante;\r\n          this.TipoDocumentoAportante = this.dat.Data.Data.TipoDocumentoAportante;\r\n          this.NumeroDocumentoAportante = this.dat.Data.Data.NumeroDocumentoAportante;\r\n          this.FechaRegistro = this.dat.Data.Data.FechaRegistro;\r\n      } catch (e) {\r\n          this.$alert(\"Ocurrió un error al intentar consultar tu link\");\r\n      } finally {\r\n        this.loading = false;\r\n      }\r\n      return true;\r\n      }, \r\n      async submit(Estado) {\r\n            this.loading = true;\r\n\r\n            var dat = {\r\n                id: this.id,\r\n                estado: Estado,\r\n                Data: this.dat.Data.Data\r\n            };\r\n            try {\r\n                let respuesta = await api.post(this, dat);\r\n                this.$confirm(respuesta.data).then(() => {\r\n                    this.loading = true;\r\n                    document.location = this.dat.FileName;\r\n                });\r\n            } catch (e) {\r\n                this.$alert(\r\n                    \"Ocurrió un error al intentar asociar el usuario \"\r\n                ).then(() => {\r\n                    document.location = window.location.protocol + \"//\" + window.location.host + \"/index.html#/\";\r\n                });\r\n            } finally {\r\n                this.loading = false;\r\n            }\r\n      }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n\r\nform {\r\n  margin: 1em auto;\r\n}\r\n\r\n    form .form-footer {\r\n        width: 100%;\r\n        height: 20em !important;\r\n        box-sizing: border-box;\r\n        float: left;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\nform .form-item {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  float: left;\r\n  margin: 1em auto;\r\n}\r\n\r\nform label {\r\n  display: block;\r\n  padding: 0.5em 0;\r\n  color: #777;\r\n}\r\n\r\nform input[type=text], form input[type=number], form input[type=email], form textarea {\r\n  outline: none;\r\n  text-align: center;\r\n  border-width: 0px 0px 1px;\r\n  border-top-style: initial;\r\n  border-right-style: initial;\r\n  border-bottom-style: solid;\r\n  border-left-style: initial;\r\n  border-top-color: initial;\r\n  border-right-color: initial;\r\n  border-bottom-color: rgb(204, 204, 204);\r\n  border-left-color: initial;\r\n  border-image: initial;\r\n  background-color: white;\r\n  font: inherit;\r\n  display: block;\r\n  width: 20em;\r\n  box-sizing: border-box;\r\n  color: #777;\r\n  font-weight: 600;\r\n  margin: auto;\r\n}\r\n\r\n.form-footer {\r\n  margin-top: 1.5em;\r\n}\r\n\r\n@media screen and (max-width: 320px) {\r\n  form input[type=text], form input[type=number], form input[type=email] {\r\n    width: 18em;\r\n  }\r\n}\r\n</style>\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!./AutorizarAsociacion.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!./AutorizarAsociacion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AutorizarAsociacion.vue?vue&type=template&id=97c93b46&\"\nimport script from \"./AutorizarAsociacion.vue?vue&type=script&lang=js&\"\nexport * from \"./AutorizarAsociacion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AutorizarAsociacion.vue?vue&type=style&index=0&lang=css&\"\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","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Spinner.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}