<!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="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="abn_tree.css"> <link rel="stylesheet" href="style.css"> </head> <body ng-controller="SkillMainDataController"> <h1>Skill data</h1> <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" 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" 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><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/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> <p><a href="demo.html">Samples of upcoming changes</a></p> </div> </div> <br /> </body> </html>