sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-07-26 21:24:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Looked for opportunities to replace ngclass with boclass to improve performance, as well as replacing some instances of ng-if with bo-if

Browse source
This commit is contained in:
Nick Gordon 2013-11-22 14:40:44 -08:00
parent 2350e3d359
commit 0d19c0de21
4 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
views/options/social/chat-box.jade
View file

@ -5,8 +5,8 @@ form(ng-submit='postChat(group,message.content)')
textarea.chat-textarea.option-content(style='height:6em;', ui-keypress='{13:"postChat(group,message.content)"}', ng-model='message.content', updateinterval='250', flag='@', at-user, auto-complete) textarea.chat-textarea.option-content(style='height:6em;', ui-keypress='{13:"postChat(group,message.content)"}', ng-model='message.content', updateinterval='250', flag='@', at-user, auto-complete)
span.user-list(ng-show='!isAtListHidden') span.user-list(ng-show='!isAtListHidden')
ul.list-at-user ul.list-at-user
li(ng-repeat='user in users | filter:query.text | limitTo: 5', ng-click='autoComplete(user)') li(bindonce='users', ng-repeat='user in users | filter:query.text | limitTo: 5', ng-click='autoComplete(user)')
span.username.label(class='label-contributor-{{user.contributor.level}}', ng-class='{"label-npc": user.backer.npc}') {{user.user}} span.username.label(class='label-contributor-{{user.contributor.level}}', bo-class='{"label-npc": user.backer.npc}') {{user.user}}
table.pull-right table.pull-right
tr tr
td td

2
views/options/social/group.jade
View file

@ -48,7 +48,7 @@ a.pull-right.gem-wallet(popover-trigger='mouseenter', popover-title='Guild Bank'
a(ng-click='removeMember(group, member, true)') a(ng-click='removeMember(group, member, true)')
i.icon-ban-circle(tooltip='Boot Member') i.icon-ban-circle(tooltip='Boot Member')
a a
span(ng-class='{"badge badge-info": group.leader==member._id}', ng-click='clickMember(member._id, true)') span(bindonce='group', bo-class='{"badge badge-info": group.leader==member._id}', ng-click='clickMember(member._id, true)')
| {{member.profile.name}} | {{member.profile.name}}
tr(ng-if='group.memberCount > group.members.length') tr(ng-if='group.memberCount > group.members.length')
td. td.

42
views/shared/profiles/achievements.jade
View file

@ -1,4 +1,4 @@
.achievements-container .achievements-container(bindonce)
// <div class='achievement achievement-sword'></div> // <div class='achievement achievement-sword'></div>
// <div class='achievement achievement-tree'></div> // <div class='achievement achievement-tree'></div>
// <div class='achievement achievement-comment'></div> // <div class='achievement achievement-comment'></div>
@ -13,73 +13,73 @@
// <div class='achievement achievement-shield'></div> // <div class='achievement achievement-shield'></div>
// <div class='achievement achievement-karaoke'></div> // <div class='achievement achievement-karaoke'></div>
div(ng-if='profile.backer.npc') div(bo-if='profile.backer.npc')
.achievement.achievement-helm .achievement.achievement-helm
h5 h5
span.label.label-npc {{profile.backer.npc}} NPC span.label.label-npc {{profile.backer.npc}} NPC
small Backed the Kickstarter project at the maximum level! small Backed the Kickstarter project at the maximum level!
hr hr
div(ng-if='profile.contributor.level || user._id == profile._id') div(bo-if='profile.contributor.level || user._id == profile._id')
.achievement.achievement-firefox(ng-if='profile.contributor.level') .achievement.achievement-firefox(ng-if='profile.contributor.level')
div(ng-class='{muted: !profile.contributor.level}') div(ng-class='{muted: !profile.contributor.level}')
h5 h5
span.label(ng-if='profile.contributor.level', class='label-contributor-{{profile.contributor.level}}') {{contribText(profile.contributor, profile.backer)}} span.label(bo-if='profile.contributor.level', class='label-contributor-{{profile.contributor.level}}') {{contribText(profile.contributor, profile.backer)}}
span.label(ng-if='!profile.contributor.level') Contributor span.label(bo-if='!profile.contributor.level') Contributor
small. small.
Has contributed to HabitRPG (code, design, pixel art, legal advice, docs, etc). Want this badge? Fix a bug :) Has contributed to HabitRPG (code, design, pixel art, legal advice, docs, etc). Want this badge? Fix a bug :)
hr hr
div(ng-if='profile.backer.tier') div(bo-if='profile.backer.tier')
.achievement.achievement-heart .achievement.achievement-heart
h5 Kickstarter Backer - ${{profile.backer.tier}} Tier h5 Kickstarter Backer - ${{profile.backer.tier}} Tier
small Backed the Kickstarter Project small Backed the Kickstarter Project
hr hr
div(ng-if='profile.achievements.streak || user._id == profile._id') div(bo-if='profile.achievements.streak || user._id == profile._id')
.achievement.achievement-thermometer(ng-show='profile.achievements.streak') .achievement.achievement-thermometer(bo-show='profile.achievements.streak')
div(ng-class='{muted: !profile.achievements.streak}') div(bo-class='{muted: !profile.achievements.streak}')
h5 {{profile.achievements.streak || 0 }} Streak Achievement(s) h5 {{profile.achievements.streak || 0 }} Streak Achievement(s)
small Has performed {{profile.achievements.streak || 0 }} 21-day streaks on Dailies small Has performed {{profile.achievements.streak || 0 }} 21-day streaks on Dailies
hr hr
div(ng-if='profile.achievements.ultimateGear || user._id == profile._id') div(bo-if='profile.achievements.ultimateGear || user._id == profile._id')
.achievement.achievement-armor(ng-show='profile.achievements.ultimateGear') .achievement.achievement-armor(bo-show='profile.achievements.ultimateGear')
div(ng-class='{muted: !profile.achievements.ultimateGear}') div(bo-class='{muted: !profile.achievements.ultimateGear}')
h5 Ultimate Gear h5 Ultimate Gear
small Has upgraded to the maximum weapon and armor set small Has upgraded to the maximum weapon and armor set
hr hr
div(ng-if='profile.achievements.beastMaster || user._id == profile._id') div(bo-if='profile.achievements.beastMaster || user._id == profile._id')
.achievement.achievement-rat(ng-show='profile.achievements.beastMaster') .achievement.achievement-rat(bo-show='profile.achievements.beastMaster')
div(ng-class='{muted: !profile.achievements.beastMaster}') div(bo-class='{muted: !profile.achievements.beastMaster}')
h5 Beast Master h5 Beast Master
small Has found all 90 pets (insanely difficult, give this user props!) small Has found all 90 pets (insanely difficult, give this user props!)
hr hr
div(ng-if='profile.achievements.helpedHabit') div(bo-if='profile.achievements.helpedHabit')
.achievement.achievement-tree .achievement.achievement-tree
h5 Helped Habit Grow h5 Helped Habit Grow
small. small.
Helped HabitRPG grow by filling out <a href='http://community.habitrpg.com/node/290' target='_blank'>this survey.</a> Helped HabitRPG grow by filling out <a href='http://community.habitrpg.com/node/290' target='_blank'>this survey.</a>
hr hr
div(ng-if='profile.achievements.originalUser || profile.achievements.veteran') div(bo-if='profile.achievements.originalUser || profile.achievements.veteran')
.achievement.achievement-cake .achievement.achievement-cake
div(ng-if='profile.achievements.veteran') div(bo-if='profile.achievements.veteran')
h5 Veteran h5 Veteran
small small
| Has weathered Habit The Grey (our pre Angular website), and has gained many battle-scars from its bugs. | Has weathered Habit The Grey (our pre Angular website), and has gained many battle-scars from its bugs.
div(ng-if='profile.achievements.originalUser') div(bo-if='profile.achievements.originalUser')
h5 Original User! h5 Original User!
small small
| One of the <em>very</em> original early adopters, Talk about alpha tester! | One of the <em>very</em> original early adopters, Talk about alpha tester!
hr hr
div(ng-if='profile.achievements.challenges || user._id == profile._id') div(bo-if='profile.achievements.challenges || user._id == profile._id')
// This is a very strange icon to use. revisit // This is a very strange icon to use. revisit
.achievement.achievement-karaoke(ng-show='profile.achievements.challenges') .achievement.achievement-karaoke(ng-show='profile.achievements.challenges')
div(ng-class='{muted: !profile.achievements.challenges}') div(bo-class='{muted: !profile.achievements.challenges}')
h5 Was the winner in the following challenges h5 Was the winner in the following challenges
ul ul
li(ng-repeat='chal in profile.achievements.challenges') {{chal}} li(ng-repeat='chal in profile.achievements.challenges') {{chal}}

