<!doctype html>
<html ng-app="SkillsList">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="ui-bootstrap-tpls-0.12.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-sanitize.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="abntree/abn_tree_directive.js"></script>
<script src="dragdrop/lvl-uuid.js"></script>
<script src="dragdrop/lvl-drag-drop.js"></script>
<script src="skillData.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="abntree/abn_tree.css">
<link rel="stylesheet" href="style.css">
</head>
<body ng-controller="SkillMainDataController">
<div class="row" id="pageHead">
<div class="col-md-3"> </div>
<div class="col-md-6"><h1>Quant <small>Skill Calculator</small></h1><p>by Sasky</p></div>
<div class="col-md-3"> </div>
</div>
<div class="row container center-block" id="root">
<div class="col-md-2" ng-controller="SkillLineController" id="skillLineSelect">
<br /><br />
<abn-tree
tree-control="linesTree"
tree-data="skillLineTree"
icon-leaf=""
icon-collapse=""
on-select="toggleBranch(branch)">
</abn-tree>
</div>
<div class="col-md-5 vpscroll" ng-controller="SkillListController">
<div id="mainSkillList" class="skill-list">
<skill-full info="skill" ng-repeat="skill in skills | orderBy:'name'"></skill-full>
</div>
</div>
<div class="col-md-5 vpscroll" ng-controller="LoadoutController" id="loadout">
<div class="row">
<label class="col-md-4">Health:</label> <label class="col-md-4">Magicka:</label><label class="col-md-4">Stamina:</label>
</div><div class="row">
<input class="col-md-4" ng-model="health"/><input class="col-md-4" ng-model="magicka"/><input class="col-md-4" ng-model="stamina"/>
</div><br><div class="row">
<label class="col-md-4">Spell Power:</label><input class="col-md-2" ng-model="spellpower"/>
<label class="col-md-4">Weapon Dmg:</label><input class="col-md-2" ng-model="weaponpower"/>
</div>
<br />
<div class="skill-list">
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 0)'><skill-full info="skills[0]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 1)'><skill-full info="skills[1]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 2)'><skill-full info="skills[2]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 3)'><skill-full info="skills[3]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 4)'><skill-full info="skills[4]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 5)'><skill-full info="skills[5]"></skill-full></div>
<div x-lvl-drop-target='true' x-on-drop='dropped(dragEl, 6)'><skill-full info="skills[6]"></skill-full></div>
</div>
<br /><br />
<hr>
<h3>Changelog</h3>
<ul>
<li>4/25 - Add all class data and werewolf. Fix bug on ultimate calculation.</li>
<li>4/24 - Add value calculation for formulas</li>
<li>4/23 - Add drag & drop to collect skills</li>
<li>4/23 - Add health info. NOTE: Only templar skills currently.</li>
<li>4/19 - Add skill tree for selection</li>
<li>4/18 - Initial release</li>
</ul>
<h3>Known Issues</h3>
<ul>
<li>Accuracy on ultimates is a bit low</li>
<li>Dark Exchange (and morphs) don't work for stamina values</li>
<li>No vampire. PTS templates just have WW</li>
<li>Brutal Pounce - AB_PHYSICAL_DAMAGE. Bug for tooltip on PTS</li>
</ul>
<p><a href="demo.html">Samples of upcoming changes</a></p>
</div>
</div>
<br />
</body>
</html>