Asamblea Corporativa

ASAMBLEA GENERAL

Esta conformada por los alcaldes de los 20 municipios y del distrito Cartagena de Indias.

ENTE TERRITORIAL	NOMBRE ALCALDE
Departamento de Bolivar	VICENTE ANTONIO BLEL SCAFF
Cartagena D.T. y C.	WILLIAM DAU CHAMAT
Arjona	ISAIAS RAFAEL SIMANCAS CASTRO
Arroyo Hondo	MARIA DEL ROSARIO HERNANDEZ LUNA
Calamar	ALEJANDRO MARIO ARRAZOLA SAGBINI
Clemencia	RAUL ENRIQUE CABARCAS VASQUEZ
Córdoba Tetón	KASSIM ILLERA ADUEN
El Carmen de Bolívar	CARLOS EDUARDO TORRES COHEN
El Guamo	GUSTAVO ADOLFO GUZMÁN NARVAEZ
Mahates	JOSÉ ANDRÉS ALTAHONA ESCORCIA
Marilabaja	RAQUEL VICTORIA SIERRA CASSIANI
San Cristóbal	CARLOS MANUEL JULIO MORALES
San Estanislao de Kostka	RAFAEL DE JESÚS VALLE RAMOS
San Jacinto	JORGE ENRIQUE CASTELLAR SCHMITH
San Juan de Nepomuceno	WILFRIDO ALFONSO ROMERO VERGARA
Santa Catalina	MANUEL POLO SIMANCA
Santa Rosa de Lima	MARIO JAVIER RODRIGUEZ HERNANDEZ
Soplaviento	NEY DURANT BAHOQUE
Turbaco	GUILLERMO ENRIQUE TORRES CUETER
Turbana	ANA LUCIA JULIO GUERRERO
Villanueva	EDWIN PUERTA OROZCO
Zambrano	JONÁS RAFAEL OROZCO ARENAS

<html lang=”en”><head>
<!–Video–>
<meta http-equiv=”content-type” content=”text/html; charset=windows-1252″>
<script src=”https://sdk-cdn.mypurecloud.com/javascript-guest/5.1.0/purecloud-guest-chat-client.min.js”></script>
<!–Bootstrap
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script>
<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
—>
<style>
h3 {
border: none;
text-align: left;
font-family: Helvetica;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
line-height: 39px;
color: rgb(51,51,102); <!–#39c>
font-size: 30px;
margin-bottom: 10px
}

button {
float: left;
background-color: #019cd2;
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, .4);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .3);
padding: 14px 24px;
font-size: 12px;
line-height: 100%;
border-radius: 0; <!– antes 0 –>
outline: 0;
border: none;
font-weight: 700;
letter-spacing: 1px;
cursor: pointer;
margin-bottom: 10px
}

iframe {
float: left;
clear: both
}

#videoengageriframe {
display: block
}
</style>
<!———>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>Cardique Chat Center</title>
<!–<link rel=”stylesheet” href=”./css/main.css”>–>
<style>
<!–este bloque controla todo el estilo del bloque del chat, colores–>
@import url(https://fonts.googleapis.com/css?family=Helvetica:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);
{
padding: 0;
margin: 0;
color: rgb(51,51,102);
font-family: “Helvetica”, Helvetica
}

.hiddenbyTranslate {
-webkit-transform: translateY(400px);
transform: translateY(400px)
}

.hiddenbyOpacity {
opacity: 0
}

.widgetChat .statusBar .iconContainer {
width: 30px;
height: 30px
}

.widgetChat .statusBar .iconContainer .iconStyle {
fill: none;
stroke: rgba(204, 102, 51, .801); <!–(0, 94, 255, .801)–>
stroke-width: 10;
stroke-linecap: round;
stroke-miterlimit: 10
}

.widgetChat .statusBar .status {
font-family: “Helvetica”, Helvetica;
color: rgb(51,51,102)
}

.widgetChat .statusBar .butContainer button {
background: none;
border: none;
padding: 0;
cursor: pointer
}

.widgetChat .statusBar .butContainer button .statusBarIcon {
width: 20px;
height: 20px
}

.widgetChat .statusBar .butContainer button .statusBarIcon:hover .iconStyle {
stroke: #232323
}
<!– aqui eliminé el bloque 3 –>
<!– Contenedor donde se encuentran los campos obligatorios – WAS–>
.widgetChat .widgetContent {
width: 100%;
height: 400px;
background: blue; <!–white;–>
overflow-y: auto;
overflow-x: hidden
}

.widgetChat .widgetContent .selectCategory .descriptive {
margin: 25px 0
}

.widgetChat .widgetContent .selectCategory .categories .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
margin: 15px 25px;
border: 1px #A9A9A9 solid;
border-radius: 100px;
cursor: pointer
}
<!– aqui elimine bloque 4 –>

