blob: 9ec09e5b90926ea0249a6d8d9872d9576881ea0c [file] [log] [blame]
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
<!-- ## 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>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>
<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>
<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>