forked from SimplesIP/pabx-app
Matheo Bonucia
3 months ago
4 changed files with 349 additions and 85 deletions
@ -0,0 +1,240 @@ |
|||||||
|
* { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", |
||||||
|
"Lucida Sans", Arial, sans-serif; |
||||||
|
background-color: rgb(74, 125, 245); |
||||||
|
background-image: radial-gradient( |
||||||
|
at 7% 96%, |
||||||
|
hsla(194, 98%, 50%, 1) 0px, |
||||||
|
transparent 70% |
||||||
|
), |
||||||
|
radial-gradient(at 77% 30%, hsla(303, 90%, 50%, 1) 0px, transparent 15%), |
||||||
|
radial-gradient(at 1% 39%, hsla(324, 100%, 50%, 1) 0px, transparent 50%), |
||||||
|
radial-gradient(at 78% 90%, hsla(295, 95%, 51%, 1) 0px, transparent 30%), |
||||||
|
radial-gradient(at 22% 87%, hsla(253, 100%, 50%, 1) 0px, transparent 30%), |
||||||
|
radial-gradient(at 34% 74%, hsla(240, 100%, 50%, 1) 0px, transparent 80%); |
||||||
|
} |
||||||
|
|
||||||
|
button { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
form { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: space-between; |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
/* ///////////////////////////////////////////////////// */ |
||||||
|
|
||||||
|
.no-style { |
||||||
|
all: unset; |
||||||
|
display: block; /* Para garantir que a imagem seja exibida como um bloco */ |
||||||
|
width: 50px; |
||||||
|
height: 50px; |
||||||
|
} |
||||||
|
|
||||||
|
.return { |
||||||
|
display: flex; |
||||||
|
justify-content: start; |
||||||
|
align-items: center; |
||||||
|
margin: 5px; |
||||||
|
cursor: pointer; |
||||||
|
width: -webkit-fill-available; |
||||||
|
} |
||||||
|
|
||||||
|
/* Container de login */ |
||||||
|
.container-home { |
||||||
|
width: 100%; |
||||||
|
height: 100vh; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
overflow-y: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
.box { |
||||||
|
background-color: white; |
||||||
|
padding: 12px; |
||||||
|
border-radius: 6px; |
||||||
|
min-width: 20%; |
||||||
|
height: 65vh; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
animation: transform 0.3s ease-out; |
||||||
|
} |
||||||
|
|
||||||
|
.box:hover { |
||||||
|
transform: scale(1.005); |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
.box .box-content-1 { |
||||||
|
text-decoration: none; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: start; |
||||||
|
width: 100%; |
||||||
|
padding: 10px; |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.box-content-1 h1 { |
||||||
|
color: #2d69f5; |
||||||
|
margin-bottom: 80px; |
||||||
|
} |
||||||
|
|
||||||
|
.box-content-1 h4 { |
||||||
|
color: #2d69f5; |
||||||
|
} |
||||||
|
|
||||||
|
.box .box-content-1 select, |
||||||
|
.options { |
||||||
|
border: #e7e7e7 solid 1px; |
||||||
|
width: 280px; |
||||||
|
padding: 10px; |
||||||
|
border-radius: 7px; |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
|
||||||
|
.box .box-content-1 .group { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: start; |
||||||
|
color: #818181; |
||||||
|
padding: 3px; |
||||||
|
flex: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.box .box-content-1 .group span { |
||||||
|
font-size: 13px; |
||||||
|
padding: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.box .box-content-2 { |
||||||
|
margin: 30px 0 10px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.fo-info { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.fo-info p { |
||||||
|
font-size: 12px; |
||||||
|
color: #aaaaaa; |
||||||
|
font-weight: 200; |
||||||
|
} |
||||||
|
|
||||||
|
.fa-solid.fa-user { |
||||||
|
width: max-content; |
||||||
|
height: min-content; |
||||||
|
padding: 10px; |
||||||
|
border-radius: 0 12px 12px 12px; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
.fa-solid.fa-key { |
||||||
|
width: max-content; |
||||||
|
height: max-content; |
||||||
|
padding: 10px; |
||||||
|
border-radius: 0 12px 12px 12px; |
||||||
|
background-color: transparent; |
||||||
|
color: #2d69f5; |
||||||
|
} |
||||||
|
|
||||||
|
.esqueci-senha { |
||||||
|
display: flex; |
||||||
|
justify-content: end; |
||||||
|
align-items: center; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.esqueci-senha > a { |
||||||
|
color: #858585; |
||||||
|
font-size: small; |
||||||
|
text-decoration: none; |
||||||
|
padding: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
:root { |
||||||
|
overflow-y: hidden; |
||||||
|
} |
||||||
|
/* ///////////////////////////////////////////////////// */ |
||||||
|
|
||||||
|
/* Menu de redes sociais */ |
||||||
|
.menu { |
||||||
|
width: 100%; |
||||||
|
font-weight: bolder; |
||||||
|
display: flex; |
||||||
|
align-items: end; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.social { |
||||||
|
color: #8aa2ff; |
||||||
|
margin: 2vh; |
||||||
|
transition: transform 0.3s; |
||||||
|
background-color: #f1f1f1; |
||||||
|
border-radius: 10px; |
||||||
|
padding: 10px 14px; |
||||||
|
} |
||||||
|
|
||||||
|
.social:hover { |
||||||
|
transform: scale(1.15); |
||||||
|
} |
||||||
|
/* ///////////////////////////////////////////////////// */ |
||||||
|
|
||||||
|
/* Botão de envio */ |
||||||
|
.bn-login { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: end; |
||||||
|
} |
||||||
|
|
||||||
|
.bn632-hover { |
||||||
|
border-radius: 10px; |
||||||
|
font-size: 14px; |
||||||
|
font-weight: 600; |
||||||
|
color: #fff; |
||||||
|
cursor: pointer; |
||||||
|
height: 40px; |
||||||
|
width: 75%; |
||||||
|
text-align: center; |
||||||
|
border: none; |
||||||
|
background-size: 300% 100%; |
||||||
|
-o-transition: all 0.6s ease-in-out; |
||||||
|
-webkit-transition: all 0.6s ease-in-out; |
||||||
|
transition: all 0.6s ease-in-out; |
||||||
|
} |
||||||
|
|
||||||
|
.bn632-hover:hover { |
||||||
|
background-position: 100% 0; |
||||||
|
-moz-transition: all 0.4s ease-in-out; |
||||||
|
-o-transition: all 0.4s ease-in-out; |
||||||
|
-webkit-transition: all 0.4s ease-in-out; |
||||||
|
transition: all 0.4s ease-in-out; |
||||||
|
} |
||||||
|
|
||||||
|
.bn632-hover:focus { |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
|
||||||
|
.bn632-hover.bn24 { |
||||||
|
background-image: linear-gradient( |
||||||
|
to right, |
||||||
|
#2d69f5, |
||||||
|
#ff007a, |
||||||
|
#6664f1, |
||||||
|
rgb(249, 5, 78) |
||||||
|
); |
||||||
|
} |
@ -1,45 +1,65 @@ |
|||||||
<?php |
<?php |
||||||
|
|
||||||
$orgId = isset($_POST['org_id']) ? $_POST['org_id'] : null; |
$desabilitaLayout = 1; |
||||||
$tpLayout = 1; |
$empresas = GetAllOrganizacao(); |
||||||
|
$smarty->assign("desabilitaLayout", $desabilitaLayout); |
||||||
|
|
||||||
try { |
|
||||||
$dados = GetDadosOrganizacao($dbcon); |
|
||||||
if (count($dados) == 1 && !isset($_SESSION['SSEmpresaPadrao'])) { |
|
||||||
$_SESSION['SSEmpresaPadrao'] = $dados[0]['id']; |
|
||||||
header('Location: index.php'); |
|
||||||
} |
|
||||||
|
|
||||||
if ($orgId) { |
if(isset($_POST["btSelectEmpresa"])) { |
||||||
verificaEmpresa($dados, $orgId); |
$orgIdSelect = $_POST["empresa_id"]; |
||||||
} |
GetParametros($dbcon); |
||||||
} catch (Exception $e) { |
$_SESSION["SSEmpresaPadrao"] = $orgIdSelect; |
||||||
$e->getMessage(); |
header('Location: ' . $_SERVER['PHP_SELF'] . '?idProg=' . $idProg); |
||||||
|
exit(); |
||||||
} |
} |
||||||
|
?> |
||||||
|
|
||||||
$smarty->assign('empresas', SelectOrg($dados)); |
<html> |
||||||
$smarty->display('selecionaEmpresa.tpl'); |
<meta charset="UTF-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||||
|
<title> |
||||||
|
Seleção de Empresa - Simples IP |
||||||
|
</title> |
||||||
|
<style> |
||||||
|
<?php |
||||||
|
include 'css/select_empresa.css'; |
||||||
|
include "components/Footer/footer.css"; |
||||||
|
?> |
||||||
|
</style> |
||||||
|
<link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png"> |
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
||||||
|
<body> |
||||||
|
<div class="container-home"> |
||||||
|
<div class="box"> |
||||||
|
<div class="return" onclick="window.location.href='index.php?idProg=-1&DEBUG=0'"> |
||||||
|
<i class="fa-solid fa-arrow-left fa-xl" style="color: rgb(74, 125, 245);"></i> |
||||||
|
</div> |
||||||
|
<img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp" class="no-style"> |
||||||
|
<?php include "components/Sociais/sociais.php"; ?> |
||||||
|
<div class="box-content-1"> |
||||||
|
<form id="formulario-empresa" method="post" accept-charset="utf-8" action="index.php?action=select_empresa"> |
||||||
|
<div class="group"> |
||||||
|
<span>Selecione a Empresa</span> |
||||||
|
<select name="empresa_id" id="empresa_id"> |
||||||
|
<?php foreach ($empresas as $empresa) { ?> |
||||||
|
<option class="options" value="<?= $empresa['id'] ?>"><?= $empresa['nome'] ?></option>
|
||||||
|
<?php } ?> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
<div class='bn-login'> |
||||||
|
<input type="submit" name="btSelectEmpresa" value="SELECIONAR →" id="btSelectEmpresa" class="bn632-hover bn24" /> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
|
||||||
function verificaEmpresa($dados, $orgId) |
<div class="box-content-2"> |
||||||
{ |
<div class="fo-info"> |
||||||
foreach ($dados as $v) { |
<p>Contato: +55 (65)3616-8280</p> |
||||||
if ($v['id'] == $orgId) { |
<p>Email: meajuda@simplesip.com.br</p> |
||||||
$_SESSION['SSEmpresaPadrao'] = $orgId; |
<p>Versão 1.9.1 | Copyright © 2024 simplesip.net.br</p> |
||||||
header('Location: index.php'); |
</div> |
||||||
} |
</div> |
||||||
} |
</div> |
||||||
return false; |
</div> |
||||||
} |
</body> |
||||||
|
</html> |
||||||
function SelectOrg($dados) |
|
||||||
{ |
|
||||||
$select = ""; |
|
||||||
foreach ($dados as $v) { |
|
||||||
if ($v['prm_logo_relaratio']) { |
|
||||||
$img = '<img src="img/logo_ip.png" width="32" height="32" align="absmiddle">'; |
|
||||||
} |
|
||||||
$padrao = $v['org_padrao'] == $v['id'] ? "selected" : ""; |
|
||||||
$select .= sprintf('<li><button class="company-item %s" name="org_id" value="%s">%s %s</button></li>', $padrao, $v['id'], $img, $v['nome_fantasia']); |
|
||||||
} |
|
||||||
return $select; |
|
||||||
} |
|
Loading…
Reference in new issue