Skip to content

Commit dc47cc1

Browse files
DrSharkyDrSharky
committed
Added abilities, working on ability directives.
Added the rest of abilities, but the repetition is insane. Nesting directive with ng-repeat may be a little advanced, but I think I've almost got it working...
1 parent 99c7437 commit dc47cc1

File tree

4 files changed

+316
-94
lines changed

4 files changed

+316
-94
lines changed

‎abilities.html

Lines changed: 134 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -155,15 +155,146 @@
155155
style="width:15px; height: 15px;" />
156156
</td>
157157
<td>
158-
<div class="abLabel"></div>
158+
<div class="abLabel">Law</div>
159159
</td>
160160
<td>
161-
<div ng-repeat="Pt in abCtrl..points" style="display: inline-block;">
162-
<img ng-src="{{Pt.img}}" ng-click="abCtrl.selectAbility(abCtrl., $index)"
161+
<div ng-repeat="lawPt in abCtrl.law.points" style="display: inline-block;">
162+
<img ng-src="{{lawPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.law, $index)"
163+
style="width:15px; height: 15px;" />
164+
</td>
165+
</tr>
166+
<tr>
167+
<td>
168+
<div class="abLabel">Expression</div>
169+
</td>
170+
<td>
171+
<div ng-repeat="expPt in abCtrl.expression.points" style="display: inline-block;">
172+
<img ng-src="{{expPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.expression, $index)"
173+
style="width:15px; height: 15px;" />
174+
</td>
175+
<td>
176+
<div class="abLabel">Larceny</div>
177+
</td>
178+
<td>
179+
<div ng-repeat="larPt in abCtrl.larceny.points" style="display: inline-block;">
180+
<img ng-src="{{larPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.larceny, $index)"
181+
style="width:15px; height: 15px;" />
182+
</td>
183+
<td>
184+
<div class="abLabel">Medicine</div>
185+
</td>
186+
<td>
187+
<div ng-repeat="medPt in abCtrl.medicine.points" style="display: inline-block;">
188+
<img ng-src="{{medPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.medicine, $index)"
189+
style="width:15px; height: 15px;" />
190+
</td>
191+
</tr>
192+
<tr>
193+
<td>
194+
<div class="abLabel">Intimidation</div>
195+
</td>
196+
<td>
197+
<div ng-repeat="intPt in abCtrl.intimidation.points" style="display: inline-block;">
198+
<img ng-src="{{intPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.intimidation, $index)"
199+
style="width:15px; height: 15px;" />
200+
</td>
201+
<td>
202+
<div class="abLabel">Melee</div>
203+
</td>
204+
<td>
205+
<div ng-repeat="melPt in abCtrl.melee.points" style="display: inline-block;">
206+
<img ng-src="{{melPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.melee, $index)"
207+
style="width:15px; height: 15px;" />
208+
</td>
209+
<td>
210+
<div class="abLabel">Occult</div>
211+
</td>
212+
<td>
213+
<div ng-repeat="occPt in abCtrl.occult.points" style="display: inline-block;">
214+
<img ng-src="{{occPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.occult, $index)"
215+
style="width:15px; height: 15px;" />
216+
</td>
217+
</tr>
218+
<tr>
219+
<td>
220+
<div class="abLabel">Leadership</div>
221+
</td>
222+
<td>
223+
<div ng-repeat="ldrPt in abCtrl.leadership.points" style="display: inline-block;">
224+
<img ng-src="{{ldrPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.leadership, $index)"
225+
style="width:15px; height: 15px;" />
226+
</td>
227+
<td>
228+
<div class="abLabel">Performance</div>
229+
</td>
230+
<td>
231+
<div ng-repeat="prfPt in abCtrl.performance.points" style="display: inline-block;">
232+
<img ng-src="{{prfPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.performance, $index)"
233+
style="width:15px; height: 15px;" />
234+
</td>
235+
<td>
236+
<div class="abLabel">Politics</div>
237+
</td>
238+
<td>
239+
<div ng-repeat="polPt in abCtrl.politics.points" style="display: inline-block;">
240+
<img ng-src="{{polPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.politics, $index)"
241+
style="width:15px; height: 15px;" />
242+
</td>
243+
</tr>
244+
<tr>
245+
<td>
246+
<div class="abLabel">Streetwise</div>
247+
</td>
248+
<td>
249+
<div ng-repeat="stwPt in abCtrl.streetwise.points" style="display: inline-block;">
250+
<img ng-src="{{stwPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.streetwise, $index)"
251+
style="width:15px; height: 15px;" />
252+
</td>
253+
<td>
254+
<div class="abLabel">Stealth</div>
255+
</td>
256+
<td>
257+
<div ng-repeat="stlPt in abCtrl.stealth.points" style="display: inline-block;">
258+
<img ng-src="{{stlPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.stealth, $index)"
259+
style="width:15px; height: 15px;" />
260+
</td>
261+
<td>
262+
<div class="abLabel">Science</div>
263+
</td>
264+
<td>
265+
<div ng-repeat="sciPt in abCtrl.science.points" style="display: inline-block;">
266+
<img ng-src="{{sciPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.science, $index)"
267+
style="width:15px; height: 15px;" />
268+
</td>
269+
</tr>
270+
<tr>
271+
<td>
272+
<div class="abLabel">Subterfuge</div>
273+
</td>
274+
<td>
275+
<div ng-repeat="subPt in abCtrl.subterfuge.points" style="display: inline-block;">
276+
<img ng-src="{{subPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.subterfuge, $index)"
277+
style="width:15px; height: 15px;" />
278+
</td>
279+
<td>
280+
<div class="abLabel">Survival</div>
281+
</td>
282+
<td>
283+
<div ng-repeat="srvPt in abCtrl.survival.points" style="display: inline-block;">
284+
<img ng-src="{{srvPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.survival, $index)"
285+
style="width:15px; height: 15px;" />
286+
</td>
287+
<td>
288+
<div class="abLabel">Technology</div>
289+
</td>
290+
<td>
291+
<div ng-repeat="tchPt in abCtrl.technology.points" style="display: inline-block;">
292+
<img ng-src="{{tchPt.img}}" ng-click="abCtrl.selectAbility(abCtrl.technology, $index)"
163293
style="width:15px; height: 15px;" />
164294
</td>
165295
</tr>
166296
</table>
297+
<abilitygrid></abilitygrid>
167298

168299
<style>
169300
.num {

0 commit comments

Comments
 (0)