From 6505824cb6fea1c0fffc247e9dddb05b0d6cb138 Mon Sep 17 00:00:00 2001
From: Sabe Jones <sabrecat@gmail.com>
Date: Tue, 13 Oct 2015 16:32:07 -0400
Subject: [PATCH] feat(modals): Levelup modal Introduces a new modal that
 displays whenever the user levels up.

---
 common/locales/en/character.json               |  4 ++++
 .../public/js/controllers/notificationCtrl.js  |  1 +
 website/views/shared/modals/index.jade         |  1 +
 website/views/shared/modals/level-up.jade      | 18 ++++++++++++++++++
 4 files changed, 24 insertions(+)
 create mode 100644 website/views/shared/modals/level-up.jade

diff --git a/common/locales/en/character.json b/common/locales/en/character.json
index 4e3f8a4645..cf7af8f582 100644
--- a/common/locales/en/character.json
+++ b/common/locales/en/character.json
@@ -64,6 +64,10 @@
     "ultimGearText": "Has upgraded to the maximum weapon and armor set for the following classes:",
     "level": "Level",
     "levelUp": "Level Up!",
+    "gainedLevel": "You gained a level!",
+    "leveledUp": "By accomplishing your real-life goals, you've grown to <strong>Level <%= level %>!</strong>",
+    "fullyHealed": "You have been fully healed!",
+    "huzzah": "Huzzah!",
     "mana": "Mana",
     "hp": "HP",
     "mp": "MP",
diff --git a/website/public/js/controllers/notificationCtrl.js b/website/public/js/controllers/notificationCtrl.js
index 2f13089ca6..5e4a4825dd 100644
--- a/website/public/js/controllers/notificationCtrl.js
+++ b/website/public/js/controllers/notificationCtrl.js
@@ -153,6 +153,7 @@ habitrpg.controller('NotificationCtrl',
       if (after > before) {
         Notification.lvl();
         $rootScope.playSound('Level_Up');
+        $rootScope.openModal('levelUp', {controller:'UserCtrl', size:'sm'});
       }
     });
 
diff --git a/website/views/shared/modals/index.jade b/website/views/shared/modals/index.jade
index a70803cf49..688219e898 100644
--- a/website/views/shared/modals/index.jade
+++ b/website/views/shared/modals/index.jade
@@ -14,6 +14,7 @@ include ./limited
 include ./invite-friends
 include ./welcome.jade
 include ./low-health.jade
+include ./level-up.jade
 
 //- Settings
 script(type='text/ng-template', id='modals/change-day-start.html')
diff --git a/website/views/shared/modals/level-up.jade b/website/views/shared/modals/level-up.jade
new file mode 100644
index 0000000000..373e9f39bf
--- /dev/null
+++ b/website/views/shared/modals/level-up.jade
@@ -0,0 +1,18 @@
+include ../avatar/generated_avatar
+
+script(type='text/ng-template', id='modals/levelUp.html')
+  .modal-content(style='min-width:28em')
+    .modal-body.text-center
+      h3(style='margin-bottom: 0')=env.t('gainedLevel')
+      .container-fluid
+        .row
+          .herobox(style='margin:auto 8.5em; width: 6em; height: 9em; padding-top: 0')
+            .character-sprites(style='margin: 0; width: 0')
+              +generatedAvatar
+        .row
+          .herobox(style='margin:auto 9em; width: 6em; height: 0; padding-top: 0')
+            .avatar-level(ng-class='userLevelStyle(user)')=env.t('level')+' {{user.stats.lvl}}'
+      h4(style='margin-top: 1em')!=env.t('leveledUp', {level:'{{user.stats.lvl}}'})
+      p=env.t('fullyHealed')
+    .modal-footer(style='margin-top:0')
+      button.btn.btn-primary(ng-click='$close()')=env.t('huzzah')