Add banners to the instructor dashboard

Notification banner to default dash to announce the change

Warning banner on legacy instruction dashboard to explain it has been deprecated

LMS-1296

lms/static/sass/course/instructor/_instructor.scss

@@ -121,9 +121,9 @@
       }
     }
   }
-  
+
   //Metrics tab
- 
+
   .metrics-container {
     position: relative;
     width: 100%;
@@ -170,6 +170,15 @@
     border-radius: 5px;
     margin-top: 25px;
   }
- 
+
+  .wrapper-msg {
+    margin-bottom: ($baseline*1.5);
+    padding: ($baseline/2) $baseline;
+
+    .msg {
+      margin-bottom: 0;
+    }
+  }
+
 }
 

lms/templates/courseware/instructor_dashboard.html

@@ -7,7 +7,7 @@
 <%inherit file="../main.html" />
 <%namespace name='static' file='/static_content.html'/>
 
-<%block name="pagetitle">${_("Instructor Dashboard")}</%block>
+<%block name="pagetitle">${_("Legacy Instructor Dashboard")}</%block>
 <%block name="nav_skip">#instructor-dashboard-content</%block>
 
 <%block name="headextra">
@@ -139,7 +139,12 @@ function goto( mode)
     
     <h1>${_("Instructor Dashboard")}</h1>
 
-    # TODO put in a banner
+    <div class="wrapper-msg urgency-low warning">
+      <div class="msg""
+        <p>${_("You are using the legacy instructor dashboard, which will be going away in the near future. Please use the Standard Dashboard. If it is missing functionality, please let us know.")}
+        <a href="${ beta_dashboard_url }">${_("Return to the Standard Dashboard")}  <i class="icon-angle-right"></i></a></p>
+      </div>
+    </div>
 
     <h2 class="navbar">[ <a href="#" onclick="goto('Grades');" class="${modeflag.get('Grades')}">Grades</a> |
           %if settings.FEATURES.get('ENABLE_PSYCHOMETRICS'):
@@ -413,7 +418,7 @@ function goto( mode)
   %else:
   <p>${_("User requires forum administrator privileges to perform administration tasks.  See instructor.")}</p>
   %endif
-  
+
   <br />
   <h2>${_("Explanation of Roles:")}</h2>
   <p>${_("Forum Moderators: can edit or delete any post, remove misuse flags, close and re-open threads, endorse "
@@ -698,7 +703,7 @@ function goto( mode)
     </script>
 
     <div id="metrics"></div>
-    
+
     <h3 class="attention">${_("Loading the latest graphs for you; depending on your class size, this may take a few minutes.")}</h3>
 
     %for i in range(0,len(metrics_results['section_display_name'])):

lms/templates/instructor/instructor_dashboard_2/instructor_dashboard_2.html

@@ -66,6 +66,12 @@
 
   <h1>${_("Instructor Dashboard")}</h1>
   <hr />
+    <div class="wrapper-msg urgency-low warning">
+      <div class="msg"
+        <p>${_("We've changed the look and feel of the Instructor Dashboard. During this transition time, you can still access the old Instructor Dashboard by clicking the 'Revert to Legacy Dashboard' button in the top right hand corner.")}</p>
+      </div>
+    </div>
+
   ## links which are tied to idash-sections below.
   ## the links are activated and handled in instructor_dashboard.coffee
   ## when the javascript loads, it clicks on the first section