<!– bloque 5 –>

</style>
<script src=”https://code.jquery.com/jquery-3.4.1.min.js” integrity=”sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=” crossorigin=”anonymous”>
</script>
<script type=”text/javascript” src=”https://dhqbrvplips7x.cloudfront.net/webchat/669/jsapi-v1.js-async-0867d87e.js”>
</script>
<script type=”text/javascript” src=”https://dhqbrvplips7x.cloudfront.net/webchat/669/fashion-model-f4e26961.js”>
</script>
</head>

<!–Icono inicial , es el robot en bloque de chat–>
<svg id=”Capa_1″ enable-background=”new 0 0 512 512″ height=”36″ viewBox=”0 0 512 512″ width=”36″ xmlns=”http://www.w3.org/2000/svg”><g><g>
<path d=”m448.49 238.02c30.36 13.27 44.21 48.64 30.94 79.01l-12.02 27.49c-13.27 30.36-48.65 44.21-79.01 30.94l-27.49-12.02 60.09-137.44z” fill=”#a0c8ff”/>
<path d=”m400.43 74.45-46.98 37.59c-24.6-25.78-59.08-42.04-97.45-42.04s-72.85 16.26-97.45 42.04l-46.98-37.59c35.71-39.46 87.14-64.45 144.43-64.45s108.72 24.99 144.43 64.45z” fill=”#8690a6″/>
<g fill=”#a0c8ff”><circle cx=”286″ cy=”472″ r=”30″/><path d=”m91 226 60.09 137.44-27.49 12.02c-30.36 13.27-65.74-.58-79.01-30.94l-12.02-27.49c-13.27-30.37.58-65.74 30.94-79.01z”/></g></g><g>
<path d=”m324.652 461.711c-4.553-17.085-20.153-29.711-38.652-29.711-22.056 0-40 17.944-40 40s17.944 40 40 40c18.684 0 34.413-12.879 38.787-30.224 50.193-3.325 92.174-44.053 103.316-93.105 20.853-4.818 39.259-19.074 48.469-40.145l12.021-27.493c15.456-35.371-.737-76.721-36.097-92.176l-21.496-9.399v-8.458c0-42.101-14.95-85.744-39.493-116.604l15.171-12.139c4.499-3.599 5.028-10.249 1.167-14.518-8.2-9.062-17.249-17.445-26.894-24.916-4.366-3.382-10.649-2.585-14.029 1.782-3.383 4.366-2.585 10.647 1.781 14.029 5.921 4.586 11.594 9.553 16.946 14.834l-31.508 25.21c-26.94-25.009-61.453-38.678-98.141-38.678-36.689 0-71.202 13.669-98.142 38.681l-31.507-25.209c34.601-34.104 81.274-53.472 129.649-53.472 11.915 0 23.837 1.153 35.433 3.427 5.419 1.061 10.675-2.469 11.738-7.889 1.063-5.419-2.47-10.674-7.889-11.737-12.861-2.522-26.078-3.801-39.282-3.801-57.541 0-112.886 24.69-151.845 67.74-3.866 4.272-3.327 10.922 1.167 14.518l15.171 12.139c-24.543 30.858-39.493 74.502-39.493 116.603v8.458l-21.495 9.399c-35.36 15.456-51.554 56.806-36.098 92.179l12.02 27.489c15.482 35.421 56.704 51.603 92.18 36.098l27.49-12.02c5.06-2.213 7.369-8.108 5.156-13.168l-59.253-135.526v-12.909c0-37.751 13.292-76.736 35.104-104.113l16.199 12.961c4.039 3.231 9.894 2.855 13.482-.905 23.963-25.112 56.002-38.943 90.215-38.943 34.212 0 66.252 13.831 90.216 38.944 3.581 3.752 9.434 4.143 13.481.905l16.199-12.961c21.812 27.377 35.104 66.362 35.104 104.112v12.911l-59.252 135.523c-2.213 5.06.096 10.956 5.156 13.168l27.491 12.021c7.391 3.231 15.042 5.056 22.665 5.636-11.307 38.85-45.04 68.381-82.408 71.452zm-38.652 30.289c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm-148.079-133.716-18.326 8.013c-25.316 11.066-54.775-.46-65.843-25.783l-12.019-27.488c-11.041-25.267.525-54.804 25.783-65.843l18.328-8.014zm254.485 8.013-18.328-8.014 52.078-119.115 18.329 8.014c25.256 11.04 36.821 40.576 25.782 65.841l-12.021 27.491c-11.04 25.26-40.577 36.825-65.84 25.783z”/>
<circle cx=”336″ cy=”28″ r=”10″/></g></g>
<line class=”iconStyle” x1=”38.82″ y1=”40.3″ x2=”114.78″ y2=”40.3″></line>
<line class=”iconStyle” x1=”38.82″ y1=”68.89″ x2=”114.78″ y2=”68.89″></line>
</svg>

