Browse Source

WIP: Novas features no cadastro de ramais em andamento

dev
Matheo Bonucia 9 months ago
parent
commit
31657023c4
  1. 2
      admin/cadQgrupos.php
  2. 30
      admin/cadRamais.php
  3. 5
      admin/css/cadQgrupos.css
  4. 127
      admin/css/cadRamal.css

2
admin/cadQgrupos.php

@ -408,7 +408,7 @@ if ($renderizar) { ?>
?>
<form action="index.php?idProg=11002&pbxRequest=1&acao=<?= $acao; ?>&acao2=salva<?= $param ?>" onsubmit="return Verify();" method="post" name="form1" target="_self" id="form1">
<div class="table-geral">
<table border="1" align="center" cellpadding="0" cellspacing="0" class="tabela" style="max-width: 100%; min-width:800px;">
<table border="1" cellpadding="0" cellspacing="0" class="tabela">
<tr bordercolor="#EAEAEA" class="cabecalho" background="img/button03.gif">
<td height="18" colspan="4" class="cabecalho">
<div id="titulo-fila">CADASTRO DE FILAS

30
admin/cadRamais.php

@ -27,7 +27,8 @@ if ($renderizar) { ?>
<script src="admin/js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="admin/js/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="admin/js/pbxAjax.js" type="text/javascript"></script>
<link href="admin/css/cadRamal.css" rel="stylesheet">
<link rel="stylesheet" href="admin/css/cadRamal.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<script>
function toggleCollapse(id) {
var content = document.getElementById(id);
@ -652,10 +653,11 @@ if ($renderizar) { ?>
?>
<form name="form1" method="post" action="index.php?idProg=11009&pbxRequest=1&acao=<?= $acao; ?>&acao2=salva<?= $param; ?>" id="form1">
<div class="table-geral">
<table>
<div class="tabela">
<table border="1" cellpadding="0" cellspacing="0" class="tabela">
<tr>
<td>
<div align="center" style="background: linear-gradient(45deg, #266cfa, #FF1472); color:white; padding: 8px; border-radius: 6px; font-size: 16px;">CADASTRO DE RAMAIS SIP
<div id="titulo-ramal">CADASTRO DE RAMAIS SIP
<input name="id" type="hidden" id="id2" value="<?= ($acao == 'edita') ? $id : null; ?>" />
<input name="acao" type="hidden" id="acao" value="<?= $acao; ?>" />
</div>
@ -1120,7 +1122,6 @@ if ($renderizar) { ?>
</td>
</tr>
</table>
</div>
<?php
if (($acao == 'inseri') || (trim($mailbox) == '')) {
$mailbox = 0;
@ -1143,18 +1144,14 @@ if ($renderizar) { ?>
$pager = trim($dados2["pager"]);
}
?>
<div class="advanced-configs">
</div>
</div>
<div class="collapse-config-advanced">
<button class="collapse-btn" type="button" onclick="toggleCollapse('voicemail-collapse')">Voicemail</button>
<button class="collapse-btn" type="button" onclick="toggleCollapse('voicemail-collapse')"><i class="fa-solid fa-caret-right" style="color: #ffffff; font-size:18px;"></i>&nbsp; Voicemail</button>
<div class="collapse-config-advanced-content" id="voicemail-collapse">
<table>
<tr>
<td>
<div align="center">VOICEMAIL
<input name="inseri_voice" type="hidden" id="inseri_voice" value="<?= $inseri_voice; ?>" />
</div>
<div align="center"><input name="inseri_voice" type="hidden" id="inseri_voice" value="<?= $inseri_voice; ?>" /></div>
</td>
</tr>
<tr>
@ -1419,16 +1416,13 @@ if ($renderizar) { ?>
</td>
</tr>
</div>
<div class="buttons">
</div>
<div class="table-buttons">
<tr>
<td>
<div align="center">
<span class="style1"></span>
<span class="style1"></span>
<span class="style1"></span>
<span class="style1">
<input id="bn-salvar" name="Submit" type="submit" value="Salvar" onclick="marca_todos();">
<input id="bn-fechar" name="Submit2" type="button" onclick="fecha_popup();" value="Fechar" id="btfechar">
<input class="button-submit" name="Submit" type="submit" value="Salvar" onclick="marca_todos();">
<input class="button-close" name="Submit2" type="button" onclick="fecha_popup();" value="Fechar" id="btfechar">
</span>
</div>
</td>

5
admin/css/cadQgrupos.css

@ -8,7 +8,7 @@ html {
select {
width: 100%;
padding: 5px 10px 0px 10px;
padding: 5px 10px 5px 10px;
text-align: center;
border: 0 solid transparent;
border-radius: 6px;
@ -140,7 +140,8 @@ legend {
}
.tabela {
width: 55%;
width: 56%;
min-width: 840px;
}
#titulo-fila {

127
admin/css/cadRamal.css

@ -4,6 +4,19 @@
html {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
input[type="radio"]{
width: 16px;
height: 16px;
}
input[type="checkbox"]{
width: 16px;
height: 16px;
}
select {
@ -26,16 +39,6 @@ input {
font-size: small;
}
input[type="radio"]{
width: 16px;
height: 16px;
}
input[type="checkbox"]{
width: 16px;
height: 16px;
}
fieldset {
border: 1 solid #6e26fa;
border-radius: 6px;
@ -70,6 +73,10 @@ legend {
justify-content: start;
}
.collapse-btn:hover {
background-color: #2C4FF2;
}
.collapse-config-advanced-content {
display: none;
padding: 2px;
@ -129,10 +136,10 @@ legend {
}
.table-geral{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.table-geral td {
@ -140,10 +147,10 @@ legend {
}
.tabela {
width: 55%;
min-width: 840px;
}
#titulo-fila {
#titulo-ramal {
display: flex;
justify-content: center;
align-items: center;
@ -156,100 +163,8 @@ legend {
margin-bottom: 20px;
}
#estaticos #prioridadeRamal{
width: 50px;
height: 30px;
border: 0 solid transparent;
padding: 1px;
}
#bn-prioridade-ramal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
#estaticos select {
width: 180px;
height: 160px;
margin-bottom: 20px;
padding: 10px;
}
#estaticos .setas {
margin: 5px;
background-color: transparent;
color: #6e26fa;
font-size: 18px;
font-weight: 600;
}
.table-buttons {
display: flex;
align-items: center;
justify-content: center;
}
.fa-solid.fa-caret-right {
color: #6e26fa;
font-size: 18px;
text-align: center;
}
.fa-solid.fa-list-ol {
color: #6e26fa;
font-size: 18px;
text-align: center;
}
.titles-select {
display: flex;
align-items: center;
justify-content: center;
}
#bn-salvar {
margin: 0 30px 0 30px;
background-color: #6e26fa;
border-radius: 999px;
box-shadow: #6e26fa 0 10px 20px -10px;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 12px;
opacity: 1;
outline: 0 solid transparent;
padding: 8px 12px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 100px;
word-break: break-word;
border: 0;
}
#bn-fechar {
margin: 0 30px 0 30px;
background-color: #6e26fa1c;
border-radius: 999px;
box-shadow: #6e26fa1c 0 10px 20px -10px;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 12px;
opacity: 1;
outline: 0 solid transparent;
padding: 8px 12px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
width: 100px;
word-break: break-word;
border: 0;
color: #333333;
}
}
Loading…
Cancel
Save