From: Marius Gavrilescu <marius@ieval.ro>
Date: Sun, 8 Feb 2015 10:48:02 +0000 (+0200)
Subject: Mark everything that requires javascript with class reqjs
X-Git-Url: http://git.ieval.ro/?a=commitdiff_plain;h=2d5a49fc7d61e2a7353ece540c3f12f2f08a0ba0;p=gruntmaster-page.git

Mark everything that requires javascript with class reqjs
---

diff --git a/css/custom.css b/css/custom.css
index f784c4e..f9ccad3 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -91,4 +91,8 @@ ul.inline li:last-child:after {
 #ctcountdown {
 	text-align: center;
 	font-size: 200%;
+}
+
+.reqjs {
+	display: none !important;
 }
\ No newline at end of file
diff --git a/js/90-reqjs.js b/js/90-reqjs.js
new file mode 100644
index 0000000..df21b15
--- /dev/null
+++ b/js/90-reqjs.js
@@ -0,0 +1,7 @@
+(function(){
+	'use strict';
+
+	$( document ).ready(function() {
+		$('.reqjs').removeClass('reqjs');
+	});
+})();
diff --git a/js/90-themes.js b/js/90-themes.js
index 74506c8..5ec968a 100644
--- a/js/90-themes.js
+++ b/js/90-themes.js
@@ -6,7 +6,6 @@
 	}
 
 	$( document ).ready(function() {
-		$('#theme-selector').removeClass('hidden');
 		$('#theme_slate'   ).on('click', function () { set_style("slate"); });
 		$('#theme_cerulean').on('click', function () { set_style("cerulean"); });
 		$('#theme_cyborg'  ).on('click', function () { set_style("cyborg"); });
diff --git a/js/90-tracker.js b/js/90-tracker.js
index 3ef0ac1..2f8271c 100644
--- a/js/90-tracker.js
+++ b/js/90-tracker.js
@@ -96,10 +96,9 @@
 	}
 
 	$( document ).ready(function(){
-		$('#tracker').detach().prependTo($('#sidebar')).removeClass('hidden');
+		$('#tracker').detach().prependTo($('#sidebar'));
 		$('#tracker_button').on('click', function() { start_tracking($('#tracker_username').val()) });
 		$('#tracker_stop').on('click', stop_tracking);
-		$('#track_user').removeClass('hidden');
 		$('#track_user').on('click', function() { stop_tracking(); start_tracking($(this).data('user')) });
 
 		if(localStorage.getItem('tracker_username'))
diff --git a/js/95-login.js b/js/95-login.js
index adbeb1d..81e4533 100644
--- a/js/95-login.js
+++ b/js/95-login.js
@@ -2,7 +2,7 @@
 	'use strict';
 
 	$( document ).ready(function(){
-		$('#login').detach().prependTo($('#sidebar')).removeClass('hidden');
+		$('#login').detach().prependTo($('#sidebar'));
 
 		document.cookie = "cookietest=1";
 		var cookie = document.cookie.indexOf("cookietest=") != -1;
diff --git a/tmpl/ct_entry.en b/tmpl/ct_entry.en
index c30a503..c18fba2 100644
--- a/tmpl/ct_entry.en
+++ b/tmpl/ct_entry.en
@@ -3,7 +3,7 @@
 <dt>Contest stop time</dt>  <dd id="stop">stop</dd>
 </dl>
 
-<div id="ctcountdown">
+<div id="ctcountdown" class="reqjs">
 Contest <span id="status">starts/ends</span> in: <span class="timer" data-stop="...">
 </div>
 <div id="description">description</div>
diff --git a/tmpl/pb_entry.en b/tmpl/pb_entry.en
index 0d7c2a1..2798544 100644
--- a/tmpl/pb_entry.en
+++ b/tmpl/pb_entry.en
@@ -9,8 +9,8 @@
 <dt>Owner</dt> <dd id="owner">owner</dd>
 <dt>Level</dt> <dd id="level">Easy</dd>
 <dt>Time limit (seconds)</dt> <dd smap="timeout">1</dd>
-<dt class="rc">Score</dt> <dd id="score" class="timer" data-start="..." data-stop="..." data-value="100" class="rc">50</dd>
-<dt class="rc">Contest ends in</dt> <dd id="countdown" class="timer" data-stop="..." class="rc">01:30</dd>
+<dt class="rc reqjs">Score</dt> <dd id="score" class="timer reqjs rc" data-start="..." data-stop="..." data-value="100">50</dd>
+<dt class="rc reqjs">Contest ends in</dt> <dd id="countdown" class="timer reqjs rc" data-stop="...">01:30</dd>
 </dl>
 
 <a href="/log/?problem=problem_id" id="job_log">Job log</a><br>
diff --git a/tmpl/skel.en b/tmpl/skel.en
index d726345..19f3180 100644
--- a/tmpl/skel.en
+++ b/tmpl/skel.en
@@ -16,7 +16,7 @@
 <li id="nav-log"><a href="/log/">Job log</a>
 <li id="nav-us"><a href="/us/">Users</a>
 <li id="nav-account"><a href="/account">Account</a>
-<li id="theme-selector" class="hidden"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
+<li id="theme-selector" class="reqjs"><a class="dropdown-toggle" data-toggle="dropdown"> Theme <span class="caret"></span></a>
 <ul class="dropdown-menu" role="menu">
 <li><a href="#" id="theme_slate">Gunmetal gray</a>
 <li><a href="#" id="theme_cyborg">Black</a>
@@ -35,9 +35,9 @@
 
 <div id="content">Content goes here</div>
 
-<div id="login" class="hidden"><a href="/login">Log in</a></div>
+<div id="login" class="reqjs"><a href="/login">Log in</a></div>
 
-<div id="tracker" class="hidden">
+<div id="tracker" class="reqjs">
 <h3>Track user</h3>
 <div id="tracker_form">
 <div class="form-group">
diff --git a/tmpl/us_entry.en b/tmpl/us_entry.en
index 3d56654..7b261ed 100644
--- a/tmpl/us_entry.en
+++ b/tmpl/us_entry.en
@@ -5,7 +5,7 @@
 <dt>Level</dt> <dd smap="level">Level</dd>
 </dl>
 
-<a href="#" id="track_user" data-user="id" class="hidden">Track user</a><br>
+<a href="#" id="track_user" data-user="id" class="reqjs">Track user</a><br>
 <a href="/log/?owner=id" id="log">Job log</a><br>
 <a href="/pb/?owner=id" id="pb">Owned problems</a>