<commit_before>﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>VoltDB Management Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/resources/layout.css" rel="stylesheet" />
<link href="css/resources/aero.css" rel="stylesheet" />
<link href="css/resources/nv.d3.css" rel="stylesheet" />
<link href="css/resources/tablesorter.css" rel="stylesheet" />
<link href="css/resources/schema/bootstrap.min.css" id="styleBootstrapMin" disabled="disabled" rel="stylesheet">
<link href="css/resources/schema/bootstrap-responsive.css" id="styleBootstrapResponsive" disabled="disabled" rel="stylesheet">
<link href="css/resources/schema/theme.bootstrap.css" id="styleThemeBootstrap" disabled="disabled" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/d3/d3.v3.min.js"></script>
<script type="text/javascript" src="js/d3/nv.d3.min.js"></script>
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="js/jquery.popup.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/voltdb.config.js"></script>
<script type="application/javascript" src="js/jquery.crypt.js"></script>
<script type="application/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/voltdb.core.js"></script>
<script type="text/javascript" src="js/voltdb.service.js"></script>
<script type="text/javascript" src="js/voltdb.render.js"></script>
<script type="text/javascript" src="js/voltdb.ui.js"></script>
<script type="text/javascript" src="js/voltdb.graph.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.js"></script>
<script type="text/javascript" src="js/voltdb.sqlquery.ui.js"></script>
<script type="text/javascript" src="js/voltdb.queryrender.js"></script>
<script type="text/javascript" src="js/sorttable.js"></script>
<script type="text/javascript" src="js/shortcut.js"></script>
<script type="text/javascript" src="js/jquery.getSelectedText.min.js"></script>
<script type="text/javascript" src="js/admin-mock.js"></script>
<script type="text/javascript" src="js/icheck.js"></script>
</head>

