OLD | NEW |
| (Empty) |
1 // Copyright 2014 The Chromium Authors. All rights reserved. | |
2 // Use of this source code is governed by a BSD-style license that can be | |
3 // found in the LICENSE file. | |
4 | |
5 function addToPage(html) { | |
6 var div = document.createElement('div'); | |
7 div.innerHTML = html; | |
8 document.getElementById('content').appendChild(div); | |
9 } | |
10 | |
11 function showLoadingIndicator(isLastPage) { | |
12 document.getElementById('loadingIndicator').className = | |
13 isLastPage ? 'hidden' : 'visible'; | |
14 updateLoadingIndicator(isLastPage); | |
15 } | |
16 | |
17 // Maps JS Font Family to CSS class and then changes body class name. | |
18 // CSS classes must agree with distilledpage.css. | |
19 function useFontFamily(fontFamily) { | |
20 var cssClass; | |
21 if (fontFamily == "serif") { | |
22 cssClass = "serif"; | |
23 } else if (fontFamily == "monospace") { | |
24 cssClass = "monospace"; | |
25 } else { | |
26 cssClass = "sans-serif"; | |
27 } | |
28 // Relies on the classname order of the body being Theme class, then Font | |
29 // Family class. | |
30 var themeClass = document.body.className.split(" ")[0]; | |
31 document.body.className = themeClass + " " + cssClass; | |
32 } | |
33 | |
34 // Maps JS theme to CSS class and then changes body class name. | |
35 // CSS classes must agree with distilledpage.css. | |
36 function useTheme(theme) { | |
37 var cssClass; | |
38 if (theme == "sepia") { | |
39 cssClass = "sepia"; | |
40 } else if (theme == "dark") { | |
41 cssClass = "dark"; | |
42 } else { | |
43 cssClass = "light"; | |
44 } | |
45 // Relies on the classname order of the body being Theme class, then Font | |
46 // Family class. | |
47 var fontFamilyClass = document.body.className.split(" ")[1]; | |
48 document.body.className = cssClass + " " + fontFamilyClass; | |
49 } | |
50 | |
51 var updateLoadingIndicator = function() { | |
52 var colors = ["red", "yellow", "green", "blue"]; | |
53 return function(isLastPage) { | |
54 if (!isLastPage && typeof this.colorShuffle == "undefined") { | |
55 var loader = document.getElementById("loader"); | |
56 if (loader) { | |
57 var colorIndex = -1; | |
58 this.colorShuffle = setInterval(function() { | |
59 colorIndex = (colorIndex + 1) % colors.length; | |
60 loader.className = colors[colorIndex]; | |
61 }, 600); | |
62 } | |
63 } else if (isLastPage && typeof this.colorShuffle != "undefined") { | |
64 clearInterval(this.colorShuffle); | |
65 } | |
66 }; | |
67 }(); | |
OLD | NEW |