diff options
Diffstat (limited to 'public/index.html')
-rw-r--r-- | public/index.html | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..baebbb2 --- /dev/null +++ b/public/index.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Manavis</title> +<link rel="stylesheet" type="text/css" href="css/style.css" /> +<link rel="stylesheet" type="text/css" href="js/dc/test/dc.css" /> + +<body onload="mv.init();"> + <div class="side med"> + <div class="vis-hide"> + <div id="connect-status"> + <h3>Users</h3> + <ul id="users-status"></ul> + </div> + <div id="blvl-chart"> + <h3>Instance breakdown by Character Base Level <a class="reset" style="display: none;" href="javascript:mv.charts.blvl.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="stat-chart"> + <h3>Instance breakdown by Stat allocation</h3> + </div> + </div> + </div> + <div class="side thin"> + <div class="vis-hide"> + <div id="target-chart"> + <h3>Instance breakdown by Target <a class="reset" style="display: none;" href="javascript:mv.charts.target.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="wpn-chart"> + <h3>Instance breakdown by Weapon <a class="reset" style="display: none;" href="javascript:mv.charts.wpn.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="type-chart"> + <h3>Instance breakdown by Type <a class="reset" style="display: none;" href="javascript:mv.charts.type.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="def-chart"> + <h3>Definedness of records <span class="help" title="If logs are missing between server boot and the logs provided, not all information will be available for all records. Definedness of records falls into three categories. Records with undefined data; records with well defined data, but mixed in with records having undefined data, limiting validity of inferences; and records after any uncertain times, which are fully well defined. It is highly recommended that you filter results to only include records which are in fully well defined times; however, this may not always be possible.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.charts.def.filterAll();dc.redrawAll();">clear</a></h3> + </div> + </div> + </div> + <div id="main"> +<!-- <div id="status"> + Manavis + TODO: Load icons et al for when new records need loading? + </div>--> + <div class="vis-hide"> + <div id="map-chart"> + <h3>Breakdown by Map <span class="help" title="Bubble size indicates instances of experience gain for that map. X axis position indicates the sum of level experience gain for that map. Y axis position indicates the sum of job experience gain for that map.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.charts.map.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="date-chart"> + <h3>Instance breakdown by Date <a class="reset" style="display: none;" href="javascript:mv.charts.date.filterAll();dc.redrawAll();">clear</a></h3> + </div> + <div id="player-chart"> + <h3>Instance breakdown by Character ID <span class="help" title="Older to newer characters appear left to right, respectively.">[?]</span> <a class="reset" style="display: none;" href="javascript:mv.charts.pc.filterAll();dc.redrawAll();">clear</a></h3> + </div> + </div> + </div> + <div id="mask"><noscript><h1>Javascript is required for this website.</h1></noscript> + <div id="loadinfo" class="fader"> + <h1>Manavis</h1> + <input id="connect-option" name="connect" type="checkbox" checked></input> + <label for="connect">Connect to server</label> + <h3>Select records to load and display</h3> + <p>You can load any number of files at once.</p> + <input type="file" id="input" name="records[]" multiple /> + <output id="list"></output> + <div id="filesbar" class="progressbar fader"> + <div class="percent">0%</div> + </div> + <div id="loadbar" class="progressbar fader"> + <div class="percent">0%</div> + </div> + </div> + </div> +</body> + +<!-- Libs --> +<script src="js/util/memoize.js"></script> +<script src="js/util/progress.js"></script> +<script src="js/d3/d3.js"></script> +<script src="js/crossfilter/crossfilter.js"></script> +<script src="js/dc/dc.js"></script> + +<script src="/socket.io/socket.io.js"></script> + +<!-- Components --> +<script src="js/comp/item.js"></script> +<script src="js/comp/map.js"></script> +<script src="js/comp/mob.js"></script> +<script src="js/comp/stat.js"></script><!-- Depends on crossfilter for crossfilter.bisect --> + +<!-- Processing --> +<script src="js/mv/chart.js"></script> +<script src="js/mv/connect.js"></script> +<script src="js/mv/heap.js"></script> +<script src="js/mv/load.js"></script> +<script src="js/mv/main.js"></script> +<script src="js/mv/parse.js"></script> +<script src="js/util/trellis-chart.js"></script> |