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.
This commit is contained in:
Bertrand Marron
2014-02-05 17:33:36 +01:00
parent 9132009fd3
commit 5835ecf779
5 changed files with 11 additions and 15 deletions

View File

@@ -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) {

View File

@@ -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"]')

View File

@@ -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"]')

View File

@@ -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"]')

View File

@@ -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"]')