| <!-- |
| -- Copyright (c) 2012-2013 DataTorrent, Inc. |
| -- All Rights Reserved. |
| --> |
| |
| <!-- ## Siteops is deprecated, please use logstream instead ## --> |
| |
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <title>Data Torrent : Site Operations Demo </title> |
| |
| <link rel="stylesheet" type="text/css" href="malhar.css"> |
| |
| <!-- Google charts include --> |
| <script type="text/javascript" src="https://www.google.com/jsapi"></script> |
| <script type="text/javascript"> |
| google.load('visualization', '1', {'packages':['corechart']}); |
| google.load('visualization', '1', {'packages':['table']}); |
| |
| </script> |
| |
| <!-- DataTorrent charting utils --> |
| <script type="text/javascript" src="global.js"></script> |
| <script type="text/javascript" src="DrawPageViewTimeChart.js"></script> |
| <script type="text/javascript" src="TopUrlChart.js"></script> |
| <script type="text/javascript" src="TopServer.js"></script> |
| <script type="text/javascript" src="TopIpClientChart.js"></script> |
| <script type="text/javascript" src="server.js"></script> |
| <script type="text/javascript" src="TopIpData.js"></script> |
| <script type="text/javascript" src="TotalViews.js"></script> |
| <script type="text/javascript" src="Url404.js"></script> |
| <script type="text/javascript" src="ClientData.js"></script> |
| <script type="text/javascript" src="serverfail.js"></script> |
| <script type="text/javascript" src="TotalViews.js"></script> |
| |
| <!-- window onload --> |
| <script type="text/javascript"> |
| |
| window.onload = function() { |
| |
| // Initialize variables |
| InitializeGlobal(); |
| |
| // Draw top charts |
| DrawClientDataTableChart(); |
| DrawTotalViewsTableChart(); |
| DrawTopUrlTableChart(); |
| DrawTopServerTableChart(); |
| DrawRiskyClientTableChart(); |
| DrawTopIpClientTableChart(); |
| DrawUrl404TableChart(); |
| DrawServer404TableChart(); |
| setInterval(DrawClientDataTableChart, 1000) |
| setInterval(DrawTotalViewsTableChart, 1000); |
| setInterval(DrawTopUrlTableChart, 1000); |
| setInterval(DrawTopServerTableChart, 1000); |
| setInterval(DrawRiskyClientTableChart, 1000); |
| setInterval(DrawTopIpClientTableChart, 1000); |
| setInterval(DrawUrl404TableChart, 1000); |
| setInterval(DrawServer404TableChart, 1000); |
| }; |
| |
| </script> |
| |
| </head> |
| <body> |
| |
| <div id="header"> |
| <ul class="dashboard-modes"> |
| <li> |
| <a href="#" class="active">Site Operations Demo</a> |
| </li> |
| </ul> |
| |
| <div id="logo"><img src="main_banner.png" style="margin-left:10px;"/></div> |
| </div> |
| |
| <div id="main"> |
| <div id="pagecontent"> |
| <div class="dashboardMgr"> |
| <div class="inner" style=""> |
| <h2 class="title">Page views vs Time Chart</h2> |
| <form onsubmit="return false;"> |
| Select Page: |
| <select name="page" id="page" style="width:200px;" onchange="handleUrlChange();"> |
| <option value="all">ALL</option> |
| <option value="home">home.php</option> |
| <option value="contact">contactus.php</option> |
| <option value="about">about.php</option> |
| <option value="support">support.php</option> |
| <option value="product">products.php</option> |
| <option value="services">services.php</option> |
| <option value="partners">partners.php</option> |
| </select><br> |
| Product/Services/Partners Index : |
| <select name="index" id="index" style="width:200px;" disabled="true" > |
| <option value=\"$i\"></option> |
| <?php |
| for ($i = 0; $i < 100; $i++) { |
| print "<option value=\"$i\">$i</option>\n"; |
| } |
| ?> |
| </select><br> |
| Look Back(Hours): |
| <input type="text" name="lookback" id="pageviewlookback" class="input-small"/> |
| </form><br> |
| <a href="javascript:void(0)" onclick="HandlePageViewTimeSubmit();">View Chart</a><br><br> |
| |
| <h2 class="title">Server Load vs Time Chart</h2> |
| <form onsubmit="return false;"> |
| Server Name : |
| <select name="servername" id="servername" style="width:200px;"> |
| <option value="all">All</option> |
| <?php |
| for ($i = 0; $i < 10; $i++) { |
| print "<option value=\"server{$i}.mydomain.com:80\">Server$i.mydomain.com</option>\n"; |
| } |
| ?> |
| </select><br> |
| Server Load Look Back(Hours): |
| <input type="text" name="serverloadlookback" id="serverloadlookback" class="input-small"/> |
| </form><br> |
| <a href="javascript:void(0)" onclick="HandleServerLoadTimeSubmit();">View Server Load Chart</a><br><br> |
| |
| <b>Total Bytes/Sec :</b> <b id="totaldata"> </b> <br |
| <b>Total Views/Sec :</b> <b id="totalviews"> </b> |
| </div> |
| </div> |
| <div class="dashboardMain"> |
| <div class="dbib"> |
| <div id="pageview_chart_div"></div> |
| <div id="server_load_div"></div> |
| </div> |
| <div class="dbib"> |
| <table><tbody><tr> |
| |
| <td> <h1>Top 10 Urls</h1> |
| <div id="top_url_div" ></div><br><br> |
| <h1>Top 10 Client IPs</h1> |
| <div id="top_IpClient_div"></div> <br><br> |
| <h1>Top 10 Urls with 404 response</h1> |
| <div id="url_404_div"></div> |
| </td> |
| <td> |
| <h1>Server Load</h1> |
| <div id="top_server_div"></div> <br><br> |
| <h1>Top 10 client IPs download</h1> |
| <div id="top_ipdata_div"></div> <br><br> |
| <h1>404 per Server</h1> |
| <div id="server_404_div"></div--> |
| </td> |
| |
| </tr></tbody></table> |
| </div> |
| </div> |
| </body> |
| </html> |
