Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Column

Gerenciador de Conexões T-CLOUD

HTML
<!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>GERENCIADOR DE CONEXOES CLOUD</h1>  
  
  <table id="accessTable">
    <thead>
      <tr>
        <th>
          <span class="filter-icon" onclick="sortTable()">▲</span>
          CLIENTES
        </th>
        <th>ERP-GG</th>
        <th>ERP-NAV</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('https://irmaoszat156600.consinco.cloudtotvs.com.br')"> 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('https://quartetto142742.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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('https://quartetto142742.consinco.cloudtotvs.com.br')"> 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('https://fruttoda145633.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://fruttoda145633.consinco.cloudtotvs.com.br')"> 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('https://comercialpopular146037.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://comercialpopular146037.consinco.cloudtotvs.com.br')"> Abrir </button></td>
      </tr>
      <tr>
        <td>HIPER SAO PAULO - ROBERTO</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('https://robertoalmeida147457.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://robertoalmeida147457.consinco.cloudtotvs.com.br')"> 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('https://centralde149668.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://centralde149668.consinco.cloudtotvs.com.br')"> 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('https://comercialgala150454.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://comercialgala150454.consinco.cloudtotvs.com.br')"> Abrir </button></td>
      </tr>
      <tr>
        <td>BEMAIS - CARDOSO</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('https://cardosoda150869.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://cardosoda150869.consinco.cloudtotvs.com.br')"> 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('https://bonanza150976.consinco.cloudtotvs.com.br:444/AcruxMonitor')"> 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://bonanza150976.consinco.cloudtotvs.com.br')"> 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 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>