bruno
/
pabx-app
forked from SimplesIP/pabx-app
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Finalizado todos inputs tipo texto, select e toggle dos ramais sip para a nova versao

dev
Matheo Bonucia 8 months ago
parent
0138ed4563
commit
c1b537ddb1
3 changed files with 847 additions and 698 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 377
      admin/cadQgrupos.php
  2. 773
      admin/cadRamais.php
  3. 395
      admin/css/cadRamal.css

377
admin/cadQgrupos.php
Unescape View File

@ -156,7 +156,7 @@ if ($renderizar) { ?>
* Parametros necessarios para manter a paginação.
*/
$param = sprintf('&numRamal=%s&pgn=%s&bloco=%s&pg=%s&status=%s', $_REQUEST['numRamal'], $_REQUEST['pgn'], isset($_REQUEST['bloco']) ? $_REQUEST['bloco'] : '', isset($_REQUEST['pg']) ? $_REQUEST['pg'] : '', isset($_REQUEST["status"]) ? $_REQUEST["status"] : '');
if ($acao2 == "salva") {
$id = trim($_POST["id"]);
$exige_classificacao = isset($_POST["exige_classificacao"]) ? 1 : 0;
@ -444,20 +444,20 @@ if ($renderizar) { ?>
<div class="coluna-content">
<div class="toggle-bn">
<label class="switch" for="exige_classificacao">
<input name="exige_classificacao" type="checkbox" id="exige_classificacao" value="1" <?php
if ($acao == 'edita') {
if ($exige_classificacao) {
echo "checked";
}
} else {
if (GetExigeClas())
echo "checked";
}
?> />
<span class="slider round"></span>
<input name="exige_classificacao" type="checkbox" id="exige_classificacao" value="1" <?php
if ($acao == 'edita') {
if ($exige_classificacao) {
echo "checked";
}
} else {
if (GetExigeClas())
echo "checked";
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
@ -466,17 +466,17 @@ if ($renderizar) { ?>
<div class="coluna-content">
<div class="toggle-bn">
<label class="switch" for="justificativa_pausa">
<input name="justificativa_pausa" type="checkbox" id="justificativa_pausa" value="1" <?php
if ($acao == 'edita') {
if ($justificativa_pausa) {
echo "checked";
}
} else {
if (GetObsProdAgente())
echo "checked";
}
?> />
<span class="slider round"></span>
<input name="justificativa_pausa" type="checkbox" id="justificativa_pausa" value="1" <?php
if ($acao == 'edita') {
if ($justificativa_pausa) {
echo "checked";
}
} else {
if (GetObsProdAgente())
echo "checked";
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
@ -488,8 +488,8 @@ if ($renderizar) { ?>
<div class="coluna-content">
<div class="toggle-bn">
<label class="switch" for="retornar_abandonadas">
<input name="retornar_abandonadas" type="checkbox" id="retornar_abandonadas" value="1" <?= ($retornar_abandonadas ? "checked=\"checked\"" : '') ?> />
<span class="slider round"></span>
<input name="retornar_abandonadas" type="checkbox" id="retornar_abandonadas" value="1" <?= ($retornar_abandonadas ? "checked=\"checked\"" : '') ?> />
<span class="slider round"></span>
</label>
</div>
</div>
@ -499,10 +499,10 @@ if ($renderizar) { ?>
<h1>Disponível Fila</h1>
</div>
<div class="coluna-content">
<div class="toggle-bn">
<div class="toggle-bn">
<label class="switch" for="disponivelfila">
<input name="disponivelfila" type="checkbox" id="disponivelfila" value="1" <?= ($disponivelfila == "1" ? "checked=\"checked\"" : '') ?> />
<span class="slider round"></span>
<input name="disponivelfila" type="checkbox" id="disponivelfila" value="1" <?= ($disponivelfila == "1" ? "checked=\"checked\"" : '') ?> />
<span class="slider round"></span>
</label>
</div>
</div>
@ -514,8 +514,8 @@ if ($renderizar) { ?>
<div class="coluna-content">
<div class="toggle-bn">
<label class="switch" for="ativaFila">
<input name="ativaFila" type="checkbox" id="ativaFila" value="A" <?= ($ativaFila == "A") ? "checked=\"checked\"" : ""; ?> />
<span class="slider round"></span>
<input name="ativaFila" type="checkbox" id="ativaFila" value="A" <?= ($ativaFila == "A") ? "checked=\"checked\"" : ""; ?> />
<span class="slider round"></span>
</label>
</div>
</div>
@ -531,19 +531,19 @@ if ($renderizar) { ?>
</div>
<div class="coluna-content">
<select name="musicclass" id="musicclass" class="caixas">
<option value="Nenhuma" <?php echo ($acao == 'edita' && $musicclass == 'Nenhuma') ? "selected" : null; ?>>Nenhuma</option>
<?php
$query2 = "SELECT * FROM pbx_musichold_grupos where org_id = {$org_id} AND nome not ilike 'agentes' order by nome asc";
$result2 = pg_query($dbcon, $query2);
while ($dados2 = pg_fetch_array($result2)) {
?>
<option value="<?php echo $dados2['nome']; ?>" <?php
if ($acao == 'edita' && trim($musicclass) == trim($dados2['nome'])) {
echo "selected";
}
?>><?php echo $dados2['nome']; ?></option>
<?php } ?>
</select>
<option value="Nenhuma" <?php echo ($acao == 'edita' && $musicclass == 'Nenhuma') ? "selected" : null; ?>>Nenhuma</option>
<?php
$query2 = "SELECT * FROM pbx_musichold_grupos where org_id = {$org_id} AND nome not ilike 'agentes' order by nome asc";
$result2 = pg_query($dbcon, $query2);
while ($dados2 = pg_fetch_array($result2)) {
?>
<option value="<?php echo $dados2['nome']; ?>" <?php
if ($acao == 'edita' && trim($musicclass) == trim($dados2['nome'])) {
echo "selected";
}
?>><?php echo $dados2['nome']; ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="coluna">
@ -587,20 +587,20 @@ if ($renderizar) { ?>
<h1>Ligações sem o agente</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="joinempty">
<input name="joinempty" type="checkbox" id="joinempty" <?php
if ($acao == 'edita') {
if ($joinempty == 'yes') {
echo "checked";
}
} else {
echo "checked";
}
?> />
<span class="slider round"></span>
</label>
</div>
<div class="toggle-bn">
<label class="switch" for="joinempty">
<input name="joinempty" type="checkbox" id="joinempty" <?php
if ($acao == 'edita') {
if ($joinempty == 'yes') {
echo "checked";
}
} else {
echo "checked";
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
<div class="coluna">
@ -656,16 +656,16 @@ if ($renderizar) { ?>
<h1>Ring Use</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="ringinuse">
<input name="ringinuse" type="checkbox" id="ringinuse" value="yes" <?php
if ($ringinuse == "yes") {
echo "checked=\"checked\"";
}
?> />
<span class="slider round"></span>
</label>
</div>
<div class="toggle-bn">
<label class="switch" for="ringinuse">
<input name="ringinuse" type="checkbox" id="ringinuse" value="yes" <?php
if ($ringinuse == "yes") {
echo "checked=\"checked\"";
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
</div>
@ -682,7 +682,7 @@ if ($renderizar) { ?>
echo "0";
}
?>" size="20" />
</div>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
@ -739,37 +739,37 @@ if ($renderizar) { ?>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="reportholdtime">
<input name="reportholdtime" id="reportholdtime" type="checkbox" value="yes" <?php
if ($acao == 'edita') {
if ($reportholdtime == 'yes') {
echo "checked";
}
}
?> />
<span class="slider round"></span>
</label>
<label class="switch" for="reportholdtime">
<input name="reportholdtime" id="reportholdtime" type="checkbox" value="yes" <?php
if ($acao == 'edita') {
if ($reportholdtime == 'yes') {
echo "checked";
}
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>An&uacute;ncio Tempo de Espera</h1>
</div>
<div class="coluna-content-toggle">
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>An&uacute;ncio Tempo de Espera</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="announce_holdtime">
<input name="announce_holdtime" id="announce_holdtime" type="checkbox" value="yes" <?php
if ($acao == 'edita') {
if ($announce_holdtime == 'yes') {
echo "checked";
}
}
?> />
<span class="slider round"></span>
</label>
<label class="switch" for="announce_holdtime">
<input name="announce_holdtime" id="announce_holdtime" type="checkbox" value="yes" <?php
if ($acao == 'edita') {
if ($announce_holdtime == 'yes') {
echo "checked";
}
}
?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
@ -796,9 +796,9 @@ if ($renderizar) { ?>
}
sort($files); // Classifica o array em ordem alfabética
foreach ($files as $file) {
?>
?>
<option value="<?php echo $file; ?>" <?php
if ($acao == 'edita' && trim($som[1]) == trim($file)) {
echo "selected";
@ -809,22 +809,22 @@ if ($renderizar) { ?>
?>
</select>
</div>
<?php } ?>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
<h1>Info. posição da fila</h1>
</div>
<div class="coluna-content">
<input name="announce_frequency" type="text" class="validate[optional,custom[onlyNumber]] caixas" id="announce_frequency2" value="<?php
<?php } ?>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
<h1>Info. posição da fila</h1>
</div>
<div class="coluna-content">
<input name="announce_frequency" type="text" class="validate[optional,custom[onlyNumber]] caixas" id="announce_frequency2" value="<?php
if ($acao == 'edita') {
echo $announce_frequency;
} else {
echo "90";
}
?>" />
</div>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
@ -838,7 +838,7 @@ if ($renderizar) { ?>
echo "60";
}
?>" size="15" />
</div>
</div>
</div>
</div>
<div class="row">
@ -869,29 +869,29 @@ if ($renderizar) { ?>
<div class="coluna-titulo">
<h1>Transbordo Assistido</h1>
</div>
<div class="coluna-content">
<select name="dac_transbordo" class="caixas" id="dac_transbordo" style="width:130px;">
<option value="0" <?php echo !$idTransbordo ? "selected" : ""; ?>>-----------------------</option>
<?php
$idFila = !$id ? 0 : $id;
$query = "select id, nome, numero, status from pbx_queues_grupos where org_id = {$org_id} and status = 'A' and id <> '$idFila' order by nome";
$result = pg_query($dbcon, $query);
<div class="coluna-content">
<select name="dac_transbordo" class="caixas" id="dac_transbordo" style="width:130px;">
<option value="0" <?php echo !$idTransbordo ? "selected" : ""; ?>>-----------------------</option>
<?php
$idFila = !$id ? 0 : $id;
$query = "select id, nome, numero, status from pbx_queues_grupos where org_id = {$org_id} and status = 'A' and id <> '$idFila' order by nome";
$result = pg_query($dbcon, $query);
while ($row = pg_fetch_array($result)) {
$idDac = $row["id"];
$nomeDac = $row["nome"];
if ($acao == 'edita') {
if ($idTransbordo == $idDac) {
$sel = "selected";
} else {
$sel = "";
}
while ($row = pg_fetch_array($result)) {
$idDac = $row["id"];
$nomeDac = $row["nome"];
if ($acao == 'edita') {
if ($idTransbordo == $idDac) {
$sel = "selected";
} else {
$sel = "";
}
echo "<option value=\"$idDac\" $sel>" . RemoveExibicaoOrg($nomeDac) . "</option>";
}
?>
</select>
</div>
echo "<option value=\"$idDac\" $sel>" . RemoveExibicaoOrg($nomeDac) . "</option>";
}
?>
</select>
</div>
</div>
<div class="coluna">
<div class="coluna-titulo">
@ -905,7 +905,7 @@ if ($renderizar) { ?>
echo "45";
}
?>" size="15" maxlength="3" />
</div>
</div>
</div>
</div>
</div>
@ -918,90 +918,91 @@ if ($renderizar) { ?>
<div class="coluna-select">
<div class="titles-select">Dispositivos Dispon&iacute;veis</div>
<div>
<select name="disponiveis[]" size="7" multiple="multiple" class="caixas" id="disponiveis">
<?php
if ($acao == 'edita') {
$query2 = "
<select name="disponiveis[]" size="7" multiple="multiple" class="caixas" id="disponiveis">
<?php
if ($acao == 'edita') {
$query2 = "
SELECT ramais.* from
(select id,nome,dispositivo from pbx_ramais where org_id = {$org_id}) ramais
where dispositivo not in (select dispositivo from pbx_queues_membros where id_fila=$id)
and not exists(select * from pbx_supervisor_agentes where ramal = ramais.nome )
order by nome asc";
} else {
$query2 = "select id,nome,dispositivo from pbx_ramais a where not exists(select * from pbx_supervisor_agentes where ramal = a.nome ) and org_id = {$org_id} order by nome asc";
}
} else {
$query2 = "select id,nome,dispositivo from pbx_ramais a where not exists(select * from pbx_supervisor_agentes where ramal = a.nome ) and org_id = {$org_id} order by nome asc";
}
$result2 = pg_query($dbcon, $query2);
while ($dados2 = pg_fetch_array($result2)) {
?>
<option value="<?php echo $dados2['dispositivo'] ?>"><?php echo $dados2['nome']; ?></option>
<?php } ?>
</select>
$result2 = pg_query($dbcon, $query2);
while ($dados2 = pg_fetch_array($result2)) {
?>
<option value="<?php echo $dados2['dispositivo'] ?>"><?php echo $dados2['nome']; ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="coluna-select">
<div class="titles-select">Prioridade</div>
<div>
<select name="prioridadeRamal" id="prioridadeRamal" class="coluna-content-radio" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<div class="titles-select">Prioridade</div>
<div>
<select name="prioridadeRamal" id="prioridadeRamal" class="coluna-content-radio" style="width:50px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<div id="bn-prioridade-ramal"> <br />
<div class="select-modelo-bn">
<div onclick="selecionados(); marca_todos();">
<h3> > </h3>
</div>
<div onclick="_remove();">
<h3> < </h3>
<div id="bn-prioridade-ramal"> <br />
<div class="select-modelo-bn">
<div onclick="selecionados(); marca_todos();">
<h3> > </h3>
</div>
<div onclick="_remove();">
<h3>
< </h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="coluna-select">
<div class="titles-select">Dispositivos Selecionados</div>
<select name="ramais[]" size="7" multiple="multiple" class="validate[optional] caixas" id="ramais">
<?php
if ($acao == 'edita') {
$query3 = "SELECT a.*,ramais.nome from pbx_queues_membros a,
<div class="titles-select">Dispositivos Selecionados</div>
<select name="ramais[]" size="7" multiple="multiple" class="validate[optional] caixas" id="ramais">
<?php
if ($acao == 'edita') {
$query3 = "SELECT a.*,ramais.nome from pbx_queues_membros a,
(select id,nome,dispositivo from pbx_ramais) ramais
where a.dispositivo = ramais.dispositivo
and a.id_fila = $id and org_id = {$org_id}";
} else {
$query3 = "SELECT * from pbx_iax_pbx where id = null";
}
} else {
$query3 = "SELECT * from pbx_iax_pbx where id = null";
}
$result3 = pg_query($dbcon, $query3);
$result3 = pg_query($dbcon, $query3);
while ($dados3 = pg_fetch_array($result3)) {
$disp = sprintf("%s:%s", $dados3['dispositivo'], $dados3['prioridade']);
$nome = sprintf("%s:%s", $dados3['nome'], $dados3['prioridade']);
?>
<option value="<?php echo $disp; ?>"><?php echo $nome; ?></option>
<?php } ?>
</select>
while ($dados3 = pg_fetch_array($result3)) {
$disp = sprintf("%s:%s", $dados3['dispositivo'], $dados3['prioridade']);
$nome = sprintf("%s:%s", $dados3['nome'], $dados3['prioridade']);
?>
<option value="<?php echo $disp; ?>"><?php echo $nome; ?></option>
<?php } ?>
</select>
</div>
</div>
</div>
</div>
<div class="row-bn">
<div class="bn-submit">
<input name="Submit" type="submit" class="button-submit" value="Salvar" onclick="marca_todos();" />
</div>
<div class="bn-close">
<input name="Submit2" type="button" class="button-close" onclick="fecha_popup();" value="Fechar" />
<div class="row-bn">
<div class="bn-submit">
<input name="Submit" type="submit" class="button-submit" value="Salvar" onclick="marca_todos();" />
</div>
<div class="bn-close">
<input name="Submit2" type="button" class="button-close" onclick="fecha_popup();" value="Fechar" />
</div>
</div>
</div>
</div>
</form>
<?php } ?>

773
admin/cadRamais.php
Unescape View File

@ -164,11 +164,11 @@ if ($renderizar) { ?>
$id = $_POST["id"];
$nome = GravaNumeroOrganizacao(trim($_POST["nome"]));
$type = trim($_POST["type"]);
$qualify = trim($_POST["qualify"]);
$qualify = isset($_POST["qualify"]) ? "yes" : "no";
$port = trim($_POST["port"]);
$pickupgroup = trim($_POST["pickupgroup"]);
$permit = trim($_POST["permit"]);
$nat = trim($_POST["nat"]);
$nat = isset($_POST["nat"]) ? "yes" : "no";
$mailbox = trim($_POST["mailbox"]);
$host = trim($_POST["host"]);
$dtmfmode = trim($_POST["dtmfmode"]);
@ -184,35 +184,35 @@ if ($renderizar) { ?>
$fromuser = $_POST["fromuser"];
$fromdomain = $_POST["fromdomain"];
$insecure = $_POST["insecure"];
$t38pt_udptl = $_POST["t38pt_udptl"];
$videosupport = $_POST["videosupport"];
$espera = $_POST["espera"];
$t38pt_udptl = isset($_POST["t38pt_udptl"]) ? "yes" : "no";
$videosupport = isset($_POST["videosupport"]) ? "yes" : "no";
$espera = isset($_POST["espera"]) ? "V" : "F";
$sigame_interno = trim($_POST["sigame_interno"]);
$sigame_externo = trim($_POST["sigame_externo"]);
$sigame_nao_atende = trim($_POST["sigame_nao_atende"]);
$sigame_ocupado = trim($_POST["sigame_ocupado"]);
$gravacao = $_POST["gravacao"];
$gravacao = isset($_POST["gravacao"]) ? "V" : "F";
$musica = $_POST["musica"];
$pertube = $_POST["pertube"];
$cadeado = $_POST["cadeado"];
$cadeado = isset($_POST["cadeado"]) ? "V" : "F";
$disp = explode('/', trim($_POST["dispositivo"]));
$dispositivo = $disp[0] . '/' . $nome;
$gravacao_saida = trim($_POST["gravacao_saida"]);
$gravacao_saida = isset($_POST["gravacao_saida"]) ? "V" : "F";
$timeout = trim($_POST["timeout"]);
$musicclass = trim($_POST["musicclass"]);
$v_nome = $_POST["v_nome"];
$v_email = $_POST["v_email"];
$v_senha = $_POST["v_senha"];
$attach = trim($_POST["attach"]);
$delete = trim($_POST["delete"]);
$saycid = trim($_POST["saycid"]);
$envelope = trim($_POST["envelope"]);
$attach = isset($_POST["attach"]) ? "yes" : "no";
$delete = isset($_POST["delete"]) ? "yes" : "no";
$saycid = isset($_POST["saycid"]) ? "yes" : "no";
$envelope = isset($_POST["envelope"]) ? "yes" : "no";
$v_numero = trim($_POST["v_numero"]);
$inseri_voice = $_POST['inseri_voice'];
$ramalSecretaria = $_POST['ramalSecretaria'];
$habilita_prepago = !HabilitaPrepago() ? '0' : $_POST['habilita_prepago'];
$habilita_prepago = !HabilitaPrepago() ? 0 : 1;
$ringTime = trim($_POST["ring_time"]);
$extranet = trim($_POST["extranet"]);
$ispbx_tronco = trim($_POST['ispbx_tronco']);
@ -653,106 +653,145 @@ if ($renderizar) { ?>
<h1>Cadastro de Ramais SIP</h1>
<input name="id" type="hidden" id="id2" value="<?= ($acao == 'edita') ? $id : null; ?>" />
<input name="acao" type="hidden" id="acao" value="<?= $acao; ?>" />
</div>
<div class="container-content">
<div class="row">
<div class="quantidade">
<fieldset class="field">
<legend class="labels">Quantidade</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Ramal</h1>
</div>
<div class="coluna-content">
<div>
<input name="qtde" type="number" min="0" step="any" class="validate[required,custom[onlyNumber],length[0,100]] caixas" id="qtde2" value="1" size="5" maxlength="10" onchange="valida_voice();" />
<input name="nome" type="text" class="validate[required,custom[onlyNumber]] caixas" id="nome2" value="<?= ($acao == 'edita') ? $nome : null; ?>" size="10" maxlength="20" onchange="SetRamal(this.value);" />
<input name="numero_old" type="hidden" id="numero_old" value="<?= ($acao == 'edita') ? $nome : null; ?>" />
</div>
</fieldset>
</div>
</div>
<div class="gera_voice">
<fieldset class="field">
<legend class="labels">Gera Voicemail</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Bina</h1>
</div>
<div class="coluna-content">
<div>
<input name="gera_voice" type="checkbox" id="gera_voice2" value="sim" onclick="valida_voice();" />
<input name="callerid" type="text" class="caixas" id="callerid2" value="<?= ($acao == 'edita') ? $callerid : null; ?>" size="15" />
</div>
</fieldset>
</div>
</div>
<div class="habilita_prepago">
<fieldset class="field">
<legend class="labels">Habilita Pré-pago</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Bina externa</h1>
</div>
<div class="coluna-content">
<div>
<input name="habilita_prepago" type="radio" value="1" <?= (!HabilitaPrepago()) ? 'disabled="disabled"' : null; ?> <?= ($acao == 'edita') && ($habilita_prepago) ? "checked" : null; ?> />Sim
<input name="callerid2" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="callerid2" value="<?= ($acao == 'edita') ? $callerid2 : null; ?>" size="15" />
</div>
<div>
<input name="habilita_prepago" type="radio" value="0" <?= (!HabilitaPrepago()) ? 'disabled="disabled"' : null; ?> <?= ($acao == 'edita') && (!$habilita_prepago) ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />N&atilde;o</span>
</div>
</div>
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Gerar Voicemail</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="gera_voice2">
<input name="gera_voice" type="checkbox" id="gera_voice2" value="sim" onclick="valida_voice();" />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="saldo_prepago">
<fieldset class="field">
<legend class="labels">Saldo Pré-pago</legend>
<div>
<input name="saldo_prepago" type="text" id="saldo_prepago" class="caixas" value="<?= ($acao == 'edita') ? $saldo_prepago : '0,00'; ?>" disabled="disabled" />
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Habilitar pré-pago</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="habilita_prepago">
<input name="habilita_prepago" type="checkbox" id="habilita_prepago" value="1" <?= (!HabilitaPrepago()) ? 'disabled="disabled"' : null; ?> <?= ($acao == 'edita') && ($habilita_prepago) ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Saldo pré-pago</h1>
</div>
<div class="coluna-content">
<input name="saldo_prepago" type="text" id="saldo_prepago" class="caixas" value="<?= ($acao == 'edita') ? $saldo_prepago : '0,00'; ?>" disabled="disabled" />
</div>
</div>
</div>
<div class="row">
<div class="ramal">
<fieldset class="field">
<legend class="labels">Ramal</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Senha SIP</h1>
</div>
<div class="coluna-content">
<div>
<input name="nome" type="text" class="validate[required,custom[onlyNumber]] caixas" id="nome2" value="<?= ($acao == 'edita') ? $nome : null; ?>" size="10" maxlength="20" onchange="SetRamal(this.value);" />
<input name="numero_old" type="hidden" id="numero_old" value="<?= ($acao == 'edita') ? $nome : null; ?>" />
</div>
</fieldset>
</div>
<div class="senha_sip">
<fieldset class="field">
<legend class="labels">Senha SIP</legend>
<div class="input_senha">
<input name="secret" type="password" class="validate[optional] caixas" id="secret" value="<?= ($acao == 'edita') ? $secret : null; ?>" size="10" maxlength="100" />
</div>
<div class="visible">
<img id="hide-password-ramal" title="Clique para exibir a senha do ramal!" onclick="MostraSenhaRamal('<?= $idProg; ?>', '<?= $nome; ?>');" src="imgSite/hide-password-16.png" border="0" style="vertical-align: middle; cursor:pointer">
</div>
</fieldset>
</div>
</div>
<div class="senha_facilidade">
<fieldset class="field">
<legend class="labels">Senha Facilidades</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Senha Facilidades</h1>
</div>
<div class="coluna-content">
<div>
<input name="senha_facilidade" autocomplete="new-password" type="password" class="validate[optional,length[0,100]] caixas" id="senha_facilidade3" value="<?= ($acao == 'edita') ? $senha_facilidade : null; ?>" size="10" maxlength="20" />
</div>
</fieldset>
</div>
</div>
<div class="tipo">
<fieldset class="field">
<legend class="labels">Tipo</legend>
<div>
<input name="type" type="radio" value="user" <?= ($acao == 'edita') && ($type == 'user') ? "checked" : null; ?> />
<p>Faz ligações</p>
</div>
<div>
<input name="type" type="radio" value="peer" <?= ($acao == 'edita') && ($type == 'peer') ? "checked" : null; ?> />
<p>Recebe ligações</p>
</div>
<div class="coluna">
<div class="coluna-titulo">
<h1>Quantidade</h1>
</div>
<div class="coluna-content">
<div>
<input name="type" type="radio" value="friend" <?= ($acao == 'edita') && ($type == 'friend') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
<p>Ambos</p>
<input name="qtde" type="number" min="0" step="any" class="validate[required,custom[onlyNumber],length[0,100]] caixas" id="qtde2" value="1" size="5" maxlength="10" onchange="valida_voice();" />
</div>
</fieldset>
</div>
</div>
<div class="monitorar">
<fieldset class="field">
<legend class="labels">Monitorar</legend>
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>
Tipo de ligação
</h1>
</div>
<div class="coluna-content">
<div>
<input name="qualify" type="radio" value="yes" <?= ($acao == 'edita') && ($qualify == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />Sim
<select name="type">
<option value="user" <?= ($acao == 'edita' && $type == 'user') ? "selected" : ""; ?>>Faz ligações</option>
<option value="peer" <?= ($acao == 'edita' && $type == 'peer') ? "selected" : ""; ?>>Recebe ligações</option>
<option value="friend" <?= ($acao == 'edita' && $type == 'friend') ? "selected" : ($acao != 'edita' ? "selected" : ""); ?>>Ambos</option>
</select>
</div>
<div>
<input name="qualify" type="radio" value="no" <?= ($acao == 'edita') && ($qualify == 'no') ? "checked" : null; ?> />N&atilde;o
</div>
</div>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Monitorar</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="qualify">
<input name="qualify" type="checkbox" id="qualify" value="yes" <?= ($acao == 'edita') && ($qualify == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="tronco_pbx">
<fieldset class="field">
<legend class="labels">Tronco PBX</legend>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Tronco PBX</h1>
</div>
<div class="coluna-content-toggle">
<div>
<select name="ispbx_tronco" class="caixas">
<option value=""> ----------------------------- </option>
@ -768,97 +807,61 @@ if ($renderizar) { ?>
<?php } ?>
</select>
</div>
</fieldset>
</div>
</div>
</div>
<div class="collapse-config-advanced">
<button class="collapse-btn" onclick="toggleCollapse('collapseAdvancedContent')" type="button"><i class="fa-solid fa-caret-right" style="color: #ffffff; font-size:18px;"></i>&nbsp; Configurações Avançadas</button>
<button class="collapse-btn" onclick="toggleCollapse('collapseAdvancedContent')" type="button">&nbsp; Configurações Avançadas</button>
<div class="collapse-config-advanced-content" id="collapseAdvancedContent">
<div class="row">
<div class="codecs">
<fieldset class="field">
<legend class="labels">Codecs Habilitados </legend>
<div class="codecs-content">
<?php
$numCodec = 0;
if (is_array($allow)) {
$allow = implode(",", $allow);
}
foreach (GetCodecs(true) as $codec) {
$check = ((strpos($allow, $codec) !== false)) ? ' checked="checked"' : '';
echo sprintf('<input name="allow[]" type="checkbox" id="allow%s" value="%s"%s>', ++$numCodec, $codec, $check);
echo ucfirst($codec);
}
?>
<input name="marcaTodos" type="checkbox" id="marcaTodos" value="all" onclick="seleciona_tudo(this.checked);" />All
</span>
</div>
</fieldset>
<div class="coluna">
<div class="coluna-titulo">
<h1>Codecs habilitados</h1>
</div>
<div class="codecs-content">
<?php
$numCodec = 0;
if (is_array($allow)) {
$allow = implode(",", $allow);
}
foreach (GetCodecs(true) as $codec) {
$check = ((strpos($allow, $codec) !== false)) ? ' checked="checked"' : '';
echo sprintf('<div class="codecs-check"><input name="allow[]" type="checkbox" id="allow%s" value="%s"%s>', ++$numCodec, $codec, $check);
echo ucfirst($codec) . '</div>';
}
?>
<input class="codecs-check" name="marcaTodos" type="checkbox" id="marcaTodos" value="all" onclick="seleciona_tudo(this.checked);" />All
</span>
</div>
</div>
</div>
<div class="row">
<div class="porta">
<fieldset class="field">
<legend class="labels">Porta</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Porta</h1>
</div>
<div class="coluna-content">
<div>
<input name="port" type="text" class="validate[required,custom[onlyNumber]] caixas" id="port2" value="<?= ($acao == 'edita') ? $port : "5060"; ?>" size="7" maxlength="10" />
<input name="accountcode" type="hidden" id="accountcode" value="<?= ($acao == 'edita') ? $accountcode : null; ?>" />
</div>
</fieldset>
<input name="accountcode" type="hidden" id="accountcode" value="<?= ($acao == 'edita') ? $accountcode : null; ?>" />
</div>
<div class="nat">
<fieldset class="field">
<legend class="labels">Nat</legend>
<div>
<input name="nat" type="radio" value="yes" <?= ($acao == 'edita') && ($nat == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="nat" type="radio" value="no" <?= ($acao == 'edita') && ($nat == 'no') ? "checked" : null; ?> />
N&atilde;o
</div>
</fieldset>
</div>
<div class="fax">
<fieldset class="field">
<legend class="labels">Fax</legend>
<div>
<input name="t38pt_udptl" type="radio" value="yes" <?= ($acao == 'edita') && ($t38pt_udptl == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="t38pt_udptl" type="radio" value="no" <?= ($acao == 'edita') && ($t38pt_udptl == 'no') ? "checked" : null; ?> />
N&atilde;o
</div>
</fieldset>
</div>
<div class="suporte_video">
<fieldset class="field">
<legend class="labels">Suporte a V&iacute;deo</legend>
<div>
<input name="videosupport" type="radio" value="yes" <?= ($acao == 'edita') && ($videosupport == 'yes') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="videosupport" type="radio" value="no" <?= ($acao == 'edita') && ($videosupport == 'no') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
N&atilde;o
</div>
</fieldset>
</div>
</div>
<div class="tempo_ring">
<fieldset class="field">
<legend class="labels">Tempo de Ring</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Tempo de Ring</h1>
</div>
<div class="coluna-content">
<div>
<input name="ring_time" type="text" class="validate[required,custom[onlyNumber]] caixas" id="ring_time" value="<?= ($acao == 'edita') ? $ringTime : "25"; ?>" size="10" />
</div>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="musica_espera">
<fieldset class="field">
<legend class="labels">M&uacute;sica de Espera</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Música de Espera</h1>
</div>
<div class="coluna-content">
<div>
<select name="musicclass" class="caixas">
<option value="">---------</option>
@ -870,11 +873,56 @@ if ($renderizar) { ?>
<?php } ?>
</select>
</div>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Nat</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="nat">
<input name="nat" type="checkbox" value="yes" id="nat" <?= ($acao == 'edita') && ($nat == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Fax</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="t38pt_udptl">
<input name="t38pt_udptl" type="checkbox" id="t38pt_udptl" value="yes" <?= ($acao == 'edita') && ($t38pt_udptl == 'yes') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
<div class="conexao_peers">
<fieldset class="field">
<legend class="labels">Tratar conex&otilde;es dos Peers</legend>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Suporte a Vídeo</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="videosupport">
<input name="videosupport" type="checkbox" value="yes" id="videosupport" <?= ($acao == 'edita') && ($videosupport == 'yes') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="coluna">
<div class="coluna-titulo">
<h1>Tratar conexões do Peers</h1>
</div>
<div class="coluna-content">
<div>
<select name="insecure" class="caixas" id="insecure">
<option value="" <?= ($insecure == '') ? "selected" : null; ?>>----------</option>
@ -885,19 +933,23 @@ if ($renderizar) { ?>
<option value="no" <?= ($insecure == 'no') ? "selected" : null; ?>>no</option>
</select>
</div>
</fieldset>
</div>
</div>
<div class="servidor">
<fieldset class="field">
<legend class="labels">Servidor</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Servidor</h1>
</div>
<div class="coluna-content">
<div>
<input name="host" type="text" class="caixas" id="host2" value="<?= ($acao == 'edita') ? $host : "dynamic"; ?>" />
</div>
</fieldset>
</div>
</div>
<div class="modo_dtmf">
<fieldset class="field">
<legend class="labels">Modo DTMF</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Modo DTMF</h1>
</div>
<div class="coluna-content">
<div>
<select name="dtmfmode" class="caixas">
<option value="rfc2833" <?= ($dtmfmode == 'rfc2833') ? "selected" : null; ?>>rfc2833</option>
@ -906,23 +958,25 @@ if ($renderizar) { ?>
<option value="auto" <?= ($dtmfmode == 'auto') ? "selected" : null; ?>>auto</option>
</select>
</div>
</fieldset>
</div>
</div>
<div class="limite_ligacao">
<fieldset class="field">
<legend class="labels">Limite de Liga&ccedil;&atilde;o</legend>
</div>
<div class="row">
<div class="coluna">
<div class="coluna-titulo">
<h1>Limite de ligações</h1>
</div>
<div class="coluna-content">
<div>
<input name="call-limit" type="text" class="caixas" id="call-limit2" value="<?= ($acao == 'edita') ? $call_limit : "1"; ?>" size="10" />
</div>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="contexto">
<fieldset class="field">
<legend class="labels">
<span class="style5">Contexto:</span>
</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Contexto</h1>
</div>
<div class="coluna-content">
<div>
<select name="context" class="caixas">
<option value="padrao">padrao</option>
@ -934,151 +988,148 @@ if ($renderizar) { ?>
<?php } ?>
</select>
</div>
</fieldset>
</div>
<div class="bina">
<fieldset class="field">
<legend class="labels">Bina</legend>
<div>
<input name="callerid" type="text" class="caixas" id="callerid2" value="<?= ($acao == 'edita') ? $callerid : null; ?>" size="15" />
</div>
</fieldset>
</div>
<div class="bina-externa">
<fieldset class="field">
<legend class="labels">Bina Externa</legend>
<div>
<input name="callerid2" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="callerid2" value="<?= ($acao == 'edita') ? $callerid2 : null; ?>" size="15" />
</div>
</fieldset>
</div>
</div>
<div class="dispositivo">
<fieldset class="field">
<legend class="labels">Dispositivo</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Dispositivo</h1>
</div>
<div class="coluna-content">
<div>
<input name="dispositivo" type="text" class="validate[optional,length[0,100]] caixas" id="dispositivo2" value="<?= ($acao == 'edita') ? $dispositivo : null; ?>" size="20" maxlength="20" />
</div>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="sigame_interno">
<fieldset class="field">
<legend class="labels">Siga-me Interno</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Siga-me interno</h1>
</div>
<div class="coluna-content">
<div>
<input name="sigame_interno" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="sigame_interno2" value="<?= ($acao == 'edita') ? $sigame_interno : null; ?>" size="20" maxlength="20" />
</div>
</fieldset>
</div>
</div>
<div class="sigame_externo">
<fieldset class="field">
<legend class="labels">Siga-me Externo</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Siga-me externo</h1>
</div>
<div class="coluna-content">
<div>
<input name="sigame_externo" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="sigame_externo2" value="<?= ($acao == 'edita') ? $sigame_externo : null; ?>" size="20" maxlength="20" />
</div>
</fieldset>
</div>
</div>
<div class="sigame_naoatende">
<fieldset class="field">
<legend class="labels">Siga-me N&atilde;o Atende</legend>
</div>
<div class="row">
<div class="coluna">
<div class="coluna-titulo">
<h1>Siga-me não atende</h1>
</div>
<div class="coluna-content">
<div>
<input name="sigame_nao_atende" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="sigame_nao_atende2" value="<?= ($acao == 'edita') ? $sigame_naoatende : null; ?>" size="20" maxlength="20" />
</div>
</fieldset>
</div>
</div>
<div class="sigame_ocupado">
<fieldset class="field">
<legend class="labels">Siga-me Ocupado</legend>
<div class="coluna">
<div class="coluna-titulo">
<h1>Siga-me ocupado</h1>
</div>
<div class="coluna-content">
<div>
<input name="sigame_ocupado" type="text" class="validate[optional,custom[onlyNumber],length[0,100]] caixas" id="sigame_ocupado2" value="<?= ($acao == 'edita') ? $sigame_ocupado : null; ?>" size="20" maxlength="20" />
</div>
</fieldset>
</div>
</div>
</div>
<div class="row">
<div class="chamada_espera">
<fieldset class="field">
<legend class="labels">Chamada em Espera</legend>
<div>
<input name="espera" type="radio" value="V" <?= ($acao == 'edita') && ($espera == 'V') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="espera" type="radio" value="F" <?= ($acao == 'edita') && ($espera == 'F') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
N&atilde;o<span class="labels2"></span>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Chamada em espera</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="espera">
<input name="espera" id="espera" type="checkbox" value="V" <?= ($acao == 'edita') && ($espera == 'V') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="cadeado">
<fieldset class="field">
<legend class="labels">Cadeado</legend>
<div>
<input name="cadeado" type="radio" value="V" <?= ($acao == 'edita') && (trim($cadeado) == 'V') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="cadeado" type="radio" value="F" <?= ($acao == 'edita') && (trim($cadeado) == 'F') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
N&atilde;o<span class="labels2"></span>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Cadeado</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="cadeado">
<input name="cadeado" id="cadeado" type="checkbox" value="V" <?= ($acao == 'edita') && (trim($cadeado) == 'V') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="nao_pertube">
<fieldset class="field">
<legend class="labels">N&atilde;o Pertube</legend>
<div>
<input name="pertube" type="radio" value="V" <?= ($acao == 'edita') && ($nao_pertube == 'V') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="pertube" type="radio" value="F" <?= ($acao == 'edita') && ($nao_pertube == 'F') ? "checked" : null; ?> <?= ($acao != 'edita') ? "checked" : null; ?> />
N&atilde;o
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Não pertube</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="pertube">
<input name="pertube" id="pertube" type="checkbox" value="V" <?= ($acao == 'edita') && ($nao_pertube == 'V') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="gravacao_entrada">
<fieldset class="field">
<legend class="labels">Gravação de Entrada</legend>
<div>
<input name="gravacao" type="radio" value="V" <?= ($gravacao_chamada == 'V') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="gravacao" type="radio" value="F" <?= ($gravacao_chamada == 'F') ? "checked" : null; ?> />
N&atilde;o
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Gravação de entrada</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="gravacao">
<input name="gravacao" id="gravacao" type="checkbox" value="V" <?= ($gravacao_chamada == 'V') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="gravacao_saida">
<fieldset class="field">
<legend class="labels">Gravação de Saída</legend>
<div>
<input name="gravacao_saida" type="radio" value="V" <?= ($gravacao_saida == 'V') ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="gravacao_saida" type="radio" value="F" <?= ($gravacao_saida == 'F') ? "checked" : null; ?> />
N&atilde;o
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Gravação de saída</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="gravacao_saida">
<input name="gravacao_saida" id="gravacao_saida" type="checkbox" value="V" <?= ($gravacao_saida == 'V') ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="tempo_lig">
<fieldset class="field">
<legend class="labels">Tempo de Ligação</legend>
<div>
<input name="timeout" type="text" class="validate[optional,custom[onlyNumber],length[0,10] caixas" id="timeout" value="<?= ($acao == 'edita') ? $timeout : null; ?>" size="10" maxlength="10" />
</div>
</span>
</fieldset>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Tempo de ligação</h1>
</div>
<div class="coluna-content">
<input name="timeout" type="text" class="validate[optional,custom[onlyNumber],length[0,10] caixas" id="timeout" value="<?= ($acao == 'edita') ? $timeout : null; ?>" size="10" maxlength="10" />
</div>
</div>
</div>
<div class="row">
<div class="redes_permitidas">
<fieldset class="field">
<legend class="labels"> Redes Permitidas para Autenticação de Ramais</legend>
<div>
<textarea name="extranet" cols="80" style="width:100%" rows="2" class="caixas" id="extranet"><?= $extranet; ?></textarea>
</div>
</fieldset>
<div class="coluna">
<div class="coluna-titulo">
<h1>Redes Permitidas para Autenticação de Ramais</h1>
</div>
<div class="coluna-content">
<textarea name="extranet" cols="80" style="width:100%" rows="2" class="caixas" id="extranet"><?= $extranet; ?></textarea>
</div>
</div>
</div>
<div class="row">
@ -1179,94 +1230,96 @@ if ($renderizar) { ?>
</div>
</div>
<div class="collapse-config-advanced">
<button class="collapse-btn" id="bn-voicemail" type="button" onclick="toggleCollapse('collapseVoicemail')"><i class="fa-solid fa-caret-right" style="color: #ffffff; font-size:18px;"></i>&nbsp; Voicemail</button>
<button class="collapse-btn" id="bn-voicemail" type="button" onclick="toggleCollapse('collapseVoicemail')">&nbsp; Voicemail</button>
<div class="collapse-config-advanced-content" id="collapseVoicemail">
<div class="row">
<div class="v_numero_caixa">
<fieldset class="field">
<legend class="labels">N&uacute;mero da Caixa</legend>
<span class="style5"> </span><span class="style5">
<input name="v_numero" type="text" class="validate[optional] caixas" id="v_numero" value="<?= ($inseri_voice == 0) ? $v_numero : null; ?>" size="15" />
</span>
</fieldset>
</div>
<div class="v_nome">
<fieldset class="field">
<legend class="labels">Nome</legend>
<span class="style5"> </span><span class="style5">
<input name="v_nome" type="text" class="validate[optional] caixas" id="v_nome" value="<?= ($inseri_voice == 0) ? $v_nome : null; ?>" size="30" />
</span>
</fieldset>
<div class="coluna">
<div class="coluna-titulo">
<h1>Número da caixa</h1>
</div>
<div class="coluna-content">
<input name="v_numero" type="text" class="validate[optional] caixas" id="v_numero" value="<?= ($inseri_voice == 0) ? $v_numero : null; ?>" size="15" />
</div>
</div>
<div class="v_senha">
<fieldset class="field">
<legend class="labels">Senha</legend>
<span class="style5"> </span><span class="style5">
<input name="v_senha" type="password" class="validate[optional] caixas" id="v_senha" value="<?= ($inseri_voice == 0) ? $v_senha : null; ?>" size="10" />
</span>
</fieldset>
<div class="coluna">
<div class="coluna-titulo">
<h1>Nome</h1>
</div>
<div class="coluna-content">
<input name="v_nome" type="text" class="validate[optional] caixas" id="v_nome" value="<?= ($inseri_voice == 0) ? $v_nome : null; ?>" size="30" />
</div>
</div>
<div class="v_email">
<fieldset class="field">
<legend class="labels">E-mail</legend>
<span class="style5"> </span><span class="style5">
<input name="v_email" autocomplete="off" type="text" class="validate[optional] caixas" id="v_email3" value="<?= ($acao == 'edita') ? $v_email : null; ?>" size="30" />
</span>
</fieldset>
<div class="coluna">
<div class="coluna-titulo">
<h1>Senha</h1>
</div>
<div class="coluna-content">
<input name="v_senha" type="password" class="validate[optional] caixas" id="v_senha" value="<?= ($inseri_voice == 0) ? $v_senha : null; ?>" size="10" />
</div>
</div>
</div>
<div class="row">
<div class="reproduzir_data_hora">
<fieldset class="field">
<legend class="labels"> Reproduzir Data e Hora</legend>
<div>
<input name="envelope" type="radio" value="yes" <?= ($inseri_voice == 0) && ($envelope == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="envelope" type="radio" value="no" <?= ($inseri_voice == 0) && ($envelope == 'no') ? "checked" : null; ?> />
N&atilde;o
</div>
</fieldset>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>E-mail</h1>
</div>
<div class="coluna-content">
<input name="v_email" autocomplete="off" type="text" class="validate[optional] caixas" id="v_email3" value="<?= ($acao == 'edita') ? $v_email : null; ?>" size="30" />
</div>
</div>
<div class="enviar_anexo">
<fieldset class="field">
<legend class="labels"> Enviar Anexo</legend>
<div>
<input name="attach" type="radio" value="yes" <?= ($inseri_voice == 0) && ($attach == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="attach" type="radio" value="no" <?= ($inseri_voice == 0) && ($attach == 'no') ? "checked" : null; ?> />
N&atilde;o
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1> Reproduzir data e hora</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="envelope">
<input name="envelope" id="envelope" type="checkbox" value="yes" <?= ($inseri_voice == 0) && ($envelope == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="reproduzir_identificacao">
<fieldset class="field">
<legend class="labels">Reproduzir Identifica&ccedil;&atilde;o</legend>
<div>
<input name="saycid" type="radio" value="yes" <?= ($inseri_voice == 0) && ($saycid == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
Sim
</div>
<div>
<input name="saycid" type="radio" value="no" <?= ($inseri_voice == 0) && ($saycid == 'no') ? "checked" : null; ?> />
N&atilde;o
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Enviar anexo</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="attach">
<input name="attach" type="checkbox" id="attach" value="yes" <?= ($inseri_voice == 0) && ($attach == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
<div class="deletar_pos_envio">
<fieldset class="field">
<legend class="labels"> Deletar ap&oacute;s o envio</legend>
<div>
<input name="delete" type="radio" value="yes" <?= ($inseri_voice == 0) && ($delete == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
Sim
</div>
<div class="row">
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Reproduzir identificação</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="saycid">
<input name="saycid" type="checkbox" id="saycid" value="yes" <?= ($inseri_voice == 0) && ($saycid == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
<div>
<input name="delete" type="radio" value="no" <?= ($inseri_voice == 0) && ($delete == 'no') ? "checked" : null; ?> />
N&atilde;o
</div>
</div>
<div class="coluna-toggle">
<div class="coluna-titulo">
<h1>Deletar após o envio</h1>
</div>
<div class="coluna-content-toggle">
<div class="toggle-bn">
<label class="switch" for="delete">
<input name="delete" type="checkbox" id="delete" value="yes" <?= ($inseri_voice == 0) && ($delete == 'yes') ? "checked" : null; ?> <?= ($inseri_voice != 0) ? "checked" : null; ?> />
<span class="slider round"></span>
</label>
</div>
</fieldset>
</div>
</div>
</div>
</div>

395
admin/css/cadRamal.css
Unescape View File

@ -9,6 +9,7 @@ html {
p {
margin: 0;
padding: 0;
font-size: small;
}
body {
@ -21,44 +22,28 @@ input {
outline: none;
}
input[type="radio"] {
width: 16px;
height: 16px;
}
input[type="checkbox"] {
width: 16px;
height: 16px;
.row-2 .coluna-titulo,
.row .coluna-toggle .coluna-titulo {
display: flex;
justify-content: center;
}
input[type="text"],
input[type="password"],
input[type="number"] {
width: 80%;
height: 16px;
padding: 4px;
border: 0;
border-radius: 5px;
.row-2 .coluna-content input,
.row-2 .coluna-content select,
.row .coluna-content-toggle input {
border: none;
text-align: center;
vertical-align: middle;
background-color: #eaeaea6a;
padding-left: 15px;
text-align: start;
}
fieldset {
border: 1px solid #3333333b;
font-size: small;
.coluna-titulo h1 {
font-size: 13px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
margin: 2px 10px 2px 0;
text-align: left;
}
select {
border: 0 solid #3333333b;
background-color: #eaeaea6a;
color: #333333;
font-weight: 600;
border-radius: 5px;
padding: 4px;
color: #333333c9;
}
select[multiple] {
@ -66,63 +51,94 @@ select[multiple] {
text-align: center;
background-color: rgba(255, 255, 255, 0.463);
border: 0.5px solid #6e26fa;
border-radius: 2px;
}
td {
vertical-align: middle;
border-radius: 4px;
}
.field {
border-radius: 6px;
flex: 1;
.container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0 2px;
font-size: small;
flex-direction: column;
}
.container {
.container-content {
width: 74%;
flex: 1;
}
.row {
display: flex;
width: 100%;
align-items: stretch;
box-sizing: border-box;
flex-wrap: wrap;
padding: 8px;
border-radius: 4px;
justify-content: space-evenly;
}
.row .coluna-toggle {
display: flex;
flex: 1;
flex-direction: row;
}
.row .coluna,
.row .coluna-toggle {
flex: 1;
margin: 5px;
box-sizing: border-box;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}
.container-content {
width: 70%;
.row-2 {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 8px;
border-radius: 4px;
box-sizing: border-box;
flex-wrap: wrap;
}
.row-2 div {
flex: 1;
margin: 5px;
box-sizing: border-box;
justify-content: center;
align-items: start;
}
.row {
width: 100%;
height: 100%;
.coluna .coluna-content,
.coluna-toggle .coluna-content-toggle {
display: flex;
align-items: center;
justify-content: start;
margin: 4px 0;
justify-content: space-evenly;
}
.row div {
width: 100%;
text-align: center;
.coluna-content div,
.coluna-content-toggle div {
display: flex;
align-items: center;
justify-content: center;
justify-content: start;
flex: 1;
}
.coluna-content input,
.coluna-content select {
flex: 1;
height: 100%;
padding: 8px;
margin: 1px;
}
.row-bn {
width: 100%;
display: flex;
justify-content: space-evenly;
justify-content: center;
align-items: center;
margin: 5px;
margin: 10px 0px 50px 5px;
}
.titulo {
@ -133,58 +149,50 @@ td {
color: white;
padding: 8px;
border-radius: 0 0 60px 60px;
font-weight: 600;
margin-bottom: 20px;
width: 70%;
height: 30px;
width: 100%;
height: 35px;
}
.titulo h1 {
font-size: 20px;
font-weight: 500;
}
.collapse-config-advanced {
width: 100%;
display: flex;
align-items: start;
align-items: center;
justify-content: center;
flex-direction: column;
margin-left: 3px;
}
.collapse-config-advanced-content {
display: none;
width: 100%;
width: 100%;
text-align: center;
margin-inline-start: 30px;
}
.collapse-config-advanced-content>.row>div {
margin: 5px;
color: #333333;
font-weight: 600;
font-size: 14px;
}
.collapse-btn {
width: 40%;
font-size: 12px;
width: 100%;
font-size: 14px;
font-weight: 600;
background-color: #6e26fa;
color: #fff;
color: #333333b8;
padding: 10px;
border: none;
border-radius: 4px;
border-radius: 2px;
border-bottom: 0.15rem solid #6e26fa;
background-color: transparent;
cursor: pointer;
margin: 10px 0px 10px 0px;
display: flex;
align-items: center;
justify-content: start;
border-left: none;
border-top: none;
border-right: none;
}
.collapse-btn:hover {
background-color: #2C4FF2;
background-color: #6d26fa0b;
}
.button-close {
@ -242,10 +250,6 @@ td {
text-align: center;
}
#cabRota {
justify-content: start;
}
.column-sec {
width: 33%;
text-align: center;
@ -288,116 +292,207 @@ td {
background-color: #919dd1;
}
.head-rota {
background-color: #6e26fa;
color: white;
#labelRotas,
#labelCfs {
color: #6e26fa;
font-size: 14px;
font-weight: 600;
font-size: 12px;
border-radius: 10px;
text-decoration: none;
}
#ramalSecretaria,
#ramalSecretariaExcessao {
vertical-align: middle;
height: 24px;
text-align: left;
background-color: rgba(255, 255, 255, 0.463);
border: 0.5px solid #6e26fa;
border-radius: 2px;
}
.head-rota td {
#estaticos #prioridadeRamal {
width: 50px;
height: 32px;
padding: 8px;
vertical-align: middle;
text-align: center;
font-size: 14px;
min-width: 125px;
}
.head-rota img {
margin: 2px;
#bn-prioridade-ramal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.head-rota>.title-rota {
width: 50%;
#estaticos select {
width: 180px;
height: 160px;
margin-bottom: 20px;
padding: 10px;
}
.head-rota>.sim-rota,
.head-rota>.nao-rota,
.head-rota>.agente-rota {
width: 10%;
.titles-select {
display: flex;
align-items: center;
justify-content: center;
margin: 4px 4px 12px 4px;
color: #333333ab;
font-weight: 501;
}
#fieldText {
.select-modelo-bn {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: center;
align-items: center;
justify-content: start;
border-radius: 6px;
width: 100%;
}
#fieldText>span {
margin: 5px;
color: white;
.select-modelo-bn>* {
width: 35px;
height: 30px;
border: 0;
border-radius: 10px;
color: #6e26fa;
font-weight: 600;
font-size: large;
vertical-align: middle;
padding: 1px;
}
#labelRotas,
#labelCfs {
color: #6e26fa;
font-size: 14px;
font-weight: 600;
text-decoration: none;
.select-modelo-bn div {
width: 35px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
#ramalSecretaria,
#ramalSecretariaExcessao {
vertical-align: middle;
text-align: left;
background-color: rgba(255, 255, 255, 0.463);
border: 0.5px solid #6e26fa;
border-radius: 2px;
.select-modelo-bn div:hover {
background-color: #919dd1;
}
.bn-submit {
margin: 10px 100px;
}
.bn-close {
margin: 10px 100px;
}
.codecs-content {
flex-direction: row;
box-sizing: border-box;
border: 1px solid #6e26fa;
border-radius: 4px;
padding: 10px;
outline: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: start;
}
.codecs-check {
padding: 1px;
}
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select {
background-color: transparent;
outline: none;
padding: 8px;
border: 1px solid #6e26fa;
border-radius: 4px;
}
.row .quantidade,
.row .gera_voice {
width: 40%;
input[type="radio"],
input[type="checkbox"] {
max-width: 14px;
height: 14px;
margin: 0 4px;
}
.row .habilita_prepago {
width: 40%;
.switch {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.row .ramal,
.row .tipo {
width: 100%;
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.row .monitorar {
width: 50%;
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #cdcdcd;
-webkit-transition: .4s;
transition: .4s;
}
.row .senha_sip .input_senha {
width: 400%;
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 0px;
bottom: 0px;
background-color: #f0f0f0e5;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #53e764;
}
@media screen and (max-width:1180px) {
.titulo {
width: 88%;
}
input:focus+.slider {
box-shadow: 0 0 1px #cecece;
}
.container-content {
width: 88%;
}
input:checked+.slider:before {
-webkit-transform: translateX(21px);
-ms-transform: translateX(21px);
transform: translateX(21px);
}
.collapse-config-advanced {
width: 90%;
}
.slider.round {
border-radius: 50px;
}
.slider.round:before {
border-radius: 50%;
}
@media screen and (max-width: 690px) {
.row {
@media screen and (max-width: 845px) {
.container-content>* {
flex-direction: column;
display: flex;
justify-content: center;
align-content: center;
}
.collapse-config-advanced-content>* {
flex-direction: column;
display: flex;
justify-content: center;
align-content: center;
}
.collapse-btn {
width: 100%;
.container-content {
width: 78%;
flex: 1;
}
}
Write Preview
Loading…
Cancel
Save