aboutsummaryrefslogtreecommitdiffstats
path: root/static/style/styleswitcher.js
blob: 71a5dfffe0976e6eef03d20ea1702950aa33ab68 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
var fontStyle = 'serif';
var siteStyle = 'sane';
var widthStyle = 'fixed';

function setStyleSheet() {
  var i, a;
  var styleName = '' + widthStyle + '-' + siteStyle + '-' + fontStyle
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title"))
    {
      if(a.getAttribute("title").indexOf(styleName) != -1) a.disabled = false;
      else a.disabled = true;
    }
  }
  createCookie("style", styleName, 100);
}

function parseStyleCookie(cookie) {
    names = cookie.split('-')
    widthStyle = names[0]
    if(widthStyle == 'flexy') {
        document.getElementById('style_width').innerHTML = 'flexy'
    }
    siteStyle = names[1]
    if(siteStyle == 'nuts') {
        document.getElementById('style_site').innerHTML = 'nuts'
    }
    fontStyle = names[2]
    if(fontStyle == 'sans') {
        document.getElementById('style_font_first').innerHTML = 'A'
        document.getElementById('style_font_second').innerHTML = 'a'
    }
    setStyleSheet()
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
    var cookie = readCookie("style");
    if(cookie) parseStyleCookie(cookie);
}

function swapstyle(thing) {
  stuffset = true;
  switch(thing){
    case 'font':
      if(document.getElementById('style_font_first').innerHTML.indexOf('a') != -1){
        document.getElementById('style_font_first').innerHTML = 'A'
        document.getElementById('style_font_second').innerHTML = 'a'
        fontStyle = 'sans'
        setStyleSheet()
      } else {
        document.getElementById('style_font_first').innerHTML = 'a'
        document.getElementById('style_font_second').innerHTML = 'A'
        fontStyle = 'serif'
        setStyleSheet()
      }
      break;
    case 'site':
      if(document.getElementById('style_site').innerHTML.indexOf('sane') != -1){
        document.getElementById('style_site').innerHTML = 'nuts'
        siteStyle = 'nuts'
        setStyleSheet()
      } else {
        document.getElementById('style_site').innerHTML = 'sane'
        siteStyle = 'sane'
        setStyleSheet()
      } 
      break;
    case 'width':
      if(document.getElementById('style_width').innerHTML.indexOf('fixed') != -1){
        document.getElementById('style_width').innerHTML = 'flexy'
        widthStyle = 'flexy'
        setStyleSheet()
      } else {
        document.getElementById('style_width').innerHTML = 'fixed'
        widthStyle = 'fixed'
        setStyleSheet()
      } 
      break;
  }
}