Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
122 lines (102 sloc) 4.06 KB
<!DOCTYPE html>
<html lang="en" ng-app="" ng-csp>
<head>
<meta charset="utf-8">
<title>Fret Calc</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Fret calculator">
<meta name="author" content="Ben Tilford">
<link href="logo_128.png" rel="apple-touch-icon" type="image/png">
<link href="favicon.ico" rel="shortcut icon">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/classes.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/angular-1.0.1.min.js"></script>
<script src="js/fraction-0.3.js"></script>
<script src="js/controllers/FretController.js"></script>
</head>
<body>
<header class="container">
<div class="hero-unit">
<h1><!--<img src="logo_128.png" alt="logo">--><span>Fret Calc</span></h1>
</div>
</header>
<section id="fret-calc" class="container fbox" ng-controller="FretController">
<div class="form-inline left">
<div id="fret-input" class="collapse in settings">
<div>
<div class="setting rounded shadow">
<span class="span2">Scale</span>
<input id="scale" type="number" step=".25" class="span2" ng-model="scale" ng-change="calculate()">
</div>
<div class="setting rounded shadow">
<span class="span2">Frets</span>
<input id="fretCount" type="number" step="1" class="span2" ng-model="fretCount"
ng-change="calculate()">
</div>
</div>
<div>
<div class="setting rounded shadow">
<span class="span2">Units</span>
<select id="unit" class="span2" ng-model="unit" ng-change="unitChanged()"
ng-options="unit.text for unit in units">
</select>
</div>
<div class="setting rounded shadow">
<span class="span2">Precision</span>
<select id="precision" class="span2" ng-model="precision.val" ng-change="calculate()"
ng-options="opt for opt in precision.options">
</select>
</div>
</div>
<div>
<div class="setting rounded shadow">
<span class="span2">Tones</span>
<input id="tones" type="number" step="2" class="span2" ng-model="tones" ng-change="calculate
()">
</div>
<div class="setting rounded shadow">
<span class="span2">Multiscale</span>
<input type="checkbox" ng-model="multiscale" class="span2" ng-change="activateMultiscale()"
ng-checked="multiscale">
</div>
</div>
<div class="" ng-show="multiscale">
<div class="setting rounded shadow" style="border-radius: 10px;">
<span class="span2">2nd Scale</span>
<input type="number" step=".25" class="span2" ng-model="scale2" ng-change="calculate()">
</div>
</div>
</div>
<button class="btn" style="width:100%;" data-toggle="collapse" data-target="#fret-input">
<h2>Settings</h2>
</button>
</div>
<div id="fret-output" class="right fbox">
<div class="scale">
<button class="fret rounded shadow" ng-repeat="fret in frets" ng-click="done($event)">
<input class="done" type="checkbox">
<em class="measurement" ng-bind-html-unsafe="fret.position"></em>
<span class="unit">{{unit.label}}</span>
</button>
<!--</li>-->
</div>
<div class="scale" ng-show="multiscale">
<button class="fret rounded shadow" ng-repeat="fret in frets2" ng-click="done($event)">
<input class="done" type="checkbox">
<em class="measurement" ng-bind-html-unsafe="fret.position"></em>
<span class="unit">{{unit.label}}</span>
</button>
</div>
</div>
</section>
</body>
</html>