<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ACESSOS CLOUD v.1.0</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
<style>:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@media print{*,*::before,*::after{text-shadow:none !important;box-shadow:none !important}@page{size:a3}body{min-width:992px !important}}</style><link href="/css/bootstrap.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/css/bootstrap.css"></noscript>
<style>@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale, 1.25));transform:scale(var(--fa-beat-scale, 1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1, 1) translateY(0);transform:scale(1, 1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)}57%{-webkit-transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))}64%{-webkit-transform:scale(1, 1) translateY(0);transform:scale(1, 1) translateY(0)}100%{-webkit-transform:scale(1, 1) translateY(0);transform:scale(1, 1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, 0.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity, 0.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale, 1.125));transform:scale(var(--fa-beat-fade-scale, 1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype")}:root{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-regular:normal 400 1em/1 'Font Awesome 6 Free'}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:block;src:url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype")}:root{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Free'}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:block;src:url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype")}</style><link href="/css/all.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/css/all.css"></noscript>
<!-- T-Cloud Prime - Fonts -->
<style type="text/css">@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
background-color: #9ed2c5;
color: #7b7b7b;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
margin-bottom: 20px;
}
.search-container {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.search-box {
padding: 8px;
border: 1px solid #4e4a45;
border-radius: 5px;
margin-right: 10px;
width: 200px;
text-transform: uppercase; /* Convert input text to uppercase */
}
.search-button {
padding: 8px 16px;
background-color: #37b6c4;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.filter-icon {
cursor: pointer;
font-size: 20px;
margin-right: 5px;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
border: 1px solid #eae9e7;
padding: 8px;
text-align: center;
}
th {
background-color: #37b6c4;
color: #fff;
text-align: center; /* Center align content label */
padding: 8px;
position: relative;
border-top-left-radius: 10px; /* Rounded top left corner */
border-top-right-radius: 10px; /* Rounded top right corner */
z-index: 1; /* Ensure header appears above the table lines */
}
.button {
padding: 5px 10px;
background-color: #37b6c4;
color: #fff;
border: none;
border-radius: 20px; /* Adjust the border-radius for more rounded corners */
cursor: pointer;
}
.highlight {
background-color: #D5CCC3;
}
</style>
</head>
<style>:root{--black:#000;--white:#fff;--blue:#0897E9;--dark:#363636;--orange:#FEAC0E;--gray-light:#EEE;--blue-500:#0ADBE3;--purple:#6B48FF;--red:red;--primary:#37B6C4;--primary-700:#136E92;--secondary:#484440;--gray:#707070;--gray-800:#8A817B;--gray-400:#D5CCC3;--gray-200:#F1F1F1;--gray-100:#F8F9FA;--warning:#ED9C2E;--danger:#D93025;--success:#1E8E3E;--complete:#039BE5;--verde:#37B6C4;--cinza:#8A817B;--cinza4:#F1F1F1}:root{--bk-tootltip:#5a5a5a;--color-text-tooltip:#fff}@charset "UTF-8";body{font-family:open sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--tc-base-main);font-size:13px;color:#676a6c;overflow-x:hidden}html,body{height:100%}:root{--tc-primary:#37b6c4;--tc-primary-lighten:#5ab8c2;--tc-primary2:#136e92;--tc-complemt:#0ADBE3;--tc-complemt-2:#136e92;--tc-complemt-3:#136e92;--tc-base-main:#484440;--tc-base-main-lighten:#4e4a45;--tc-base-secondary:#fafafa;--orange:orange;--orange-lighten:#ffaf1a;--red:#dc0217;--azul:#1c84c6;--green:#1E8E3E;--green2:#10ba3c;--green3:#00965A;--dark-green:#037f9c;--black:#000;--white:#fff;--blue:#0897E9;--dark:#363636;--warning:orange;--danger:#D93025;--success:#1E8E3E;--complete:#039BE5;--running:#2f0cf8;--warning-lighten:#f3b137;--danger-lighten:#eb5b50;--tc-gray-600:#4e4944;--tc-gray-500:#8a817b;--tc-gray-400:#cabfb5;--tc-gray-300:#d5ccc3;--tc-gray-200:#e5e3e1;--tc-gray-100:#f1f1f1;--tc-gray-50:#f8f9fa;--gray:#4e4944;--cinza:#8a817b;--cinza1:#cabfb5;--cinza2:#d5ccc3;--cinza3:#e5e3e1;--cinza4:#f1f1f1;--cinza5:#f8f9fa;--verde:#37b6c4}</style><link rel="stylesheet" href="/css/styles.ca208477fcce7d12.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="/css/styles.ca208477fcce7d12.css"></noscript></head>
<body>
<div class="container">
<h1>ACESSOS CLOUD</h1>
<div class="search-container">
<input type="text" class="search-box" placeholder="Nome do Cliente..." oninput="this.value = this.value.toUpperCase()">
<button class="search-button" onclick="searchTable()">PESQUISAR</button>
</div>
<table id="accessTable">
<thead>
<tr>
<th>
<span class="filter-icon" onclick="sortTable()">?</span>
CLIENTES
</th>
<th>ERP-GG</th>
<th>ERP-NGG</th>
<th>PDV-GG</th>
<th>PDV-MONITOR</th>
<th>NDD-GG</th>
<th>WEB</th>
</tr>
</thead>
<tbody>
<tr>
<td>IRMAOS ZAT</td>
<td><button class="button" onclick="openWebsite('http://irmaoszat156600.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://irmaoszat156600.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://irmaoszat156600.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://irmaoszat156600.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://irmaoszat156600.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://irmaoszat156600.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
</tr>
<tr>
<td>QUARTETTO SUPERMERCADOS</td>
<td><button class="button" onclick="openWebsite('http://quartetto142742.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://quartetto142742.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://quartetto142742.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://quartetto142742.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('')"> Abrir </button></td>
</tr>
<tr>
<td>FRUTTO DA TERRA</td>
<td><button class="button" onclick="openWebsite('http://fruttoda145633.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://fruttoda145633.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://fruttoda145633.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://fruttoda145633.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>COMERCIAL POPULAR</td>
<td><button class="button" onclick="openWebsite('http://comercialpopular146037.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialpopular146037.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialpopular146037.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialpopular146037.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>HIPER SAO PAULO</td>
<td><button class="button" onclick="openWebsite('http://robertoalmeida147457.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://robertoalmeida147457.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://robertoalmeida147457.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://robertoalmeida147457.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>CORREIA</td>
<td><button class="button" onclick="openWebsite('http://centralde149668.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://centralde149668.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://centralde149668.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://centralde149668.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>COMERCIAL GALA</td>
<td><button class="button" onclick="openWebsite('http://comercialgala150454.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialgala150454.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialgala150454.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://comercialgala150454.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>BEMAIS</td>
<td><button class="button" onclick="openWebsite('http://cardosoda150869.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://cardosoda150869.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://cardosoda150869.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://cardosoda150869.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<tr>
<td>BONANZA SUPERMERCADOS</td>
<td><button class="button" onclick="openWebsite('http://bonanza150976.consinco.cloudtotvs.com.br:491/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://bonanza150976.consinco.cloudtotvs.com.br:491/logon.html?useApp=false')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://bonanza150976.consinco.cloudtotvs.com.br:492/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('http://bonanza150976.consinco.cloudtotvs.com.br:493/logon.html?allusers=true')"> Abrir </button></td>
<td><button class="button" onclick="openWebsite('https://www.example5.com')"> Abrir </button></td>
</tr>
<!-- Add more rows as needed -->
</tbody>
</table>
</div>
<script>
function openWebsite(url) {
window.open(url, "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=100,left=200,width=1200,height=800");
}
function searchTable() {
var input, filter, table, tr, td, i, txtValue;
input = document.querySelector(".search-box");
filter = input.value.toUpperCase();
table = document.getElementById("accessTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].classList.add("highlight");
} else {
tr[i].classList.remove("highlight");
}
}
}
}
function sortTable() {
var table, rows, switching, i, x, y, shouldSwitch;
table = document.getElementById("accessTable");
switching = true;
while (switching) {
switching = false;
rows = table.rows;
for (i = 1; i < (rows.length - 1); i++) {
shouldSwitch = false;
x = rows[i].getElementsByTagName("td")[0];
y = rows[i + 1].getElementsByTagName("td")[0];
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
switching = true;
}
}
}
</script>
</body>
</html>
|