view hexagram-6ae12361157c/hexagram/hexagram.html @ 0:1407e3634bcf draft default tip

Uploaded r11 from test tool shed.
author adam-novak
date Tue, 22 Oct 2013 14:17:59 -0400
parents
children
line wrap: on
line source

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="select2.css" />
        <link rel="stylesheet" type="text/css" href="hexagram.css" />
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <script type="text/javascript" src="jquery.tsv.js"></script>
        <script type="text/javascript" src="color-0.4.1.js"></script>
        <script type="text/javascript" src="maplabel-compiled.js"></script>
        <script type="text/javascript" src="jstat-1.0.0.js"></script>
        <script type="text/javascript" src="select2.js"></script>
        <script type="text/javascript" src="hexagram.js"></script>
        <script type="text/javascript" src="tools.js"></script>
        <title>Hexagram Visualization</title>
    </head>
    <body>
        <div class="tools row" id="toolbar">
            <div class="stacker">
                Tools:
            </div>
            <div class="stacker right">
                <img src="throbber.svg" class="recalculate-throbber" title="Recalculating..." />
                <span id="jobs-running">0</span>/<span id="jobs-ever">0</span> jobs running.
            </div>
        </div>
        <div class="header row" id="header">
            <div class="browse col vertical-table">
                <div class="vertical-cell">
                    <div id="browse-holder">
                        <input id="search" type="hidden"/>
                        <img src="statistics.svg" id="recalculate-statistics" title="Enrich Attributes"/>
						<img src="throbber.svg" class="recalculate-throbber" title="Recalculating..." />
						<img src="set.svg" id="set-operation" title="Calculate Set Operation"/>
						<img src="inflate.svg" id="inflate" title="Inflate Map"/>
                    </div>
					<div id="layout-holder">
						<input id="layout-search" type="hidden"/>
					</div>
				</div>
				<div id="current-layout">Current Layout:</div> 	
            </div>
			<div class="set-operation-col">
				<div class="set-operation-panel-holder">
					<div class="set-operation-panel">
						<div class="set-operation-panel-title">Set Operation Paramaters:</div>
						<select id="set-operations-list" onchange="update_set_operation_drop_down()">
  								<option value = "0" selected = 'selected'>Select Set Operation:</option>
  								<option value = "1">∩ - Intersection</option>
  								<option value = "2">U - Union</option>  
 								<option value = "3">\ - Set Difference</option>
  								<option value = "4">∆ - Symmetric Difference</option>
  								<option value = "5">Not:</option>
							</select>
						<div id="set-operations" class="set-operation-panel-contents">
						</div>
					</div>
				</div>
			</div>
            <div class="shortlist col">
                <div id="shortlist-holder" class="panel-holder">
                    <div id="shortlist-panel" class="panel">
                        <div class="panel-title">Shortlist</div>
                        <div id="shortlist" class="panel-contents">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="error row" id="error">
            <div id="error-notification">
            </div>
        </div>
        <div class="content row" id="content">
            <div class="key">
                <canvas id="color-key" width="100" height="100"></canvas>
                <div class="label" id="low-both">Low</div>
                <div class="label" id="high-x">High</div>
                <div class="label y" id="high-y">High</div>
                <div class="label axis" id="x-axis"></div>
                <div id="y-axis-holder">
                    <div id="y-axis-cell">
                        <div class="label axis" id="y-axis"></div>
                    </div>
                </div>
            </div>
            <div id="visualization">
            </div>
        </div>
    </body>
</html>