codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-27 09:35:39 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Finished designing achievement notify, for now.

Browse source
This commit is contained in:
Ruben Vereecken 2014-05-26 20:45:12 +02:00
parent d8bb802468
commit 8607162cd7
3 changed files with 28 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/styles/notify.sass
View file

@ -1,24 +1,27 @@
.notifyjs-achievement-base
opacity: 0.85
width: 400px
background: #F5F5F5
padding: 40px 10px 0px 10px
border-radius: 10px
background: url("/images/pages/base/notify_mockup.png")
background-size: 100% 100%
width: 500px
height: 200px
padding: 35px 20px 15px 15px
text-align: center
.achievement-body
.achievement-title
font-family: Bangers
font-size: 22px
.achievement-image
img
float: left
width: 100px
height: 100px
border-radius: 50%
margin: 0px 30px 30px 30px
margin: 30px 40px 20px 30px
.achievement-title
font-family: Bangers
font-size: 28px
.achievement-description
margin-top: 10px
font-size: 16px
.achievement-message
&:empty
@ -26,11 +29,13 @@
.achievement-progress
padding: 10px 0px 0px 0px
padding: 25px 0px 0px 0px
.progress-wrapper
.progress-bar-wrapper
width: 100%
.earned-exp
padding-left: 5px
font-family: Bangers
font-size: 16px
float: right

16
app/templates/achievement_notify.jade
View file

@ -1,12 +1,12 @@
div
div.clearfix.achievement-body
div.achievement-image(data-notify-html="image")
div.achievement-title(data-notify-html="title")
div.achievement-description(data-notify-html="description")
div.achievement-progress
div.achievement-message(data-notify-html="message")
div.progress-wrapper
div.progress-bar-wrapper(data-notify-html="progressBar")
div.earned-exp(data-notify-html="earnedExp")
div.achievement-content
div.achievement-title(data-notify-html="title")
div.achievement-description(data-notify-html="description")
div.achievement-progress
div.achievement-message(data-notify-html="message")
div.progress-wrapper
div.earned-exp(data-notify-html="earnedExp")
div.progress-bar-wrapper(data-notify-html="progressBar")

5
app/views/kinds/RootView.coffee
View file

@ -31,8 +31,9 @@ module.exports = class RootView extends CocoView
$.notify.addStyle 'achievement',
html: $(AchievementNotify())
test = new Achievement(_id:'537ce4855c91b8d1dda7fda8')
test.fetch(success:@showNewAchievement)
# TODO Remove this. Allows for easy testing right now though
#test = new Achievement(_id:'537ce4855c91b8d1dda7fda8')
#test.fetch(success:@showNewAchievement)
showNewAchievement: (achievement) ->
currentLevel = me.level()