Use specific layout for map aside

Links in aside change parent location

client/main.js

@@ -264,7 +264,7 @@ $(document).ready(function() {
   $('#nav-map-btn').on('click', () => {
     if (!main.isMapAsideLoad) {
       var mapAside = $('<iframe>');
-      mapAside.attr('src', '/map-minimal');
+      mapAside.attr('src', '/map-aside');
       $('.map-aside').append(mapAside);
       main.isMapAsideLoad = true;
     }

server/boot/challenge.js

@@ -398,7 +398,7 @@ module.exports = function(app) {
   );
 
   router.get('/map', showMap.bind(null, false));
-  router.get('/map-minimal', showMap.bind(null, true));
+  router.get('/map-aside', showMap.bind(null, true));
   router.get(
     '/challenges/current-challenge',
     redirectToCurrentChallenge
@@ -618,15 +618,15 @@ module.exports = function(app) {
       );
   }
 
-  function showMap(showMinimal, { user }, res, next) {
+  function showMap(showAside, { user }, res, next) {
 
     getSuperBlocks$(challenge$, getCompletedChallengeIds(user))
       .subscribe(
         superBlocks => {
-          res.render('map/show', {
+          const view = showAside ? 'map/showAside' : 'map/show';
+          res.render(view, {
             superBlocks,
-            title: 'A Map to Learn to Code and Become a Software Engineer',
+            title: 'A Map to Learn to Code and Become a Software Engineer'
-            showMinimal
           });
         },
         next

server/views/layout-map-aside.jade

@@ -0,0 +1,8 @@
+doctype html
+html(lang='en')
+  head
+    include partials/meta
+    include partials/stylesheets
+  body.map-aside-body
+    include partials/scripts
+    block content

server/views/layout-wide.jade

@@ -3,11 +3,6 @@ html(lang='en')
   head
     include partials/meta
     include partials/stylesheets
-  if showMinimal
-    body.map-aside-body
-      include partials/scripts
-      block content
-  else
   body.no-top-and-bottom-margins.full-screen-body-background
     include partials/scripts
     include partials/navbar

server/views/map/show.jade

@@ -1,6 +1,5 @@
 extends ../layout-wide
 block content
-    if !showMinimal
     .row
         .col-xs-12.col-md-6.col-md-offset-3
             ul

server/views/map/showAside.jade

@@ -0,0 +1,47 @@
+extends ../layout-map-aside
+block content
+    .row
+        .col-xs-12.col-md-6.col-md-offset-3
+            for superBlock, index in superBlocks
+                for challengeBlock in superBlock.blocks
+                    .row
+                        a(href='#' name=challengeBlock.dashedName)
+                        .spacer.negative-55
+                    .row
+                        h4.bold #{challengeBlock.name} (#{challengeBlock.time})
+                        for challenge in challengeBlock.challenges
+
+                          .col-xs-12.col-sm-9.col-md-10
+                            if challenge.completed
+                                p.text-primary.ion-checkmark-circled.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
+                                    a(href="/challenges/#{challenge.dashedName}" target='_parent')
+                                        = challenge.title
+                                        span.sr-only= " Complete"
+                            else if (challenge.type === "bonfire")
+                                p.ion-asterisk.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
+                                    a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
+                                        span= challenge.title
+                                        span.sr-only= " Incomplete"
+                                    if challenge.markNew
+                                        span.text-success.small    
+                                            strong
+                                                em New
+                                    if challengeBlock.isComingSoon
+                                        span.text-success.small    
+                                            strong
+                                                em Coming Soon
+                            else
+                                p.ion-ios-circle-outline.padded-ionic-icon.negative-15(name="#{challenge.dashedName}")  
+                                    a(name="#{challenge.dashedName}" target='_parent' href="/challenges/#{challenge.dashedName}" class=challenge.isComingSoon ? 'disabled' : '')
+                                        span= challenge.title
+                                        span.sr-only= " Incomplete"
+                                    if challenge.markNew
+                                        span.text-success.small    
+                                            strong
+                                                em New
+                                    if challengeBlock.isComingSoon
+                                        span.text-success.small    
+                                            strong
+                                                em Coming Soon
+                  if (index < superBlocks.length)
+                    hr