<!–icono SVG verificado en pag https://codepen.io/chriscoyier/pen/evcBu?__cf_chl_jschl_tk__=7b42455909ae5928ab1bf379cfc79b1f43c21339-1590115848-0-AY648YLQbw0krOZ-gHFCo_Cdkxm3ycJ6ycBfCLr_AlFmWuLQztjRSHyRcaZOpYj6ym8orQrVUiSzJS5BlEULnXArg6VeyyULXzMwErbiwtoMw2Tpy4gFAo3IwmlUk9_5VUDvhpfzPGacmSZKQlnER01SmByIzK40EaXZhCdDosnFD7pGAjzuiDij8h9p7tukFRSS_MXOcIzQrYg-pPqU9NWmZDYZ8EN2AX87gE18foRwHVb6tM6CtKtmhOWnPkBIylTXJv-epYUMU2pLhblZB6MBJDhok-TEH1lmr7RNCxsXN7iy6R6IGWhDc09uLIRpkJnRNpYhCnfAdLI0jXGTS9qvekdzpSblwFWDXV0gOQji–>

<div class=”status” id=”dynamic”>!Contáctenos! Questions?</div>
<!–Minimize and close icons–>
<div class=”butContainer”>
<button onclick=”closingHidden()”>
<!– este es el icono de cerrar sesión o equis –>
<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!–<svg class=”statusBarIcon” id=”close” height=”40pt” viewBox=”0 0 512.00533 512″ width=”40pt” xmlns=”http://www.w3.org/2000/svg”>
<path class=”iconStyle” d=”m298.667969 277.335938c-35.285157 0-64-28.714844-64-64 0-35.285157 28.714843-64 64-64h42.664062v-85.332032c0-35.285156-28.714843-63.99999975-64-63.99999975h-229.332031c-7.019531 0-13.589844 3.45312475-17.578125 9.23437475-3.96875 5.78125-4.863281 13.144531-2.347656 19.691407l154.667969 405.335937c3.136718 8.277344 11.070312 13.738281 19.925781 13.738281h74.664062c35.285157 0 64-28.714844 64-64v-106.667968zm0 0″ fill=”#2196f3″/><path d=”m397.164062 318.382812c-7.957031-3.308593-13.164062-11.09375-13.164062-19.714843v-64h-85.332031c-11.777344 0-21.335938-9.554688-21.335938-21.332031 0-11.777344 9.558594-21.332032 21.335938-21.332032h85.332031v-64c0-8.621094 5.207031-16.40625 13.164062-19.714844 7.976563-3.304687 17.152344-1.46875 23.25 4.632813l85.335938 85.332031c8.339844 8.339844 8.339844 21.824219 0 30.164063l-85.335938 85.335937c-6.097656 6.097656-15.273437 7.933594-23.25 4.628906zm0 0″ fill=”#607d8b”/><path d=”m184.449219 44.84375-128.191407-42.730469c-28.929687-8.894531-56.257812 12.460938-56.257812 40.554688v384c0 18.242187 11.605469 34.519531 28.886719 40.492187l128.167969 42.730469c4.714843 1.449219 9.046874 2.113281 13.613281 2.113281 23.53125 0 42.664062-19.136718 42.664062-42.667968v-384c0-18.238282-11.605469-34.515626-28.882812-40.492188zm0 0″ fill=”#64b5f6″/>
</svg> –>
<svg version=”1.1″ class=”statusBarIcon” id=”close” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” x=”0px” y=”0px” viewBox=”0 0 86.75 86.75″ style=”display: none;” xml:space=”preserve”>
<circle class=”iconStyle” cx=”43.37″ cy=”43.37″ r=”38.37″></circle>
<line class=”iconStyle” x1=”31.44″ y1=”31.44″ x2=”55.31″ y2=”55.31″></line>
<line class=”iconStyle” x1=”55.31″ y1=”31.44″ x2=”31.44″ y2=”55.31″></line>
</svg>
</button>
</div>
</div>

