adding unsupported browser alert

lms/envs/common.py

@@ -387,6 +387,9 @@ FEATURES = {
     # that they don't have an account associated with email addresses they believe they've registered with.
     'ENABLE_PASSWORD_RESET_FAILURE_EMAIL': False,
 
+    # Sets the default browser support. For more information go to http://browser-update.org/customize.html
+    'UNSUPPORTED_BROWSER_ALERT_VERSIONS': "{i:10,f:-3,o:-3,s:-3,c:-3}",
+
     # Set this to true to make API docs available at /api-docs/.
     'ENABLE_API_DOCS': False,
 

lms/static/sass/_build-lms-v1.scss

@@ -70,6 +70,7 @@
 @import 'features/bookmarks-v1';
 @import 'features/learner-profile';
 @import 'features/journals';
+@import 'features/_unsupported-browser-alert';
 
 // search
 @import 'search/search';

lms/static/sass/features/_unsupported-browser-alert.scss

@@ -0,0 +1,52 @@
+
+@import 'lms/theme/variables-v1';
+
+// Unsupported browser alert
+$browser-update-background: #fff;
+$browser-update-ok-button: $button-color;
+$browser-update-ignore-button: $action-primary-disabled-bg;
+
+// Name of the style class used to customize browser-update alert
+.buorg {
+  background-color: $browser-update-background;
+  background-position: 8px 17px;
+  border-bottom: 1px solid #c5c6c7;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 17px;
+  left: 0;
+  position: absolute;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+
+  a {
+    color: #fff;
+
+    &:hover {
+      color: #fff !important;
+    }
+  }
+
+  #buorgul {
+    background-color: $browser-update-ok-button;
+  }
+
+  #buorgig {
+    background-color: $browser-update-ignore-button;
+  }
+}
+
+@media only screen and (max-width: 700px) {
+  .buorg div {
+    padding: 5px 12px 5px 9px;
+    text-indent: 22px;
+    line-height: 1.3em;
+  }
+
+  .buorg {
+    background-position: 9px 8px;
+  }
+}

lms/templates/header/header.html

@@ -7,6 +7,7 @@
 <%!
 from django.urls import reverse
 from django.utils.translation import ugettext as _
+import waffle
 
 from lms.djangoapps.ccx.overrides import get_current_ccx
 from openedx.core.djangolib.markup import HTML, Text
@@ -14,6 +15,7 @@ from openedx.core.djangolib.markup import HTML, Text
 # App that handles subdomain specific branding
 from branding import api as branding_api
 from openedx.core.djangoapps.lang_pref.api import header_language_selector_is_enabled, released_languages
+from openedx.core.djangoapps.site_configuration import helpers as configuration_helpers
 
 %>
 
@@ -29,6 +31,26 @@ from openedx.core.djangoapps.lang_pref.api import header_language_selector_is_en
     </%block>
 % endif
 
+<%
+  unsupported_browser_alert_versions = configuration_helpers.get_value('UNSUPPORTED_BROWSER_ALERT_VERSIONS', settings.FEATURES.get('UNSUPPORTED_BROWSER_ALERT_VERSIONS'))
+%>
+% if waffle.switch_is_active('enable_unsupported_browser_alert'):
+  <script>
+    var $buoop = {
+        notify:${unsupported_browser_alert_versions | n, decode.utf8},
+        api:5,
+        reminder:0
+    };
+    function $buo_f() {
+        var e = document.createElement("script");
+        e.src = "//browser-update.org/update.min.js";
+        document.body.appendChild(e);
+    };
+    try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
+    catch(e){window.attachEvent("onload", $buo_f)}
+  </script>
+% endif
+
 <header class="global-header ${'slim' if course else ''}">
     % if use_cookie_banner:
         ${static.renderReact(