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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular-csp.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!--<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 OR ADS?
    </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>
        <!--PRINT ITEM INTELLIGENCE-->
        <ul ng-if="item.intelligence"><li ng-repeat="stat in item.intelligence.print().split(';')" ng-if="stat.split(':')[0] != 'Cost'"><strong>{{stat.split(':')[0]}}:</strong>{{stat.split(':')[1]}}</li></ul></li>
        </ul>
        <ul>
        <!--START SPELLS LIST-->
        <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 footer">
<div class="col-md-7">
<div class="col-md-4 itemcounter menu">Minor Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[0]"></div>
<div class="col-md-4 itemcounter menu">Medium Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[1]"></div>
<div class="col-md-4 itemcounter menu">Major Item <input type="number" class="numberbox form-control" ng-model="grimoire.itemCount[2]"></div>
</div>
<div class="col-md-4 menu"><input type="button" value="GO" class="big" ng-click="grimoire.generateItems()">(Minimum Total Cost: <input type="number" class="largecount form-control" ng-model="grimoire.minimumTotalCost">gp)</div>
</div>
<div class="col-md-12 footer">
<div class="col-md-1 col-sm-12"><strong>Quick Links:</strong></div>
<div class="col-md-3 col-sm-12">
<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>
</div>
<div class="col-md-4 col-sm-12">
<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)
</div>
<div class="col-md-3 col-sm-12">
<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">)
</div>
<div class="col-md-3 col-sm-12">
<button class="btn btn-default btn-md" ng-click="grimoire.generateIntelligence(grimoire.baseCost)">Generate Item Intelligence</button>(Base cost: <input type="number" class="largecount form-control" ng-model="grimoire.baseCost">gp)
</div>
</div>
~~<a href="about.html">About</a>~~

<!--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>-->
<script type="application/javascript" src="https://code.jquery.com/jquery-2.1.3.min.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>
-->
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular.js"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/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>-->
<script type="application/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap.min.js"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.js"></script>

<!--slimscroll-->
<!--<script type="application/javascript" src="bower_components/slimscroll/jquery.slimscroll.js"></script>-->
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.3/jquery.slimscroll.min.js"></script>
<script type="application/javascript" src="bower_components/angular-slimscroll/angular-slimscroll.js"></script> <!--CANT FIND A CDN!!!-->

<!--zeroclipboard-->
<!--<script type="application/javascript" src="bower_components/zeroclipboard/dist/ZeroClipboard.js"></script>-->
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script type="application/javascript" src="bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js"></script> <!--CANT FIND A CDN!!-->

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