<!–
El contenido del widget funciona así. Se ocultan con display:hidden, en css, o Element.hidden = true
cuando no sea la pantalla correspondiente.
–>
<div class=”” id=”notificationsPanel” style=”display: none;”>
<strong> </strong>
</div>
<div class=”widgetContent”>

<!–First Screen: category selection–>

<div class=”selectCategory” style=”display: block;”>
<p class=”descriptive”>¿Cómo nos quieres contactar?</p>
<div class=”categories”>
<div class=”category” id=”saleschat”>
<div class=”iconContainer”>
<svg id=”Capa_1″ enable-background=”new 0 0 512 512″ height=”36″ viewBox=”0 0 512 512″ width=”36″ xmlns=”http://www.w3.org/2000/svg”><g><g>
<path d=”m448.49 238.02c30.36 13.27 44.21 48.64 30.94 79.01l-12.02 27.49c-13.27 30.36-48.65 44.21-79.01 30.94l-27.49-12.02 60.09-137.44z” fill=”#a0c8ff”/>
<path d=”m400.43 74.45-46.98 37.59c-24.6-25.78-59.08-42.04-97.45-42.04s-72.85 16.26-97.45 42.04l-46.98-37.59c35.71-39.46 87.14-64.45 144.43-64.45s108.72 24.99 144.43 64.45z” fill=”#8690a6″/>
<g fill=”#a0c8ff”><circle cx=”286″ cy=”472″ r=”30″/><path d=”m91 226 60.09 137.44-27.49 12.02c-30.36 13.27-65.74-.58-79.01-30.94l-12.02-27.49c-13.27-30.37.58-65.74 30.94-79.01z”/></g></g><g>
<path d=”m324.652 461.711c-4.553-17.085-20.153-29.711-38.652-29.711-22.056 0-40 17.944-40 40s17.944 40 40 40c18.684 0 34.413-12.879 38.787-30.224 50.193-3.325 92.174-44.053 103.316-93.105 20.853-4.818 39.259-19.074 48.469-40.145l12.021-27.493c15.456-35.371-.737-76.721-36.097-92.176l-21.496-9.399v-8.458c0-42.101-14.95-85.744-39.493-116.604l15.171-12.139c4.499-3.599 5.028-10.249 1.167-14.518-8.2-9.062-17.249-17.445-26.894-24.916-4.366-3.382-10.649-2.585-14.029 1.782-3.383 4.366-2.585 10.647 1.781 14.029 5.921 4.586 11.594 9.553 16.946 14.834l-31.508 25.21c-26.94-25.009-61.453-38.678-98.141-38.678-36.689 0-71.202 13.669-98.142 38.681l-31.507-25.209c34.601-34.104 81.274-53.472 129.649-53.472 11.915 0 23.837 1.153 35.433 3.427 5.419 1.061 10.675-2.469 11.738-7.889 1.063-5.419-2.47-10.674-7.889-11.737-12.861-2.522-26.078-3.801-39.282-3.801-57.541 0-112.886 24.69-151.845 67.74-3.866 4.272-3.327 10.922 1.167 14.518l15.171 12.139c-24.543 30.858-39.493 74.502-39.493 116.603v8.458l-21.495 9.399c-35.36 15.456-51.554 56.806-36.098 92.179l12.02 27.489c15.482 35.421 56.704 51.603 92.18 36.098l27.49-12.02c5.06-2.213 7.369-8.108 5.156-13.168l-59.253-135.526v-12.909c0-37.751 13.292-76.736 35.104-104.113l16.199 12.961c4.039 3.231 9.894 2.855 13.482-.905 23.963-25.112 56.002-38.943 90.215-38.943 34.212 0 66.252 13.831 90.216 38.944 3.581 3.752 9.434 4.143 13.481.905l16.199-12.961c21.812 27.377 35.104 66.362 35.104 104.112v12.911l-59.252 135.523c-2.213 5.06.096 10.956 5.156 13.168l27.491 12.021c7.391 3.231 15.042 5.056 22.665 5.636-11.307 38.85-45.04 68.381-82.408 71.452zm-38.652 30.289c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zm-148.079-133.716-18.326 8.013c-25.316 11.066-54.775-.46-65.843-25.783l-12.019-27.488c-11.041-25.267.525-54.804 25.783-65.843l18.328-8.014zm254.485 8.013-18.328-8.014 52.078-119.115 18.329 8.014c25.256 11.04 36.821 40.576 25.782 65.841l-12.021 27.491c-11.04 25.26-40.577 36.825-65.84 25.783z”/>
<circle cx=”336″ cy=”28″ r=”10″/></g></g>
<line class=”iconStyle” x1=”38.82″ y1=”40.3″ x2=”114.78″ y2=”40.3″></line>
<line class=”iconStyle” x1=”38.82″ y1=”68.89″ x2=”114.78″ y2=”68.89″></line>
</svg>
</div>
<p>Chat con agente de servicio</p>
</div>
<div class=”category” id=”videoCall”>
<div class=”iconContainer”>
<!– Este icono es la camarita de video chat–>
<svg class=”assistanceIcon” height=”36″ viewBox=”0 0 512 512″ width=”36″ xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink”>
<linearGradient id=”a” gradientUnits=”userSpaceOnUse” x1=”-16.806″ x2=”516.183″ y1=”488.806″ y2=”-44.183″ data-name=”New Gradient Swatch 1″>
<stop offset=”0″ stop-color=”#003f8a”/><stop offset=”.518″ stop-color=”#00d7df”/><stop offset=”1″ stop-color=”#006df0″/>
</linearGradient>
<linearGradient id=”d” x1=”-92.806″ x2=”440.183″ xlink:href=”#a” y1=”412.806″ y2=”-120.183″/>
<linearGradient id=”e” x1=”22.519″ x2=”555.508″ xlink:href=”#a” y1=”528.13″ y2=”-4.859″/>
<g>
<g fill=”url(#a)”>
<path class=”iconStyle” d=”m360 216a104 104 0 1 0 -104 104 104.118 104.118 0 0 0 104-104zm-192 0a88 88 0 1 1 88 88 88.1 88.1 0 0 1 -88-88z”/>
<path class=”iconStyle” d=”m336 216a80 80 0 1 0 -80 80 80.091 80.091 0 0 0 80-80zm-144 0a64 64 0 1 1 64 64 64.072 64.072 0 0 1 -64-64z”/>
<path class=”iconStyle” d=”m288 216a32 32 0 1 0 -32 32 32.036 32.036 0 0 0 32-32zm-48 0a16 16 0 1 1 16 16 16.019 16.019 0 0 1 -16-16z”/>
</g><path class=”iconStyle” d=”m256 88a24 24 0 1 0 -24-24 24.027 24.027 0 0 0 24 24zm0-32a8 8 0 1 1 -8 8 8.009 8.009 0 0 1 8-8z” fill=”url(#d)”/>
<path class=”iconStyle” d=”m359.12 396.59a208.138 208.138 0 0 0 104.88-180.59c0-114.69-93.31-208-208-208s-208 93.31-208 208a208.12 208.12 0 0 0 103.59 179.84c-27.13 11.69-48.42 27.94-62.15 47.58a7.972 7.972 0 0 0 -1.44 4.58v48a8 8 0 0 0 8 8h320a8 8 0 0 0 8-8v-48a8.023 8.023 0 0 0 -1.77-5.02c-15.42-19.12-37.03-34.95-63.11-46.39zm-295.12-180.59c0-105.87 86.13-192 192-192s192 86.13 192 192-86.13 192-192 192-192-86.13-192-192zm344 272h-304v-8h304zm0-24h-304v-13.42c14.16-19.13 37.08-34.59 66.54-44.96a207.8 207.8 0 0 0 169.55.6c28.39 10.23 51.77 25.59 67.91 44.66z” fill=”url(#e)”/>
</g>
</svg>
</div>
<p>Video llamada con agente de servicio</p>
</div>
</div>
</div>

<!–Esta es la pantalladonde se ingresan datos para ir al chat–>

<div class=”formContainer” style=”display: none;”>
<div class=”dataInput”>
<form id=”userData” action=””>
<label for=”firstname”> Nombre *</label>
<input id=”user-first-name” type=”text” name=”firstname” placeholder=”Ingrese su nombre aquí”>

<label for=”lastname”> Apellidos *</label>
<input id=”user-last-name” type=”text” name=”lastname” placeholder=”Ingrese su apellido aquí”>
<!–
<label for=”identity”> Cédula (C.C.) *</label>
<input id=”user-identity” type=”text” name=”identity” placeholder=”Ingrese su cédula aquí”>
–>

<label for=”email”> Correo electrónico *</label>
<input id=”user-email” type=”text” name=”email” placeholder=”Ingrese su correo electrónico aquí”>

<label for=”telephone”> Teléfono *</label>
<input id=”user-phonenumber” type=”text” name=”telephone” placeholder=”Ingrese su teléfono”>
<label>Al continuar acepto que he leido y estoy de acuerdo con los <a href=”https://biscontactcenter.com/es/datos.pdf” target=”_blank”>términos y condiciones</a></label>
<input type=”submit” class=”cancel butForm” value=”Cancelar”>
<input id=”chat-button” type=”submit” class=”continue butForm” value=”Pasar al chat”>
</form>
</div>
</div>
<!– Esta es la pantalla donde se ingresan datos para ir al videochat –>
<div class=”formContainerVideo” allow=”microphone; camera” style=”display: none;”>
<div class=”dataInput”>
<form id=”userDataVideo” action=””>
<label for=”firstname”> Nombre:</label>
<input id=”user-first-name-video” type=”text” name=”firstname” placeholder=”Ingrese su nombre aquí”>

<label for=”lastname”> Apellidos:</label>
<input id=”user-last-name-video” type=”text” name=”lastname” placeholder=”Ingrese su apellido aquí”>
<label for=”email”> Correo electrónico</label>
<input id=”user-email-video” type=”text” name=”email” placeholder=”Ingrese su correo electrónico aquí”>

<label for=”telephone”> Teléfono:</label>
<input id=”user-phonenumber-video” type=”text” name=”telephone” placeholder=”Ingrese su teléfono”>
<label>Al continuar acepto que he leido y estoy de acuerdo con los <a href=”https://biscontactcenter.com/es/datos.pdf” target=”_blank”>términos y condiciones</a></label>
<input type=”submit” class=”cancelVideo butForm” value=”Cancelar”>
<input id=”video-button” type=”submit” class=”continue butForm” value=”Pasar a la sala”>
</form>
</div>
</div>
<iframe id=”videoengageriframe” allow=”microphone; camera” width=”270″ height=”400″></iframe>

<!–This is the third screen: the chat–>
<div class=”chatScreen”>
<div id=”chat-container” style=”height:400px”></div>
</div>

<!–When X is pressed it appears as hidden–>
<div class=”closingScreen” hidden=””>
<div class=”alertContainer”>
<p>
¿Seguro que desea terminar esta sesión?
</p>
<div class=”closingButtons”>
<button class=”cancel closingButton”>
Cancelar
</button>
<button class=”end” onclick=”actionEndConversation()”>
Finalizar
</button>
</div>
</div>
</div>

</div>
</div>
<!–Chat config–>
<!–<script id=”purecloud-webchat-js” type=”text/javascript” src=”https://apps.mypurecloud.com/webchat/jsapi-v1.js” region=”us-east-1″ org-guid=”fc325734-5506-4757-b9b8-8f5575bc8d0f” deployment-key=”1d16fea8-adb0-450e-b57d-1e49c72f6bc5″></script>–>
<script
id=”purecloud-webchat-js”
type=”text/javascript”
src=”https://apps.mypurecloud.com/webchat/jsapi-v1.js”
region=”us-east-1″
org-guid=”65a439af-8eef-484c-b0a6-419c7df76c54″
deployment-key=”84ba4054-46af-4591-a1a3-b0d88fb386e6″
></script>
<script>
var chatIsHIdden;
var screen;
var isClosingHidden;

var notificationsPanel = $(‘#notificationsPanel’);

function startScreenOne() {
document.querySelector(“#saleschat”).addEventListener(“click”, function() {
startScreenTwo();
screen++
});
document.querySelector(“#close”).style.display = “none”;
document.querySelector(“.closingScreen”).hidden = !0;
document.querySelector(“#chatIcon”).style.display = “none”;
isClosingHidden = !0;
closingHidden();
document.querySelector(“.status”).innerHTML = “!Contáctenos! Questions?”;
document.querySelectorAll(“.assistanceIcon”)[0].style.opacity = “1”
}

function InitializeGUIBehavior() {
notificationsPanel.hide(‘fast’);
startScreenOne()
}

function modifyMessageType(type) {
var classList = notificationsPanel.attr(“class”).split(” “);
notificationsPanel.removeClass(classList[1]);
notificationsPanel.addClass(type);
}

function showMessage(message) {
notificationsPanel.show();
notificationsPanel.text(message)
}

function auxApplyAutoJoinBehavior() {
chatButtonClicked = !0;
chatForm.hide();
startScreenTwo();
screen++;
document.querySelector(“.formContainer”).style.display = “none”;
document.querySelector(“.chatScreen”).style.display = “block”;
chatContainer.show();
console.log(‘X-INIT-Message Stack after autojoin:’, messageValidationStack)
}

function auxApplySuccessValidationBehavior() {
modifyMessageType(messagesTypes.failure);
<!–showMessage(‘Los datos se validaron correctamente.’);–>
userFirstName.css(‘background’, ‘#BDE5F8’);
userEmail.css(‘background’, ‘#BDE5F8’);
userPhonenumber.css(‘background’, ‘#BDE5F8’)
}

function auxEventChatStarted() {
document.querySelector(“#close”).style.display = “none”;
chatForm.hide();
chatContainer.show()
}

function auxEventChatConnectedToAgent() {
modifyMessageType(messagesTypes.warning);
showMessage(”);
userFirstName.css(‘background’, ‘none’);
userLastName.css(‘background’, ‘none’);
userEmail.css(‘background’, ‘none’);
userPhonenumber.css(‘background’, ‘none’);
notificationsPanel.hide(‘fast’)
}

function auxEventChatEnded() {
pureCloudWebChat = null;
webChatLoaded = !1;
chatButtonClicked = !1;
chatContainer.empty();
modifyMessageType(messagesTypes.failure);
showMessage(‘Muchas gracias por contactarnos.’);
document.querySelector(“#close”).style.display = “block”
}

function cleanCustomerInputData() {
userFirstName.text(“”);
userLastName.text(“”);
userEmail.text(“”);
userPhonenumber.text(“”)
}

} else {
document.querySelector(“#notificationsPanel”).style.display = “block”;
modifyMessageType(messagesTypes.failure);
var failureMessages = ‘Ingresa tu datos \n’;
var fullValidationMessages = messageValidationStack.join(‘\n’);
failureMessages += fullValidationMessages;
<!–showMessage(failureMessages); No se muestra el mensaje por que invade el encabezado was 21mayo–>
messageValidationStack = [];
chatButtonClicked = !1;
console.warn(‘X-INIT – CHAT BUTTON NOT CLICKED – VALIDATION FALSE ‘, pPureCloudWebChat);
console.log(‘X-INIT-Message Stack after failed validation:’, messageValidationStack)
}
}

function modifyMessageType(type) {
//var classList = notificationsPanel.attr(“class”).split(” “);
//notificationsPanel.removeClass(classList[1]);
//notificationsPanel.addClass(type);
notificationsPanel.css(‘background’, ‘#FFD2D2’);
}

function showMessage(message) {
notificationsPanel.show();
notificationsPanel.text(message)
}
document.querySelector(“#videoCall”).addEventListener(“click”, () => {
startScreenTwoVideo();
screen++
});

function startScreenOneVideo() {
document.querySelector(“#videoCall”).addEventListener(“click”, () => {
startScreenTwoVideo();
screen++
});
document.querySelector(“#close”).style.display = “none”;
document.querySelector(“.closingScreen”).hidden = !0;
document.querySelector(“#chatIcon”).style.display = “none”;
isClosingHidden = !0;
closingHidden();
document.querySelector(“.status”).innerHTML = “!Contáctenos! Questions?”;
document.querySelectorAll(“.assistanceIcon”)[0].style.opacity = “1”
}

ASAMBLEA GENERAL

Enlaces Entes de Vigilancia