mui/examples/assets/css-switch.js at angular-bugfixes · cssCheck/mui · GitHub

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
window.addEventListener('load', function() {
  // fetch link element
  var selector = 'link[href="../assets/mui/css/mui.css"]',
      linkEl = document.querySelector(selector);

  // build element
  var selectEl = document.createElement('select');
  selectEl.innerHTML = [
    '<optgroup label="Basic">',
    '<option value="css/mui.css" selected>mui.css</option>',
    '<option value="css/mui.min.css">mui.min.css</option>',
    '<option value="css/mui-rtl.css">mui-rtl.css</option>',
    '<option value="css/mui-rtl.min.css">mui-rtl.min.css</option>',
    '</optgroup>',

    '<optgroup label="No Globals">',
    '<option value="extra/mui-noglobals.css">mui-noglobals.css</option>',
    '<option value="extra/mui-noglobals.min.css">mui-noglobals.min.css</option>',
    '<option value="extra/mui-noglobals-rtl.css">mui-noglobals-rtl.css</option>',
    '<option value="extra/mui-noglobals-rtl.min.css">mui-noglobals-rtl.min.css</option>',
    '</optgroup>'
  ].join('');

  selectEl.style.position = 'absolute';
  selectEl.style.top = '0px';
  selectEl.style.right = '0px';

  // change css file
  selectEl.addEventListener('change', function(ev) {
    linkEl.href = '../assets/mui/' + this.value + '?' + (new Date());
  });

  document.body.appendChild(selectEl);
});