<body>
<iframe name="versioncheck" id="versioncheck" style="display:none;" width="1" height="1" frameborder="0" src="about:blank"></iframe>
<div class="page-wrap">
  <div id="wrapper">
    <div class="header" id="headerMain">
      <div class="headLeft">
        <div class="logo"> <img src="css/resources/images/voltdb-logo.png" alt="VoltDB" /></div>
        <div class="menu" id="toggle">
          <div class="toggleMenu" id="toggleMenu">Menu</div>
          <nav id="nav">
            <ul>
              <li id="navDbmonitor" class="active"><a href="#" class="linkFirst">DB Monitor</a></li>
              <li id="navAdmin"><a href="#">Admin</a></li>
              <li id="navSchema"><a href="#o">Schema</a></li>
              <li id="navSqlQuery"><a href="#">SQL Query</a></li>
            </ul>
          </nav>
        </div>
        <div class="clear"></div>
      </div>
      <div class="headRight">
        <ul class="topRightList" id="userSection">
          <li><a href="#logoutPopup" id="btnlogOut">
            <div class="userN"></div>
            </a></li>
          <li><a href="#logoutPopup" id="logOut">
            <div class="user" title="Log Out"></div>
            </a></li>
          <li class="line" id="userLine"></li>
          <li class="help"><a href="#help" id="showMyHelp">Help</a></li>
          <li class="responsiveMenuPlaceHolder">&nbsp;</li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <div class="contents">
      <div class="container" id="containerMain">
        <div class="clusterDetailsWrapper" id="clusterDetails">
          <div class="clusterDetailsContLeft" id="clusterDetailsLeft">
            <h1 class="headText clusterIcon">Cluster</h1>
            <ul class="clusterStat" id="clusterHealth">
              <li class="activeIcon">Active <span>()</span></li>
              <li class="joiningIcon">Joining <span>()</span></li>
              <li class="missingIcon">Missing <span>()</span></li>
              <li style="display: none;" class="alertIcon"><a href="#memoryAlerts" id="showMemoryAlerts">Alert <span>()</span></a></li>
            </ul>
            <div class="clear"></div>
          </div>
          <div class="clusterDetailsContRight" id="clusterDetailsRight">
            <ul class="serverStat" id="serverStatSection">
              <li>Monitoring</li>
              <li class="activeServerName" id="activeServerName" title=""></li>
            </ul>
            <div style="float: right; padding: 0 0 0 10px;"><a href="#" id="btnPopServerList" class="btn showServers">Server</a></div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
          
          <!-- Server List popup-->
          <div id="popServerList" style="display: none;">
            <div class="slide-pop-wrapper">
              <div class="slide-pop-title">
                <div class="icon-server searchLeft">Servers</div>
                <div class="searchRight">
                  <div class="search">
                    <input type="text" id="popServerSearch" class="icon-search" onclick="this.value = '';" onblur="this.value=!this.value?'Search Server':this.value;" value="Search Server" />
                  </div>
                  <div class="thresholdVal"> Alert Threshold
                    <input type="text" id="threshold" class="theVal" maxlength="3" />
                    % <a href="#" id="saveThreshold" class="setVal">Set</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="clear"></div>
              </div>
              <div class="slide-pop-content">
                <div class="server-info-heading"> <span class="server">Server Name</span> <span class="memory-use">Memory Usage</span>
                  <div class="clear"></div>
                </div>
                <div id="serverListWrapper">
                  <ul class="servers-list" id="serversList">
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="content displayPre" id="contentServer">
          <div class="leftShowhide">
            <div id="GraphBlock" class="">
              <h1 class="headText1"><a href="#" id="showHideGraphBlock" class="showhideIcon expanded arrowAdjust">Show/Hide Graph</a></h1>
            </div>
          </div>
          <div class="rightShowhide">
            <ul class="rightShowhideList" id="showHideRightlist">
              <li class="viewSelect">
                <label>View</label>
                <select id="graphView">
                  <option selected="selected">Seconds</option>
                  <option>Minutes</option>
                  <option>Days</option>
                </select>
              </li>
            </ul>
            <div class="preBtn"> <a href="#myPreference" class="btn" id="showMyPreference">Display Preference</a> </div>
          </div>
          <div class="clear"></div>
        </div>
        <div id="graphBlock">
          <div class="graphChart" id="graphChart">
            <div id="chartServerCPU" class="chart">
              <div class="chartHeader" id="chartHead">
                <h1>Server CPU <span class="activeServerName" title=""></span></h1>
              </div>
              <svg id="visualisationCpu" width="100%" height="350"></svg> </div>
            <div id="chartServerRAM" class="chart">
              <div class="chartHeader" id="chartRamHeader">
                <h1>Server RAM<span class="activeServerName" title=""></span></h1>
              </div>
              <svg id="visualisationRam" width="100%" height="400"></svg> </div>
            <div id="chartClusterLatency" class="chart">
              <div class="chartHeader">
                <h1>Cluster Latency (99th percentile, ms)</h1>
              </div>
              <svg id="visualisationLatency" width="100%" height="400"></svg> </div>
            <div id="chartClusterTransactions" class="chart">
              <div class="chartHeader">
                <h1>Cluster Transactions (tps)</h1>
              </div>
              <svg id="visualisationTransaction" width="100%" height="400"></svg> </div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="data">
          <div id="firstpane" class="menu_list"> 
            <!--Code for menu starts here-->
            <div class="menu_head collapsed">
              <h1 id="ShowHideBlock">Show/Hide Data</h1>
            </div>
            <div class="menu_body" style="display: none;">
              <div id="tblStoredProcedures" class="storedProcWrapper">
                <div class="tabs-filter-wrapper">
                  <div class="tableTitle icon-procedures">Stored Procedures (Cluster)</div>
                  <div class="filter">
                    <input name="filter" id="filterStoredProc" type="text" class="search-box" onblur="this.value=!this.value?'Search Stored Procedures':this.value;" value="Search Stored Procedures" placeholder="Search Stored Procedures" />
                    <a id="searchStoredProc" href="javascript:void(0)" class="icon-search" title="Search">search</a></div>
                  <div class="pagination"> <a id="previousProcedures" href="javascript:void(0)" class="prev" title="Previous Page">Prev</a>Page
                    <label id="lblPrevious"></label>
                    of
                    <label id="lblTotalPages"></label>
                    <a id="nextProcedures" href="javascript:void(0)" class="next" title="Next Page">Next</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="tblScroll">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="storeTbl">
                    <thead>
                      <tr>
                        <th id="PROCEDURE" width="30%" data-name="none">Stored Procedure</th>
                        <th id="INVOCATIONS" width="10%" data-name="none">Invocations</th>
                        <th id="MIN_LATENCY" width="15%" data-name="none">Min Latency (ms)</th>
                        <th id="MAX_LATENCY" width="15%" data-name="none">Max Latency (ms)</th>
                        <th id="AVG_LATENCY" width="15%" data-name="none">Avg Latency (ms)</th>
                        <th id="PERC_EXECUTION" width="15%" data-name="none">% Time of Execution</th>
                      </tr>
                    </thead>
                    <tbody id="storeProcedureBody">
                    </tbody>
                  </table>
                </div>
              </div>
              <div id="tblDataTables" class="dataTablesWrapper">
                <div class="tabs-filter-wrapper">
                  <div class="tableTitle icon-tables">Database Tables</div>
                  <div class="filter">
                    <input name="filter" id="filterDatabaseTable" type="text" class="search-box" onblur="this.value=!this.value?'Search Database Tables':this.value;" value="Search Database Tables" placeholder="Search Database Tables" />
                    <a id="searchDataTable" href="javascript:void(0)" class="icon-search" title="Search">search</a></div>
                  <div class="pagination"> <a id="previousTables" href="javascript:void(0)" class="prev" title="Previous Page">Prev</a>Page
                    <label id="lblPreviousTable"></label>
                    of
                    <label id="lblTotalPagesofTables"></label>
                    <a id="nextTables" href="javascript:void(0)" class="next" title="Next Page">Next</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="tblScroll">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="storeTbl">
                    <thead>
                      <tr>
                        <th id="TABLE_NAME" width="30%" data-name="none">Table</th>
                        <th id="TUPLE_COUNT" width="10%" data-name="none">Row Count</th>
                        <th id="MAX_ROWS" width="15%" data-name="none">Max Rows (per partition)</th>
                        <th id="MIN_ROWS" width="15%" data-name="none">Min Rows (per partition)</th>
                        <th id="AVG_ROWS" width="15%" data-name="none">Avg Rows (per partition)</th>
                        <th id="TABLE_TYPE" width="15%" data-name="none">Type</th>
                      </tr>
                    </thead>
                    <tbody id="tablesBody">
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!--Admin-->
    
    <div id="admin" class="container contents">
      <div class="adminWrapper">
        <div class="adminLeft">
          <h1 class="headText clusterIcon">Cluster</h1>
          <div class="adminClusterProperties">
            <ul class="adminClusterList">
              <li> <a href="#pauseConfirmationPop" class="resume" id="pauseConfirmation">Pause</a> <a href="#resumeConfirmationPop" class="pause" id="resumeConfirmation" style="display:none;">Resume</a> </li>
              <li><a href="#" class="promote-disabled">Promote</a></li>
              <li><a href="#savePop" id="saveConfirmation" class="saveme">Save</a></li>
              <li><a href="#restorePop" id="restoreConfirmation" class="restore">Restore</a></li>
              <li><a href="#shutDownConfirmationPop" class="shutdown" id="shutDownConfirmation">Shutdown</a></li>
            </ul>
          </div>
          <div class="clear"></div>
        </div>
        <div class="adminRight">
          <div class="adminServer">
            <div class="serverName" id="serverName">Server</div>
            <div class="setServer adminIcons" id="btnServerConfigAdmin"></div>
            <!-- server list -->
            <div id="serverConfigAdmin" style="display:none;">
              <div class="slide-pop-wrapper">
                <div class="slide-pop-title ">
                  <div class="icon-server searchLeft searchLeftAdmin">Servers</div>
                  <div class="searchRight">
                    <div class="search"> 
                      <!-- <input type="text" id="popServerSearchAdmin" class="icon-search icoSS" onclick="this.value='';" onblur="this.value=!this.value?'Search Server':this.value;" value="Search Server" placeholder="Search Server"> --> 
                    </div>
                  </div>
                  <div class="clear"></div>
                </div>
                <div class="slide-pop-content" style="padding:0 0 15px 0;">
                  <div id="serverListWrapperAdmin"> 
                    <!--<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblshutdown">
                    <tbody>
                        <tr>
                        <td class="configLabel" width="50%">Test Server Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                           <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                          <tr>
                        <td class="configLabel">Server 2 Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
				</tbody>
            </table>-->
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblshutdown">
                      <tbody>
                        <tr>
                          <td class="configLabel" width="85%"><a href="#">Test Server Lorem</a></td>
                          <td  align="right">
                          <a href="#stopConfirmationPop" class="shutdown " id="stopConfirmation">
                           <span class="shutdownServer">stop</span></a> 
                    <a href="#startConfirmationPop" class="startServ " id="startConfirmation" style="display:none;"> 
                    <span class="startServer">Start</span> </a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server 2 Lorem Ispum </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- server list --> 
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="adminContainer">
        <div class="adminContentLeft">
          <div class="headerAdminContent">
            <h1>Overview</h1>
          </div>
          <div class="overviewTbl">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="adminTbl1">
              <tr>
                <td width="62%" class="configLabel">Site per host</td>
                <td width="20%" align="right">8</td>
                <td width="2%">&nbsp;</td>
                <td width="16%">&nbsp;</td>
              </tr>
              <tr>
                <td class="configLabel">K-safety </td>
                <td align="right">3</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td class="configLabel">Partition detection </td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="security">
                <td class="configLabel">Security</td>
                <td align="right"><div id="securityOptionIcon" class="offIcon"></div>
                  <input type="checkbox" id="chkSecurity" class="chkSecurity"/></td>
                <td>Off</td>
                <td><a id="btnEditSecurityOk" href="#securityPop" class="editOk" title="Save" style="">Ok</a> <a id="btnEditSecurityCancel" href="javascript:void(0)" class="editCancel" title="Cancel" style="">Cancel</a> <a href="#securityPop" id="securityEdit" class="edit" title="Edit">&nbsp;</a></td>
              </tr>
              <tr class="hasSubLabel parent" id="row-1">
                <td class="configLabel"><a href="#" class="labelCollapsed">HTTP Access</a></td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="child-row-1 subLabelRow">
                <td class="configLabel"> JSON API</td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="hasSubLabel parent" id="row-2">
                <td class="configLabel"><a href="#" class="labelCollapsed">Auto Snapshots</a></td>
                <td align="right" id="autoSnapshotOption"><div id="autoSnapshotIcon" class="onIcon"></div>
                  <input style="display: none;" type="checkbox" id="chkAutoSnapshot" checked="checked" class="snapshot"/></td>
                <td><div id="txtAutoSnapshot" class="SnapshotsOn">On</div></td>
                <td><a id="btnEditAutoSnapshotOk" href="#autoSnapshotPop" class="editOk" title="Save" style="">Ok</a> <a id="btnEditAutoSnapshotCancel" href="javascript:void(0)" class="editCancel" title="Cancel" style="">Cancel</a> <a href="javascript:void(0)" id="autoSnapshotEdit" class="edit" title="Edit">&nbsp;</a></td>
              </tr>
              <tr class="child-row-2 subLabelRow">
                <td class="configLabel">Frequency </td>
                <td align="right"><span id="frequencySpan">500</span>
                  <input id="txtFrequency" class="exitableTxtBx" type="text" style="display:none"></td>
                <td><span id="spanFrequencyUnit">Hrs</span>
                  <select id="ddlfrequencyUnit" style="display: none;">
                    <option>Hrs</option>
                    <option>Min</option>
                    <option>Sec</option>
                  </select></td>
                <td>&nbsp;</td>
              </tr>
              <tr class="child-row-2 subLabelRow">
                <td class="configLabel">Retained </td>
                <td align="right"><span id="retainedSpan">500</span>
                  <input id="txtRetained" class="exitableTxtBx" type="text" style="display:none"></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="hasSubLabel parent" id="row-3">
                <td class="configLabel"><a href="#" class="labelCollapsed">Command Logging</a></td><commit_msg>Design corrected on the Auto snapshots's frequency section<commit_after>﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>VoltDB Management Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/resources/layout.css" rel="stylesheet" />
