updated css/js libraries
[e-DoKo.git] / js / layout.js
1 $("table").addClass("table table-striped");
2 $("ul.tricks").wrap('<div class="container text-center">');
3 $("ul.tricks").addClass('pagination');
4
5 $(".navbar .nav").addClass("pull-right");
6
7 // user page
8 $(".user ul").addClass("list-group");
9 $(".user ul li").addClass("list-group-item");
10
11 $(".user .gamestatuspre").addClass("btn btn-warning");
12 $(".user .gamestatusplay").addClass("btn btn-success");
13 $(".user .gamestatusover").addClass("btn btn-info");
14
15 // enable tabs on login page
16 $('a[data-toggle="tab"]').on('shown', function (e) {
17   e.target // activated tab
18   e.relatedTarget // previous tab
19 })
20
21 $('ul.loginregister').wrap('<div class="container text-center">');
22 $('.tab-content').addClass('container');
23
24 $('.login input.submitbutton').addClass('btn btn-primary');
25 $('.login input[type="submit"]').addClass('btn');
26
27 $('.login form label').addClass("form-label col-xs-4");
28
29 $(".welcomestats").addClass("container");
30
31 $(".gravatar").addClass('img-polaroid');
32
33 // favicon as indicator if it's your turn
34 document.head || (document.head = document.getElementsByTagName('head')[0]);
35
36 function checkFavicon() {
37     /* check if it's your turn */
38     url=window.location.href;
39     url=url.substring(0, url.lastIndexOf('index.php'))+"testfav.php";
40
41     $.getJSON(url)
42         .done(function( json ) {
43
44             var link = document.createElement('link'),
45             oldLink = document.getElementById('favicon');
46             link.id = 'favicon';
47             link.rel = 'shortcut icon';
48
49             if(json.turn=="yes")
50                 link.href = "pics/edoko-favicon-your-turn.png";
51             else
52                 link.href = "pics/edoko-favicon.png";
53
54             if (oldLink)
55                 document.head.removeChild(oldLink);
56
57             document.head.appendChild(link);
58         });
59 }
60 checkFavicon();
61 setInterval(checkFavicon,30000);