summaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorFreeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace>2013-05-13 00:35:11 +1200
committerFreeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace>2013-05-13 00:41:08 +1200
commit5e332bfac3dfe2075dde30568498bc6c42ca27ce (patch)
treecaaa5d48e3f448527e3e62359a6b4453bdf3655f /public/index.html
parent2b3bf882d6b53f09e0dddf3f8d4f159832471fb3 (diff)
downloadmanavis-5e332bfac3dfe2075dde30568498bc6c42ca27ce.tar.gz
manavis-5e332bfac3dfe2075dde30568498bc6c42ca27ce.tar.bz2
manavis-5e332bfac3dfe2075dde30568498bc6c42ca27ce.tar.xz
manavis-5e332bfac3dfe2075dde30568498bc6c42ca27ce.zip
Move served files to a public/ directory
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html96
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>