\r\n
\r\n });\r\n }\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n RECIBE TU INFORMACIÓN PERSONALIZADA -
\r\nPara recibir tu información personalizada es necesario que ingreses con tu usuario Compensar, asì te podremos mostrar la información personalizada para ti y de tu familia
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst appId = document.getElementById('app');\r\nReactDOM.render(\r\n { this.state.currentAlert }\r\n
\r\n\r\n \r\n
\r\n\r\n { this.state.currentComponentToRender }\r\n\r\n \r\n
\r\n {this.state.configurations['PromocionPrevencionTitulo']}
\r\n{this.state.configurations['PromocionPrevencionTextoIntroductorio']}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Modal = ReactBootstrap.Modal;\r\nconst Button = ReactBootstrap.Button;\r\n\r\nexport default AlertModal;\n\n\n// WEBPACK FOOTER //\n// ./base/components/alertModal.js","class Sedes extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n mapOptions: {\r\n center: {\r\n lat: 4.6489681,\r\n lng: -74.1325349\r\n },\r\n zoom: 12\r\n },\r\n showingInfoWindow: false,\r\n activeMarker: {},\r\n selectedPlace: {},\r\n areaOptions: [],\r\n areaSelected: \"Todas\",\r\n locations: [],\r\n showMap: false,\r\n areas: []\r\n };\r\n this.map = undefined;\r\n this.currentLatLng = undefined;\r\n this.infowindow = undefined;\r\n this.markers = [];\r\n this.directionsDisplay = undefined;\r\n this.googleChecker = this.googleChecker.bind(this);\r\n this.renderMap = this.renderMap.bind(this);\r\n this.renderInfoWindow = this.renderInfoWindow.bind(this);\r\n this.filterLocationsByArea = this.filterLocationsByArea.bind(this);\r\n this.openLocationFromList = this.openLocationFromList.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.googleChecker();\r\n }\r\n\r\n googleChecker() {\r\n /* if(!window.google || !window.google.maps) {\r\n setTimeout(this.googleChecker, 200);\r\n } else { */\r\n this.getAreas(areas => {\r\n const areaOptions = [];\r\n areas.forEach(area => {\r\n if (areaOptions.indexOf(area.name) == -1) areaOptions.push(area.name);\r\n });\r\n this.setState({ areaOptions, areas }, () => {\r\n this.getLocations(null, locations => {\r\n this.setState({ locations });\r\n //this.renderMap(locations);\r\n });\r\n });\r\n });\r\n //}\r\n }\r\n\r\n getAreas(successCallback) {\r\n const pnpService = new ServicioPnp();\r\n pnpService.getList(\r\n \"sedesSalud\",\r\n list => {\r\n let areas = list.map(item => {\r\n return {\r\n id: item.CSSaliRedCodigoSedeText,\r\n name: item.CSSaliRedZonaChoise\r\n };\r\n });\r\n successCallback(areas);\r\n },\r\n \"CSSaliRedEstadoChoise eq 'Activo' and CSSaliRedServicioChoise eq '\" +\r\n this.props.plan +\r\n \"' or CSSaliRedServicioChoise eq 'MX'\",\r\n \"CSSaliRedCodigoSedeText\",\r\n \"CSSaliRedCodigoSedeSaludText\",\r\n \"CSSaliRedZonaChoise\",\r\n \"CSSaliRedServicioChoise\"\r\n );\r\n }\r\n\r\n getLocations(areaFilter, successCallback) {\r\n let sedesFilter = [];\r\n if (areaFilter) {\r\n this.state.areas.forEach(area => {\r\n if (area.name == areaFilter)\r\n sedesFilter.push(\"CodigoSede eq \" + area.id);\r\n });\r\n } else {\r\n sedesFilter = this.state.areas.map(area => {\r\n return \"CodigoSede eq \" + area.id;\r\n });\r\n }\r\n sedesFilter = sedesFilter.join(\" or \");\r\n const pnpService = new ServicioPnp();\r\n pnpService.getList(\r\n \"sedes\",\r\n list => {\r\n const locations = list.map(location => {\r\n return {\r\n id: location.Id,\r\n code: location.CodigoSede,\r\n name: location.NombreSede,\r\n lat: location.Latitud,\r\n lng: location.Longitud,\r\n address: location.Direccion,\r\n phone: location.Telefono,\r\n schedule: location.Horario,\r\n parking: location.Parqueadero,\r\n url: location.TituloUrl\r\n };\r\n });\r\n successCallback(locations);\r\n },\r\n sedesFilter /*, 'CodigoSede', 'Direccion', 'Telefono', 'Latitud', 'Longitud', 'NombreSede', 'FileRef/Imagen', 'FieldValuesAsText/MetaInfo'*/\r\n );\r\n }\r\n\r\n filterLocationsByArea(area) {\r\n this.getLocations(area == \"Todas\" ? null : area, locations => {\r\n this.setState({ locations, areaSelected: area });\r\n this.renderMap(locations);\r\n });\r\n }\r\n\r\n renderInfoWindow(location) {\r\n const image = location.image;\r\n let srcWithQuotes = image.match(/src\\=([^\\s]*)\\s/)[1];\r\n srcWithQuotes.substring(1, srcWithQuotes.length - 1);\r\n const locImage =\r\n '\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n { this.props.message }\r\n
\r\n' +\r\n image +\r\n '
\"\r\n );\r\n }\r\n\r\n openLocation(locationLatLng, marker) {\r\n this.infowindow.open(this.map, marker);\r\n this.map.setCenter(marker.getPosition());\r\n const howToArriveSelect = document.getElementById(\"how-to-arrive-select\");\r\n const closeMarker = document.querySelector(\".cerrarCaja\");\r\n closeMarker.addEventListener(\"click\", e => {\r\n this.infowindow.close();\r\n });\r\n this.map.panTo(marker.getPosition());\r\n howToArriveSelect.addEventListener(\"change\", e => {\r\n if (howToArriveSelect.value) {\r\n navigator.geolocation.getCurrentPosition(\r\n position => {\r\n this.currentLatLng = {\r\n lat: position.coords.latitude,\r\n lng: position.coords.longitude\r\n };\r\n this.infowindow.close();\r\n const directionsService = new google.maps.DirectionsService();\r\n this.directionsDisplay.setMap(this.map);\r\n directionsService.route(\r\n {\r\n origin: {\r\n lat: this.currentLatLng.lat,\r\n lng: this.currentLatLng.lng\r\n },\r\n destination: {\r\n lat: locationLatLng.lat,\r\n lng: locationLatLng.lng\r\n },\r\n travelMode: google.maps.TravelMode[e.target.value]\r\n },\r\n (response, status) => {\r\n if (status == \"OK\") {\r\n this.directionsDisplay.setDirections(response);\r\n this.directionsDisplay.setOptions({\r\n polylineOptions: {\r\n strokeWeight: 4,\r\n strokeOpacity: 1,\r\n strokeColor: \"red\"\r\n }\r\n });\r\n } else {\r\n console.log(\"Directions request failed due to \" + status);\r\n }\r\n }\r\n );\r\n },\r\n error => {\r\n console.log(\"The user did not allowed geolocation\");\r\n }\r\n );\r\n }\r\n });\r\n }\r\n\r\n renderLocations(locations) {\r\n this.markers = [];\r\n locations.forEach(location => {\r\n let latLng = {\r\n lat: parseFloat(location.lat),\r\n lng: parseFloat(location.lng)\r\n };\r\n let marker = new google.maps.Marker({\r\n position: latLng,\r\n map: this.map,\r\n animation: google.maps.Animation.DROP,\r\n title: location.name,\r\n location: location\r\n });\r\n this.markers.push(marker);\r\n marker.addListener(\"click\", () => {\r\n this.map.panTo(marker.getPosition());\r\n const pnpService = new ServicioPnp();\r\n pnpService.getItemAsHtml(marker.location.id, \"sedes\", item => {\r\n marker.location.image = item.Imagen;\r\n this.infowindow.setContent(this.renderInfoWindow(marker.location));\r\n this.openLocation(latLng, marker);\r\n });\r\n });\r\n });\r\n }\r\n\r\n renderMap(locations) {\r\n this.map = new google.maps.Map(\r\n this.refs.mapContainer,\r\n this.state.mapOptions\r\n );\r\n this.directionsDisplay = new google.maps.DirectionsRenderer();\r\n\r\n this.infowindow = new google.maps.InfoWindow({\r\n maxWidth: 280\r\n });\r\n\r\n const geocoder = new google.maps.Geocoder();\r\n\r\n this.renderLocations(locations);\r\n }\r\n\r\n activeMap = e => {\r\n e.preventDefault();\r\n if (this.state.locations) {\r\n const showMap = true;\r\n this.setState({ showMap }, () => this.renderMap(this.state.locations));\r\n }\r\n };\r\n\r\n openLocationFromList(event, location) {\r\n const latLng = {\r\n lat: parseFloat(location.lat),\r\n lng: parseFloat(location.lng)\r\n };\r\n const marker = this.markers.find(marker => {\r\n return marker.location.id == location.id;\r\n });\r\n const pnpService = new ServicioPnp();\r\n pnpService.getItemAsHtml(location.id, \"sedes\", item => {\r\n marker.location.image = item.Imagen;\r\n this.infowindow.setContent(this.renderInfoWindow(marker.location));\r\n this.openLocation(latLng, marker);\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n ' +\r\n \"
Médico Personal' +\r\n '' +\r\n \"
\" +\r\n \"\" +\r\n location.name +\r\n \"
\" +\r\n (location.phone ? '' + location.phone + \"
\" : \"\") +\r\n (location.address\r\n ? '' + location.address + \"
\"\r\n : \"\") +\r\n '' +\r\n (location.url\r\n ? 'Más información'\r\n : \"\") +\r\n 'Médico Personal' +\r\n '' +\r\n \"
\r\n
\r\n {this.state.showMap ? (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.showMap ? (\r\n \r\n
\r\n )}\r\n \r\n Zona\r\n this.filterLocationsByArea(value)}\r\n >\r\n \r\n Todas\r\n \r\n {this.state.areaOptions.map(area => {\r\n return (\r\n \r\n {area}\r\n \r\n );\r\n })}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nlet DropdownButton = ReactBootstrap.DropdownButton;\r\nlet MenuItem = ReactBootstrap.MenuItem;\r\n/******************** BUILD ********************/\r\n\r\nexport default Sedes;\r\n\n\n\n// WEBPACK FOOTER //\n// ./salidaGraficaRed/miRedDeAtencion/sedesAtencion/src/components/sedes.js","import PromocionPrevencionList from './promocionPrevencionList';\r\nimport BeneficiariosList from './beneficiariosList';\r\nimport Mensajes from '../../../../../base/components/mensajes';\r\n\r\nclass PromocionPrevencionApp extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n key: 1,\r\n currentComponentBeneficiaries: '',\r\n currentTab: 1,\r\n currentAlert: '',\r\n showBeneficiariesTab: false,\r\n benefiariesServiceErrorMessage: ''\r\n };\r\n this.tabSelect = this.tabSelect.bind(this);\r\n this.styledTabs = this.styledTabs.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getUserBeneficiaries()\r\n setTimeout(() => {this.styledTabs();}, 1000);\r\n }\r\n \r\n getUserBeneficiaries(){\r\n const validarInfo = new ServicioProxy('BeneficiariosUsuario'+ this.props.userProgram +'?tipoDocumento=' + this.props.userInfo.TipoIdentificacion + '&numeroDocumento=' + this.props.userInfo.LegalID); \r\n \r\n validarInfo.getElements('POST', {}).then((response) => {\r\n let data = JSON.parse(response);\r\n\r\n /*data = {\r\n \"Beneficiarios\": [],\r\n \"Error\": {\r\n \"CodigoStatusError\": \"401\",\r\n \"MensajeError\": \"The remote server was not found: (401) Not found.\"\r\n }\r\n }*/\r\n\r\n if(data.Error !== null){\r\n this.setState({ \r\n showBeneficiariesTab: true, \r\n benefiariesServiceErrorMessage: this.props.configurations['MensajeErrorServicioBeneficiarios'] \r\n });\r\n //this.setState({ currentAlert: (\r\n
\r\n Sedes asignadas
\r\n\r\n
\r\n - \r\n {this.state.locations.map(location => {\r\n return (\r\n
\r\n {location.address}\r\n
\r\n Teléfono {location.phone}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\n/******************** BUILD ********************/\r\nconst Tabs = ReactBootstrap.Tabs;\r\nconst Tab = ReactBootstrap.Tab;\r\n/******************** BUILD ********************/\r\n\r\nexport default PromocionPrevencionApp;\n\n\n// WEBPACK FOOTER //\n// ./salidaGraficaRed/miRedDeAtencion/promocionPrevencion/src/components/promocionPrevencionApp.js","import Mensajes from \"../../../../../base/components/mensajes\";\r\n\r\nclass PromocionPrevencionItem extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n eventKey: Math.random(),\r\n titleColorClass: \"titulo-beneficio-item\",\r\n icon: ,\r\n alertMessage: \"\"\r\n };\r\n }\r\n\r\n scheduleDate() {\r\n // 16/09/2019 No se esta usando la funcion porque ahora la url se toma de un parametro: this.props.configurations['BotonAgendarCitaPromocionPrevencionURL']\r\n const getURLAgendarCita = new ServicioProxy(\r\n \"ObtenerUrlTransac?tipoDocumento=\" +\r\n this.props.userDocumentType +\r\n \"&numeroDocumento=\" +\r\n this.props.userDocument\r\n );\r\n getURLAgendarCita\r\n .getElements(\"POST\", {})\r\n .then(response => {\r\n const data = JSON.parse(response);\r\n console.log(data);\r\n if (data && data.Url && data.Url != \"\") {\r\n window.location.href = data[\"Url\"];\r\n } else {\r\n this.setState(\r\n {\r\n alertMessage: this.props.configurations[\r\n \"MensajeNoExisteTokenPromocionPrevencion\" +\r\n this.props.userProgram\r\n ]\r\n },\r\n () => {\r\n this.childMensajes.handleShow();\r\n }\r\n );\r\n }\r\n })\r\n .catch(error => {\r\n this.setState(\r\n {\r\n alertMessage: this.props.configurations[\"MensajeErrorDeServicios\"]\r\n },\r\n () => {\r\n this.childMensajes.handleShow();\r\n }\r\n );\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {/* Modal */}\r\n \r\n \r\n \r\n { (this.state.beneficiariesList && this.state.beneficiariesList.length) > 0 || (this.state.showBeneficiariesTab) ?\r\n \r\n \r\n : null\r\n } \r\n \r\n
\r\n { this.state.currentAlert }
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n return false;\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\r\n this.props.configurations[\r\n \"BotonAgendarCitaPromocionPrevencion\" +\r\n this.props.userProgram\r\n ]\r\n }\r\n \r\n ) : null}\r\n
\r\n {this.props.item.Nombre}
\r\n{this.props.item.Descripcion}
\r\n\r\n {this.props.configurations[\r\n \"BotonAgendarCitaPromocionPrevencion\" +\r\n this.props.userProgram +\r\n \"CSVisibleBool\"\r\n ] ? (\r\n\r\n {this.state.currentAlert}\r\n {\r\n this.childMensajes = instance;\r\n }}\r\n showModal={false}\r\n />\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst Button = ReactBootstrap.Button;\r\n/******************** BUILD ********************/\r\n\r\nexport default PromocionPrevencionItem;\r\n\n\n\n// WEBPACK FOOTER //\n// ./salidaGraficaRed/miRedDeAtencion/promocionPrevencion/src/components/promocionPrevencionItem.js","import BeneficiarioItem from './beneficiarioItem';\r\n\r\nclass BeneficiariosList extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n beneficiariesActiveKey: 0\r\n };\r\n this.beneficiariesHandleSelect = this.beneficiariesHandleSelect.bind(this);\r\n }\r\n\r\n beneficiariesHandleSelect(beneficiariesActiveKey) {\r\n this.setState({ beneficiariesActiveKey });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n { \r\n this.props.items && this.props.items.length > 0 ?\r\n this.props.items.map((beneficiary, i) =>{\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n/******************** BUILD ********************/\r\nconst PanelGroup = ReactBootstrap.PanelGroup;\r\nconst Panel = ReactBootstrap.Panel;\r\n/******************** BUILD ********************/\r\n\r\nexport default BeneficiariosList;\n\n\n// WEBPACK FOOTER //\n// ./salidaGraficaRed/miRedDeAtencion/promocionPrevencion/src/components/beneficiariosList.js","import PromocionPrevencionList from './promocionPrevencionList';\r\n\r\nclass BeneficiarioItem extends React.Component {\r\n constructor() {\r\n super();\r\n }\r\n\r\n render() {\r\n const i = 1;\r\n return (\r\n {this.props.errorMessage}
\r\n{this.props.userName}
\r\n\r\n \r\n
\r\n