6
views/shared/tasks/lists.jade
View file

@ -3,7 +3,7 @@
// started to get unwieldy // started to get unwieldy
script(id='templates/habitrpg-tasks.html', type="text/ng-template") script(id='templates/habitrpg-tasks.html', type="text/ng-template")
.grid .grid
.module(ng-repeat='list in lists', ng-class='{"rewards-module": list.type==="reward"}') .module(bindonce='lists', ng-repeat='list in lists', bo-class='{"rewards-module": list.type==="reward"}')
.task-column(class='{{list.type}}s') .task-column(class='{{list.type}}s')
// Todos export/graph options // Todos export/graph options
@ -59,7 +59,7 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
span.reward-cost {{item.value}} span.reward-cost {{item.value}}
span.shop_gold span.shop_gold
// main content // main content
span(ng-class='{"shop_{{item.classes}} shop-sprite item-img": true}') span(bo-class='{"shop_{{item.classes}} shop-sprite item-img": true}')
p.task-text {{item.text}} p.task-text {{item.text}}
br br
@ -73,7 +73,7 @@ script(id='templates/habitrpg-tasks.html', type="text/ng-template")
ins.adsbygoogle(ng-init='initAds()', style='display: inline-block; width: 234px; height: 60px;', data-ad-client='ca-pub-3242350243827794', data-ad-slot='9529624576') ins.adsbygoogle(ng-init='initAds()', style='display: inline-block; width: 234px; height: 60px;', data-ad-client='ca-pub-3242350243827794', data-ad-slot='9529624576')
// Todo Tabs // Todo Tabs
div(ng-if='main && list.type=="todo"', ng-class='{"tabbable tabs-below": list.type=="todo"}') div(bo-if='main && list.type=="todo"', bo-class='{"tabbable tabs-below": list.type=="todo"}')
button.task-action-btn.tile.spacious.bright(ng-show='list.showCompleted', ng-click='clearCompleted()') Clear Completed button.task-action-btn.tile.spacious.bright(ng-show='list.showCompleted', ng-click='clearCompleted()') Clear Completed
// remaining/completed tabs // remaining/completed tabs
ul.nav.nav-tabs ul.nav.nav-tabs