wassname/cardsforscience
1
0
Fork 0
mirror of https://github.com/wassname/cardsforscience.git synced 2026-08-16 11:18:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improved upgrade system. Needs content!

Browse Source
This commit is contained in:
Kevin Dungs
2014-11-08 15:54:38 +01:00
parent 8b007637a3
commit 18de4cd070
5 changed files with 85 additions and 595 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+11 -8
View File
@@ -83,7 +83,7 @@
<div class="container-fluid">
<div class="col-xs-3 scrollable" id="Research" ng-controller="ResearchController as rc">
<h3><span class="glyphicon glyphicon-cog"></span> Research</h3>
<h3><i class="fa fa-cogs"></i> Research</h3>
<hr>
<ul class="media-list" ng-cloak>
<li class="media" ng-repeat="r in rc.research" ng-show="r.is_visible()">
@@ -91,7 +91,8 @@
<img ng-hide="r.level > 0" class="pull-left" class="media-object" src="assets/icons/png/unknown.png" alt="">
<div class="media-body">
<h4 class="media-heading">{{ r.level > 0 ? r.name : '?????' }} <span ng-show="r.level > 0" class="badge">Level {{ r.level }}</span></h4>
<p ng-show="r.level > 0">{{ r.description }} Researching it will give you {{ r.reputation | niceNumber }} reputation.</p>
<p ng-show="r.level > 0">{{ r.description }}</p>
<p ng-show="r.level > 0" class="small">Research yields <strong>{{ r.reputation | niceNumber }}</strong> reputation.</p>
<div class="btn-group">
<button class="btn btn-primary" ng-disabled="!r.is_available()" ng-click="rc.doResearch(r)">Research <small>({{ r.cost | niceNumber }} data)</small></button>
<button class="btn btn-info" ng-show="r.level > 0" ng-click="r.showInfo()"><span class="glyphicon glyphicon-exclamation-sign"></span></button>
@@ -136,13 +137,14 @@
</div>
<div class="col-xs-2 scrollable" id="HR" ng-controller="HRController as hrc">
<h3><span class="glyphicon glyphicon-user"></span> HR</h3>
<h3><i class="fa fa-users"></i> HR</h3>
<hr>
<ul class="media-list" ng-cloak>
<li class="media" ng-repeat="w in hrc.workers" ng-show="w.is_visible()">
<div class="media-body">
<h4 class="media-heading">{{ w.name }} <span ng-show="w.hired > 0" class="badge">{{ w.hired | niceNumber }}</span></h4>
<p ng-show="w.hired > 0">{{ w.description }} They produce {{ w.rate | niceNumber }} data per second.</p>
<p ng-show="w.hired > 0">{{ w.description }}</p>
<p ng-show="w.hired > 0" class="small">Produce <strong>{{ w.rate | niceNumber }}</strong> data per second.</p>
<button class="btn btn-primary" ng-disabled="!w.is_available()" ng-click="hrc.hire(w)">Hire <small>({{ w.cost | currency }})</small></button>
</div>
</li>
@@ -150,14 +152,15 @@
</div>
<div class="col-xs-2 scrollable" id="Upgrades" ng-controller="UpgradesController as uc">
<h3><span class="glyphicon glyphicon-wrench"></span> Upgrades</h3>
<h3><i class="fa fa-wrench"></i> Upgrades</h3>
<hr>
<ul class="media-list" ng-cloak>
<li class="media" ng-repeat="u in uc.upgrades" ng-show="u.is_visible()">
<li class="media" ng-repeat="u in uc.upgrades" ng-show="u.isVisible()">
<div class="media-body">
<h4 class="media-heading">{{ u.name }}</h4>
<h4 class="media-heading">{{ u.name }} <i class="fa {{ u.icon }}" class="media-object"></i></h4>
<p>{{ u.description }}</p>
<button class="btn btn-primary" ng-disabled="!u.is_available()" ng-click="uc.upgrade(u)">Buy <small>({{ u.cost | currency }})</small></button>
<p class="small">{{ u.effect }}</p>
<button class="btn btn-primary" ng-disabled="!u.isAvailable()" ng-click="uc.upgrade(u)">Buy <small>({{ u.cost | currency }})</small></button>
</div>
</li>
</ul>