From 5835ecf779069783bc3cfcbe162bd6ad6fc2aaa1 Mon Sep 17 00:00:00 2001
From: Bertrand Marron <bertrand.marron@ionis-group.com>
Date: Wed, 5 Feb 2014 17:33:36 +0100
Subject: [PATCH] Stop using JavaScript to set the body CSS class

This prevents everything from blinking, since the CSS class will be
present when the page is rendering.
---
 lms/templates/login.html                                | 6 +++---
 lms/templates/register-shib.html                        | 6 +++---
 lms/templates/register.html                             | 6 +++---
 lms/templates/registration/password_reset_complete.html | 4 +---
 lms/templates/registration/password_reset_confirm.html  | 4 +---
 5 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/lms/templates/login.html b/lms/templates/login.html
index ed3dbf457e72..2afb5a08f524 100644
--- a/lms/templates/login.html
+++ b/lms/templates/login.html
@@ -7,14 +7,14 @@
 
 <%block name="pagetitle">${_("Log into your {platform_name} Account").format(platform_name=platform_name)}</%block>
 
+<%block name="bodyclass">view-login</%block>
+
 <%block name="js_extra">
   <script type="text/javascript">
     $(function() {
 
-      var view_name = 'view-login';
-
       // adding js class for styling with accessibility in mind
-      $('body').addClass('js').addClass(view_name);
+      $('body').addClass('js');
 
       // show forgot password modal UI if URL contains matching DOM ID
       if ($.deparam.fragment()['forgot-password-modal'] !== undefined) {
diff --git a/lms/templates/register-shib.html b/lms/templates/register-shib.html
index 3ef75251ac89..f192f85ba649 100644
--- a/lms/templates/register-shib.html
+++ b/lms/templates/register-shib.html
@@ -14,14 +14,14 @@
 
 <%block name="pagetitle">${_("Preferences for {platform_name}").format(platform_name=settings.PLATFORM_NAME)}</%block>
 
+<%block name="bodyclass">view-register</%block>
+
 <%block name="js_extra">
   <script type="text/javascript">
     $(function() {
 
-      var view_name = 'view-register';
-
       // adding js class for styling with accessibility in mind
-      $('body').addClass('js').addClass(view_name);
+      $('body').addClass('js');
 
       // new window/tab opening
       $('a[rel="external"], a[class="new-vp"]')
diff --git a/lms/templates/register.html b/lms/templates/register.html
index aa3b37e02263..402cde1320b7 100644
--- a/lms/templates/register.html
+++ b/lms/templates/register.html
@@ -16,14 +16,14 @@
 
 <%block name="pagetitle">${_("Register for {platform_name}").format(platform_name=platform_name)}</%block>
 
+<%block name="bodyclass">view-register</%block>
+
 <%block name="js_extra">
   <script type="text/javascript">
     $(function() {
 
-      var view_name = 'view-register';
-
       // adding js class for styling with accessibility in mind
-      $('body').addClass('js').addClass(view_name);
+      $('body').addClass('js');
 
       // new window/tab opening
       $('a[rel="external"], a[class="new-vp"]')
diff --git a/lms/templates/registration/password_reset_complete.html b/lms/templates/registration/password_reset_complete.html
index c1c53d34b543..c00dd8a37940 100644
--- a/lms/templates/registration/password_reset_complete.html
+++ b/lms/templates/registration/password_reset_complete.html
@@ -23,10 +23,8 @@
   <script type="text/javascript">
     $(function() {
 
-      var view_name = 'view-passwordreset';
-
       // adding js class for styling with accessibility in mind
-      $('body').addClass('js').addClass(view_name);
+      $('body').addClass('js');
 
       // new window/tab opening
       $('a[rel="external"], a[class="new-vp"]')
diff --git a/lms/templates/registration/password_reset_confirm.html b/lms/templates/registration/password_reset_confirm.html
index 63db56041a27..4a2188bdb0d4 100644
--- a/lms/templates/registration/password_reset_confirm.html
+++ b/lms/templates/registration/password_reset_confirm.html
@@ -27,10 +27,8 @@
   <script type="text/javascript">
     $(function() {
 
-      var view_name = 'view-passwordreset';
-
       // adding js class for styling with accessibility in mind
-      $('body').addClass('js').addClass(view_name);
+      $('body').addClass('js');
 
       // new window/tab opening
       $('a[rel="external"], a[class="new-vp"]')