-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (107 loc) · 5.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE>
<html ng-app="idle" ng-cloak>
<head>
<title>Idle</title>
<script src="node_modules/angular/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.2/angular-strap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.2/angular-strap.tpl.min.js"></script>
<script src="js/underscore.js"></script>
<script src="js/app.js"></script>
<link href="css/main.css" rel="stylesheet">
<script type="text/ng-template" id="inventoryPopover.html">
<div class="popover">
<div class="arrow"></div>
<h3 class="popover-title">{{item.name}}</h3>
<div class="popover-content">Price: ${{item.sellPrice}}
</div>
</div>
</script>
<script type="text/ng-template" id="machinesPopover.html">
<div class="popover">
<div class="arrow"></div>
<h3 class="popover-title">{{machine.name}}</h3>
<div class="popover-content">
<i class="flavor">{{machine.description}}</i>
<div>
<b>Costs:</b>
<ul>
<li ng-repeat="(material, amount) in machine.price">{{amount}} {{material}}</li>
</ul>
</div>
</div>
</div>
</script>
</head>
<body ng-controller="MainController">
<div class="container pad-top50">
<div class="col-xs-3">
<div class="sidebar-nav">
<div class="navbar navbar-default" role="navigation">
<div class="navbar-collapse collapse sidebar-navbar-collapse">
<ul class="nav navbar-nav">
<li ng-repeat="menu in menus" ng-class="{'active' : menu == currentMenu}">
<a href="#" ng-click="goToMenu(menu)">{{menu}}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{currentMenu}}</h3>
</div>
<div class="panel-body" ng-show="currentMenu == 'Machines'">
<div class="machine" ng-repeat="machine in game.machines" data-template="machinesPopover.html" bs-popover ng-click="selectedMachine = machine" ng-class="{'active' : selectedMachine.name == machine.name}">
<img ng-src="images/{{machine.image}}" />
</div>
</div>
<div class="panel-footer" ng-show="selectedMachine.length"></div>
</div>
</div>
<div class="col-xs-6 game-screen">
<div class="row the-button pad-top100 pad-bottom100">
<div class="col-xs-4 col-xs-offset-4 text-center">
<button class="btn btn-default btn-block" id="mine" ng-click="mine();">Mine</button>
</div>
</div>
<div class="row the-button">
<div class="col-xs-4 col-xs-offset-4 text-center">
Progress 'n shit
</div>
</div>
</div>
<div class="col-xs-3 inventory">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">$ {{game.money}} <button class="btn btn-default btn-sm pull-right" ng-show="game.inventory.length" ng-click="sellAllItems()">Sell all</button></h3>
</div>
<div class="panel-body">
<div class="inventory-item {{item.rarity}}" ng-class="{'active' : selectedItem.id == item.id}" ng-click="setSelectedItem(item)" ng-repeat="item in game.inventory" ng-show="game.inventory.length" data-template="inventoryPopover.html" bs-popover>
<img ng-src="/images/{{item.image}}.png" width="100%"/>
<span class="label label-default" ng-show="item.isStackable">{{item.amount}}</span>
</div>
<span class="text-center" ng-show="!game.inventory.length">Your inventory is empty</span>
</div>
<div class="panel-footer" ng-show="selectedItem">
<div ng-show="selectedItem.sellPrice">
<button class="btn btn-default btn-sm" ng-click="sellItem(selectedItem, 1)">Sell 1</button>
<button class="btn btn-default btn-sm" ng-show="selectedItem.isStackable" disabled="selectedItem.amount > 100" ng-click="sellItem(selectedItem, 100)">Sell 100</button>
<button class="btn btn-default btn-sm" ng-show="selectedItem.isStackable" ng-click="sellItem(selectedItem, 'all')">Sell All</button>
<button class="btn btn-default btn-sm" ng-show="selectedItem.isEquipment" ng-click="equip(selectedItem)">Equip</button>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Equipment</h3>
</div>
<div class="panel-body">
<div class="equipment-container">
<div class="equipment-item {{slot}} {{item.rarity}}" ng-click="unEquip(item.isEquipment)" ng-repeat="(slot, item) in game.equipment"><img ng-src="images/{{item.image}}.png" height="44px" ng-show="item.image.length" data-template="inventoryPopover.html" bs-popover/></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>