5360f9e587
* bug(profile): align both achievement popups (hover vs. click) * refactor(style): move to CSS/Stylus
31 lines
1.2 KiB
Plaintext
31 lines
1.2 KiB
Plaintext
mixin simpleAchiev(achiev)
|
|
- var popoverHtml = '<div class="{{earnedClass}}">{{achiev.title}}<hr>{{achiev.text}}</div>';
|
|
div.achievement-container(ng-init='earnedClass = achiev.earned ? "" : "muted"',
|
|
data-popover-html='#{popoverHtml}',
|
|
popover-placement='{{achievPopoverPlacement}}',
|
|
popover-append-to-body='{{achievAppendToBody}}')&attributes(attributes)
|
|
button.pet-button.no-vertical-padding(popover-trigger='mouseenter',
|
|
data-popover-html='#{popoverHtml}',
|
|
popover-placement='{{achievPopoverPlacement}}',
|
|
popover-append-to-body='{{achievAppendToBody}}')
|
|
|
|
.achievement(ng-class='achiev.icon + "2x"', ng-if='achiev.earned')
|
|
.counter.badge.badge-info.stack-count(ng-if='(achiev.optionalCount)') {{::achiev.optionalCount}}
|
|
.achievement(class='achievement-unearned2x', ng-if='!(achiev.earned)')
|
|
|
|
|
|
.container-fluid
|
|
.row
|
|
.col-md-12(ng-repeat='(key,cat) in achievements', ng-init='heading=env.t(key+"Achievs")')
|
|
h4 {{heading}}
|
|
menu.pets.inventory-list(type='list')
|
|
li.customize-menu
|
|
menu
|
|
div(ng-repeat='achiev in cat.achievements | toArray | orderBy: "index"')
|
|
+simpleAchiev('achiev')
|
|
|
|
hr
|
|
|
|
include ./achievs/challenges
|
|
include ./achievs/quests
|