Grimoire/index.html

<!DOCTYPE html>
<html lang="en-us" ng-app="grimoire" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grimoire App</title>
<meta name="viewport" content="width=device-width, user-scalable=no">

<link href="grimoire.css" rel="stylesheet" />
<link href="bower_components/angular/angular-csp.css" rel="stylesheet" />
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<link href="bower_components/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet" />
<!--<link href="bower_components/angular-material/angular-material.css" rel="stylesheet" />
<link href="bower_components/angular-material/default-theme.css" rel="stylesheet" />-->

</head>
<body ng-controller="GrimoireController as grimoire">
<div class="col-md-12 big menu header">{{grimoire.welcome}}</div>
<div class="col-md-12">
<!--LIST OF ITEM SOURCES-->
<div class="col-md-3 sidebar">
<div class="list-title big menu">Sources:</div>
<div slimscroll="{height:'auto', alwaysVisible:true, railVisible:true}" id="sourceScroll" class="menu">
    <ul>
        <li ng-repeat="source in grimoire.sources" class="sourceItem"><input type="checkbox" value={{source}} ng-model="source.selected" ng-change="grimoire.checkSource(source)">{{source.name}}
            <ul>
            <li ng-repeat="item in source.sources" class="sourceItem"><input type="radio" name="source" ng-model="grimoire.radio" value={{source.shortName+'|'+item}} ng-change="grimoire.checkRadio()">{{item}}</li>
            </ul>
        </li>
    </ul>
    </div>
    <div class="menu">
    QUICK BUTTONS
    Get Deity
    Get Energy Type
    Get Spell (level)
    Generate Spell Book (caster level)
    Generate Item Intelligence (price)
    </div>
</div>
<!--LIST OF ITEM LISTS-->
<div class="col-md-9 itembar">
    <div class="big menu">History:</div>
    <div slimscroll="{height:'auto', alwaysVisible:true, railVisible:true, start:'bottom'}" id="itemScroll" class="menu">
    <div class="item-list" ng-repeat="list in grimoire.itemLists">
        <span><strong>~~{{list.timestamp|date:'medium'}}~~</strong> <button ui-zeroclip zeroclip-text="grimoire.copyToClipboard(list)" class="copy" type="button">Copy to clipboard</button></span>
        <!--START ITEM LIST-->
        <br/>
        <span ng-if="grimoire.getValue(list.items) > 0"><strong>Total Value: </strong>{{grimoire.getValue(list.items)|number}}gp</span>
        <ul>
        <li ng-repeat="item in list.items track by $index">{{item.name}}<span ng-if="item.description"> {{item.description}}</span><span ng-if="item.cost > 0"> {{item.cost|number}}gp</span><a class="super" target="_blank" ng-if="item.url" href={{item.url}}>link</a>
        <ul ng-if="item.intelligence"><li>{{item.intelligence.print()}}</li></ul></li>
        </ul>
        <ul>
        <li ng-repeat="spell in list.spells track by $index">{{spell.name}} ({{spell.type}}, Level {{spell.level}}) {{spell.source}}</li>
        </ul>
        {{list.notes}}
    </div>
    </div>
</div>
</div>
<div class="col-md-12 big footer">
<div class="col-md-3 menu">Minor Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[0]"></div>
<div class="col-md-3 menu">Medium Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[1]"></div>
<div class="col-md-3 menu">Major Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[2]"></div>
<div class="col-md-3 menu"><input type="button" value="GO" ng-click="grimoire.generateItems()"></div>
</div>
<div class="col-md-12 footer">
<strong>Quick Links:</strong>
<button class="btn btn-default btn-md" ng-click="grimoire.getDeity()">Get Deity</button>
<button class="btn btn-default btn-md" ng-click="grimoire.getEnergyType()">Get Energy Type</button>
<button class="btn btn-default btn-md" ng-click="grimoire.getSpell(grimoire.spellType, grimoire.spellLevel)">Get Spell</button> (Level <input type="number" class="numberbox form-control" ng-model="grimoire.spellLevel"> <input type="radio" name="spellType" value="arcane" ng-model="grimoire.spellType">Arcane <input type="radio" name="spellType" value="divine" ng-model="grimoire.spellType">Divine)
<button class="btn btn-default btn-md" ng-click="grimoire.generateSpellbook(grimoire.casterLevel)">Generate Spellbook</button>(Caster Level: <input type="number" class="numberbox form-control" ng-model="grimoire.casterLevel">)
<button class="btn btn-default btn-md" ng-click="grimoire.generateIntelligence(grimoire.baseCost)">Generate Item Intelligence</button>(Base cost: <input type="number" class="numberbox form-control" ng-model="grimoire.baseCost">)

</div>

<!--GrimoireJS library-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script type="application/javascript" src="../GrimoireJS/grimoire.js"></script>
<script type="application/javascript" src="../GrimoireJS/intelligence.js"></script>
<script type="application/javascript" src="../GrimoireJS/weapons.js"></script>
<script type="application/javascript" src="../GrimoireJS/wondrousItems.js"></script>
<script type="application/javascript" src="../GrimoireJS/rings.js"></script>
<script type="application/javascript" src="../GrimoireJS/rods.js"></script>
<script type="application/javascript" src="../GrimoireJS/spells.js"></script>
<script type="application/javascript" src="../GrimoireJS/scrolls.js"></script>
<script type="application/javascript" src="../GrimoireJS/deities.js"></script>
<script type="application/javascript" src="../GrimoireJS/potions.js"></script>
<script type="application/javascript" src="../GrimoireJS/wands.js"></script>
<script type="application/javascript" src="../GrimoireJS/staves.js"></script>
<script type="application/javascript" src="../GrimoireJS/energy.js"></script>
<script type="application/javascript" src="../GrimoireJS/armors.js"></script>
<script type="application/javascript" src="../GrimoireJS/shields.js"></script>

<!--jquery-->
<script type="application/javascript" src="bower_components/jquery/dist/jquery.js"></script>

<!--angular-->
<script type="application/javascript" src="bower_components/angular/angular.js"></script>
<script type="application/javascript" src="bower_components/angular-route/angular-route.js"></script>
<!--angular-material-->
<!--
<script type="application/javascript" src="bower_components/angular-aria/angular-aria.js"></script>
<script type="application/javascript" src="bower_components/angular-animate/angular-animate.js"></script>
<script type="application/javascript" src="bower_components/hammerjs/hammer.js"></script>
<script type="application/javascript" src="bower_components/angular-material/angular-material.js"></script>-->

<!--bootstrap-->
<script type="application/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script type="application/javascript" src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
<script type="application/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

<!--slimscroll-->
<script type="application/javascript" src="bower_components/slimscroll/jquery.slimscroll.js"></script>
<script type="application/javascript" src="bower_components/angular-slimscroll/angular-slimscroll.js"></script>
<!--zeroclipboard-->
<script type="application/javascript" src="bower_components/zeroclipboard/dist/ZeroClipboard.js"></script>
<script type="application/javascript" src="bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js"></script>

<!--my app-->
<script type="application/javascript" src="app.js"></script>
<script type="application/javascript" src="grimoire-controller.js"></script>
</body>
</html>