<link href="css/resources/aero.css" rel="stylesheet" />
<link href="css/resources/nv.d3.css" rel="stylesheet" />
<link href="css/resources/tablesorter.css" rel="stylesheet" />
<link href="css/resources/schema/bootstrap.min.css" id="styleBootstrapMin" disabled="disabled" rel="stylesheet">
<link href="css/resources/schema/bootstrap-responsive.css" id="styleBootstrapResponsive" disabled="disabled" rel="stylesheet">
<link href="css/resources/schema/theme.bootstrap.css" id="styleThemeBootstrap" disabled="disabled" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/d3/d3.v3.min.js"></script>
<script type="text/javascript" src="js/d3/nv.d3.min.js"></script>
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="js/jquery.popup.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/voltdb.config.js"></script>
<script type="application/javascript" src="js/jquery.crypt.js"></script>
<script type="application/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/voltdb.core.js"></script>
<script type="text/javascript" src="js/voltdb.service.js"></script>
<script type="text/javascript" src="js/voltdb.render.js"></script>
<script type="text/javascript" src="js/voltdb.ui.js"></script>
<script type="text/javascript" src="js/voltdb.graph.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.js"></script>
<script type="text/javascript" src="js/voltdb.sqlquery.ui.js"></script>
<script type="text/javascript" src="js/voltdb.queryrender.js"></script>
<script type="text/javascript" src="js/sorttable.js"></script>
<script type="text/javascript" src="js/shortcut.js"></script>
<script type="text/javascript" src="js/jquery.getSelectedText.min.js"></script>
<script type="text/javascript" src="js/admin-mock.js"></script>
<script type="text/javascript" src="js/icheck.js"></script>
</head>

<body>
<iframe name="versioncheck" id="versioncheck" style="display:none;" width="1" height="1" frameborder="0" src="about:blank"></iframe>
<div class="page-wrap">
  <div id="wrapper">
    <div class="header" id="headerMain">
      <div class="headLeft">
        <div class="logo"> <img src="css/resources/images/voltdb-logo.png" alt="VoltDB" /></div>
        <div class="menu" id="toggle">
          <div class="toggleMenu" id="toggleMenu">Menu</div>
          <nav id="nav">
            <ul>
              <li id="navDbmonitor" class="active"><a href="#" class="linkFirst">DB Monitor</a></li>
              <li id="navAdmin"><a href="#">Admin</a></li>
              <li id="navSchema"><a href="#o">Schema</a></li>
              <li id="navSqlQuery"><a href="#">SQL Query</a></li>
            </ul>
          </nav>
        </div>
        <div class="clear"></div>
      </div>
      <div class="headRight">
        <ul class="topRightList" id="userSection">
          <li><a href="#logoutPopup" id="btnlogOut">
            <div class="userN"></div>
            </a></li>
          <li><a href="#logoutPopup" id="logOut">
            <div class="user" title="Log Out"></div>
            </a></li>
          <li class="line" id="userLine"></li>
          <li class="help"><a href="#help" id="showMyHelp">Help</a></li>
          <li class="responsiveMenuPlaceHolder">&nbsp;</li>
        </ul>
      </div>
      <div class="clear"></div>
    </div>
    <div class="contents">
      <div class="container" id="containerMain">
        <div class="clusterDetailsWrapper" id="clusterDetails">
          <div class="clusterDetailsContLeft" id="clusterDetailsLeft">
            <h1 class="headText clusterIcon">Cluster</h1>
            <ul class="clusterStat" id="clusterHealth">
              <li class="activeIcon">Active <span>()</span></li>
              <li class="joiningIcon">Joining <span>()</span></li>
              <li class="missingIcon">Missing <span>()</span></li>
              <li style="display: none;" class="alertIcon"><a href="#memoryAlerts" id="showMemoryAlerts">Alert <span>()</span></a></li>
            </ul>
            <div class="clear"></div>
          </div>
          <div class="clusterDetailsContRight" id="clusterDetailsRight">
            <ul class="serverStat" id="serverStatSection">
              <li>Monitoring</li>
              <li class="activeServerName" id="activeServerName" title=""></li>
            </ul>
            <div style="float: right; padding: 0 0 0 10px;"><a href="#" id="btnPopServerList" class="btn showServers">Server</a></div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
          
          <!-- Server List popup-->
          <div id="popServerList" style="display: none;">
            <div class="slide-pop-wrapper">
              <div class="slide-pop-title">
                <div class="icon-server searchLeft">Servers</div>
                <div class="searchRight">
                  <div class="search">
                    <input type="text" id="popServerSearch" class="icon-search" onclick="this.value = '';" onblur="this.value=!this.value?'Search Server':this.value;" value="Search Server" />
                  </div>
                  <div class="thresholdVal"> Alert Threshold
                    <input type="text" id="threshold" class="theVal" maxlength="3" />
                    % <a href="#" id="saveThreshold" class="setVal">Set</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="clear"></div>
              </div>
              <div class="slide-pop-content">
                <div class="server-info-heading"> <span class="server">Server Name</span> <span class="memory-use">Memory Usage</span>
                  <div class="clear"></div>
                </div>
                <div id="serverListWrapper">
                  <ul class="servers-list" id="serversList">
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="content displayPre" id="contentServer">
          <div class="leftShowhide">
            <div id="GraphBlock" class="">
              <h1 class="headText1"><a href="#" id="showHideGraphBlock" class="showhideIcon expanded arrowAdjust">Show/Hide Graph</a></h1>
            </div>
          </div>
          <div class="rightShowhide">
            <ul class="rightShowhideList" id="showHideRightlist">
              <li class="viewSelect">
                <label>View</label>
                <select id="graphView">
                  <option selected="selected">Seconds</option>
                  <option>Minutes</option>
                  <option>Days</option>
                </select>
              </li>
            </ul>
            <div class="preBtn"> <a href="#myPreference" class="btn" id="showMyPreference">Display Preference</a> </div>
          </div>
          <div class="clear"></div>
        </div>
        <div id="graphBlock">
          <div class="graphChart" id="graphChart">
            <div id="chartServerCPU" class="chart">
              <div class="chartHeader" id="chartHead">
                <h1>Server CPU <span class="activeServerName" title=""></span></h1>
              </div>
              <svg id="visualisationCpu" width="100%" height="350"></svg> </div>
            <div id="chartServerRAM" class="chart">
              <div class="chartHeader" id="chartRamHeader">
                <h1>Server RAM<span class="activeServerName" title=""></span></h1>
              </div>
              <svg id="visualisationRam" width="100%" height="400"></svg> </div>
            <div id="chartClusterLatency" class="chart">
              <div class="chartHeader">
                <h1>Cluster Latency (99th percentile, ms)</h1>
              </div>
              <svg id="visualisationLatency" width="100%" height="400"></svg> </div>
            <div id="chartClusterTransactions" class="chart">
              <div class="chartHeader">
                <h1>Cluster Transactions (tps)</h1>
              </div>
              <svg id="visualisationTransaction" width="100%" height="400"></svg> </div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="data">
          <div id="firstpane" class="menu_list"> 
            <!--Code for menu starts here-->
            <div class="menu_head collapsed">
              <h1 id="ShowHideBlock">Show/Hide Data</h1>
            </div>
            <div class="menu_body" style="display: none;">
              <div id="tblStoredProcedures" class="storedProcWrapper">
                <div class="tabs-filter-wrapper">
                  <div class="tableTitle icon-procedures">Stored Procedures (Cluster)</div>
                  <div class="filter">
                    <input name="filter" id="filterStoredProc" type="text" class="search-box" onblur="this.value=!this.value?'Search Stored Procedures':this.value;" value="Search Stored Procedures" placeholder="Search Stored Procedures" />
                    <a id="searchStoredProc" href="javascript:void(0)" class="icon-search" title="Search">search</a></div>
                  <div class="pagination"> <a id="previousProcedures" href="javascript:void(0)" class="prev" title="Previous Page">Prev</a>Page
                    <label id="lblPrevious"></label>
                    of
                    <label id="lblTotalPages"></label>
                    <a id="nextProcedures" href="javascript:void(0)" class="next" title="Next Page">Next</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="tblScroll">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="storeTbl">
                    <thead>
                      <tr>
                        <th id="PROCEDURE" width="30%" data-name="none">Stored Procedure</th>
                        <th id="INVOCATIONS" width="10%" data-name="none">Invocations</th>
                        <th id="MIN_LATENCY" width="15%" data-name="none">Min Latency (ms)</th>
                        <th id="MAX_LATENCY" width="15%" data-name="none">Max Latency (ms)</th>
                        <th id="AVG_LATENCY" width="15%" data-name="none">Avg Latency (ms)</th>
                        <th id="PERC_EXECUTION" width="15%" data-name="none">% Time of Execution</th>
                      </tr>
                    </thead>
                    <tbody id="storeProcedureBody">
                    </tbody>
                  </table>
                </div>
              </div>
              <div id="tblDataTables" class="dataTablesWrapper">
                <div class="tabs-filter-wrapper">
                  <div class="tableTitle icon-tables">Database Tables</div>
                  <div class="filter">
                    <input name="filter" id="filterDatabaseTable" type="text" class="search-box" onblur="this.value=!this.value?'Search Database Tables':this.value;" value="Search Database Tables" placeholder="Search Database Tables" />
                    <a id="searchDataTable" href="javascript:void(0)" class="icon-search" title="Search">search</a></div>
                  <div class="pagination"> <a id="previousTables" href="javascript:void(0)" class="prev" title="Previous Page">Prev</a>Page
                    <label id="lblPreviousTable"></label>
                    of
                    <label id="lblTotalPagesofTables"></label>
                    <a id="nextTables" href="javascript:void(0)" class="next" title="Next Page">Next</a> </div>
                  <div class="clear"></div>
                </div>
                <div class="tblScroll">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="storeTbl">
                    <thead>
                      <tr>
                        <th id="TABLE_NAME" width="30%" data-name="none">Table</th>
                        <th id="TUPLE_COUNT" width="10%" data-name="none">Row Count</th>
                        <th id="MAX_ROWS" width="15%" data-name="none">Max Rows (per partition)</th>
                        <th id="MIN_ROWS" width="15%" data-name="none">Min Rows (per partition)</th>
                        <th id="AVG_ROWS" width="15%" data-name="none">Avg Rows (per partition)</th>
                        <th id="TABLE_TYPE" width="15%" data-name="none">Type</th>
                      </tr>
                    </thead>
                    <tbody id="tablesBody">
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!--Admin-->
    
    <div id="admin" class="container contents">
      <div class="adminWrapper">
        <div class="adminLeft">
          <h1 class="headText clusterIcon">Cluster</h1>
          <div class="adminClusterProperties">
            <ul class="adminClusterList">
              <li> <a href="#pauseConfirmationPop" class="resume" id="pauseConfirmation">Pause</a> <a href="#resumeConfirmationPop" class="pause" id="resumeConfirmation" style="display:none;">Resume</a> </li>
              <li><a href="#" class="promote-disabled">Promote</a></li>
              <li><a href="#savePop" id="saveConfirmation" class="saveme">Save</a></li>
              <li><a href="#restorePop" id="restoreConfirmation" class="restore">Restore</a></li>
              <li><a href="#shutDownConfirmationPop" class="shutdown" id="shutDownConfirmation">Shutdown</a></li>
            </ul>
          </div>
          <div class="clear"></div>
        </div>
        <div class="adminRight">
          <div class="adminServer">
            <div class="serverName" id="serverName">Server</div>
            <div class="setServer adminIcons" id="btnServerConfigAdmin"></div>
            <!-- server list -->
            <div id="serverConfigAdmin" style="display:none;">
              <div class="slide-pop-wrapper">
                <div class="slide-pop-title ">
                  <div class="icon-server searchLeft searchLeftAdmin">Servers</div>
                  <div class="searchRight">
                    <div class="search"> 
                      <!-- <input type="text" id="popServerSearchAdmin" class="icon-search icoSS" onclick="this.value='';" onblur="this.value=!this.value?'Search Server':this.value;" value="Search Server" placeholder="Search Server"> --> 
                    </div>
                  </div>
                  <div class="clear"></div>
                </div>
                <div class="slide-pop-content" style="padding:0 0 15px 0;">
                  <div id="serverListWrapperAdmin"> 
                    <!--<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblshutdown">
                    <tbody>
                        <tr>
                        <td class="configLabel" width="50%">Test Server Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                           <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                          <tr>
                        <td class="configLabel">Server 2 Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel" width="50%">Test Server 2 Lorem </td>
                        <td align="right">
                        <div class="onIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop" id="shutdownPopupPopConfirmation" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
                        <tr>
                        <td class="configLabel">Server Lorem Ispum </td>
                        <td align="right">
                        <div class="offIcon"></div>
                        </td>
                        <td>On</td>
                        <td><a href="#shutdownPopupPop1" id="shutdownPopupPopConfirmation1" class="edit" title="Edit">&nbsp;</a></td>
                        </tr>
				</tbody>
            </table>-->
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tblshutdown">
                      <tbody>
                        <tr>
                          <td class="configLabel" width="85%"><a href="#">Test Server Lorem</a></td>
                          <td  align="right">
                          <a href="#stopConfirmationPop" class="shutdown " id="stopConfirmation">
                           <span class="shutdownServer">stop</span></a> 
                    <a href="#startConfirmationPop" class="startServ " id="startConfirmation" style="display:none;"> 
                    <span class="startServer">Start</span> </a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server 2 Lorem Ispum </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel" width="50%"><a href="#">Test Server 2 Lorem </a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                        <tr>
                          <td class="configLabel"><a href="#">Server Lorem Ispum</a></td>
                          <td align="right"><a href="#" class="shutdown "><span class="shutdownServer">Stop</span></a></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- server list --> 
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="adminContainer">
        <div class="adminContentLeft">
          <div class="headerAdminContent">
            <h1>Overview</h1>
          </div>
          <div class="overviewTbl">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="adminTbl1">
              <tr>
                <td width="62%" class="configLabel">Site per host</td>
                <td width="20%" align="right">8</td>
                <td width="2%">&nbsp;</td>
                <td width="16%">&nbsp;</td>
              </tr>
              <tr>
                <td class="configLabel">K-safety </td>
                <td align="right">3</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td class="configLabel">Partition detection </td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="security">
                <td class="configLabel">Security</td>
                <td align="right"><div id="securityOptionIcon" class="offIcon"></div>
                  <input type="checkbox" id="chkSecurity" class="chkSecurity"/></td>
                <td>Off</td>
                <td><a id="btnEditSecurityOk" href="#securityPop" class="editOk" title="Save" style="">Ok</a> <a id="btnEditSecurityCancel" href="javascript:void(0)" class="editCancel" title="Cancel" style="">Cancel</a> <a href="#securityPop" id="securityEdit" class="edit" title="Edit">&nbsp;</a></td>
              </tr>
              <tr class="hasSubLabel parent" id="row-1">
                <td class="configLabel"><a href="#" class="labelCollapsed">HTTP Access</a></td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="child-row-1 subLabelRow">
                <td class="configLabel"> JSON API</td>
                <td align="right"><div class="onIcon"></div></td>
                <td>On</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="hasSubLabel parent" id="row-2">
                <td class="configLabel"><a href="#" class="labelCollapsed">Auto Snapshots</a></td>
                <td align="right" id="autoSnapshotOption"><div id="autoSnapshotIcon" class="onIcon"></div>
                  <input style="display: none;" type="checkbox" id="chkAutoSnapshot" checked="checked" class="snapshot"/></td>
                <td><div id="txtAutoSnapshot" class="SnapshotsOn">On</div></td>
                <td><a id="btnEditAutoSnapshotOk" href="#autoSnapshotPop" class="editOk" title="Save" style="">Ok</a> <a id="btnEditAutoSnapshotCancel" href="javascript:void(0)" class="editCancel" title="Cancel" style="">Cancel</a> <a href="javascript:void(0)" id="autoSnapshotEdit" class="edit" title="Edit">&nbsp;</a></td>
              </tr>
              <tr class="child-row-2 subLabelRow">
                <td class="configLabel">Frequency </td>
                <td align="right"><span id="frequencySpan">500</span>
                  <input id="txtFrequency" class="exitableTxtBx" type="text" style="display:none">
                  <span id="spanFrequencyUnit">Hrs</span>
                  <select id="ddlfrequencyUnit" style="display: none;">
                    <option>Hrs</option>
                    <option>Min</option>
                    <option>Sec</option>
                  </select>
                  </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="child-row-2 subLabelRow">
                <td class="configLabel">Retained </td>
                <td align="right"><span id="retainedSpan">500</span>
                  <input id="txtRetained" class="exitableTxtBx" type="text" style="display:none"></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr class="hasSubLabel parent" id="row-3">
                <td class="configLabel"><a href="#" class="labelCollapsed">Command Logging</a></td>
{'fraction_non_alphanumeric': 0.17292454097196908, 'fraction_numerical': 0.0076744498378772475, 'mean_word_length': 1.8463302752293578, 'pattern_counts': {'":': 0, '<': 1655, '<?xml version=': 0, '>': 1655, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2391302', 'n_tokens_mistral': 14894, 'n_tokens_neox': 14086, 'n_words': 2650}