1var styleCss = "<style>"+ 2 "@keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}to {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}}"+ 3 "@-webkit-keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}to {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}}"+ 4 ".loadingRun{-webkit-animation : loadingAnimate 1.2s infinite;animation : loadingAnimate 1.2s infinite;}</style>"; 5$("body").append(styleCss); 6 7window.waitForLoading = true; 8var LoadingJS = function(){ 9 this.initConfig(); 10 this.initHtml(); 11 this.initCss(); 12 this.startLoading(); 13 14 this.onResize(); 15 var self = this; 16 $(window).resize(function(){ 17 self.onResize(); 18 }); 19 20 window.setTimeout(function(){window.waitForLoading = false;},250); 21} 22 23LoadingJS.prototype = { 24 25 initHtml : function(){ 26 this.stop = false; 27 this.loadImageUrl = "<svg t=\"1525916222299\" class=\"icon\" style=\"\" viewBox=\"130 0 800 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2478\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"49\" height=\"56\"><defs><style type=\"text/css\"></style></defs><path d=\"M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z\" p-id=\"2479\"></path><path d=\"M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z\" p-id=\"2481\"></path><path d=\"M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z\" p-id=\"2482\"></path><path d=\"M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z\" p-id=\"2483\"></path></svg>"; 28 this.instance = $("<div></div>"); 29 this.image = $("<img src='" + this.loadingPicture + "'/>"); 30 this.title = $("<p></p>"); 31 32 if(this.loadingPicture) this.instance.append(this.image); 33 34 this.initAnimationHtml(); 35 36 this.instance.append(this.title); 37 $("body").append(this.instance); 38 }, 39 40 initAnimationHtml : function(){ 41 42 this.loadBox = $("<div></div>"); 43 var img1 = $(this.loadImageUrl); 44 var img2 = $(this.loadImageUrl); 45 this.img3 = $(this.loadImageUrl); 46 this.img3.attr("class", "loadingRun"); 47 48 this.loadBox.css({ 49 "position":"relative", 50 "perspective":"200px", 51 "-webkit-transform-style":"preserve-3d", 52 "-o-transform-style":"preserve-3d", 53 "-ms-transform-style":"preserve-3d", 54 "-moz-transform-style":"preserve-3d", 55 "transform-style":"preserve-3d" 56 }); 57 58 this.img3.css({ 59 "position" : "absolute" , 60 "left" : "50%" , 61 "z-index" : "-1" , 62 "-webkit-transform-origin" : "0 50%", 63 "-o-transform-origin" : "0 50%", 64 "-ms-transform-origin" : "0 50%", 65 "-moz-transform-origin" : "0 50%", 66 "transform-origin" : "0 50%", 67 "fill" : this.loadingCaptionColor 68 }); 69 70 img2.css({ 71 "position" : "absolute" , 72 "left" : "-50%" , 73 "-webkit-transform":"rotateY(180deg)", 74 "-o-transform":"rotateY(180deg)", 75 "-ms-transform":"rotateY(180deg)", 76 "-moz-transform":"rotateY(180deg)", 77 "transform":"rotateY(180deg)", 78 "fill" : this.loadingCaptionColor 79 }); 80 81 img1.css({ 82 "position" : "absolute" , 83 "left" : "50%", 84 "fill" : this.loadingCaptionColor 85 }); 86 87 this.loadBox.append(img1).append(img2).append(this.img3); 88 this.instance.append(this.loadBox); 89 }, 90 91 initConfig : function(){ 92 this.loadingCaption, this.loadingCaptionColor, this.loadingPicture; 93 try{ 94 this.loadingCaption = bookConfig.loadingCaption ? bookConfig.loadingCaption : "Loading"; 95 this.loadingCaptionColor = bookConfig.loadingCaptionColor ? bookConfig.loadingCaptionColor : "#DDDDDD";
96 this.loadingBackground = bookConfig.loadingBackground ? bookConfig.loadingBackground : "#1F2232"; 97 this.loadingPicture = bookConfig.loadingPicture ? bookConfig.loadingPicture : ""; 98 }catch(err){ 99 this.loadingCaption = "Loading"; 100 this.loadingCaptionColor = "#BDBDBD"; 101 this.loadingBackground = "#1F2233"; 102 this.loadingPicture = ""; 103 } 104 }, 105 106 startLoading : function(){ 107 this.title.text($(document).attr("title")); 108 }, 109 110 destroy : function(){ 111 this.img3.attr("class", ""); 112 $("body>style").html(""); 113 this.instance.remove(); 114 this.image.attr("src", ""); 115 $("body").css({"background-color" : ""}); 116 }, 117 118 initCss : function(){ 119 120 $("html").css({ 121 "margin" : 0, 122 "padding" : 0, 123 "width" : "100%", 124 "height" : "100%" 125 }); 126 $("body").css({ 127 "margin" : 0, 128 "padding" : 0, 129 "width" : "100%", 130 "height" : "100%", 131 "position" : "fixed", 132 "background-color" : this.loadingBackground 133 }); 134 this.instance.css({ 135 "width" : "100%", 136 "height" : "100%", 137 "color" : this.loadingCaptionColor, 138 "text-align" : "center", 139 "vertical-align" : "middle", 140 "font-family" : "Tahoma", 141 "position" : "relative", 142 143 }); 144 145 this.image.css({ 146 "position" : "absolute", 147 "bottom" : "75%", 148 "left" : "50%", 149 "-webkit-transform" : "translate(-50% , 50%)", 150 "-moz-transform" : "translate(-50% , 50%)", 151 "-ms-transform" : "translate(-50% , 50%)", 152 "-o-transform" : "translate(-50% , 50%)", 153 "transform" : "translate(-50% , 50%)", 154 "margin-bottom" : "28px", 155 "max-width" : "40%", 156 "max-height" : "30%" 157 }); 158 159 if(window.innerHeight <= 300) this.image.hide(); 160 161 var titleTran = "translate(-50%, 16px)"; 162 var loadingBoxTran = "translate(-50% , -56px)"; 163 164 // if(this.loadingPicture) { 165 // var titleTran = "translate(-50%, 40px)"; 166 // var loadingBoxTran = "translate(-50% , -50%)"; 167 // } 168 169 this.title.css({ 170 "font-family":"Arial", 171 "font-size" : "24px", 172 "position" : "absolute", 173 "top" : "50%", 174 "left" : "50%", 175 "-webkit-transform" : titleTran, 176 "-moz-transform" : titleTran, 177 "-ms-transform" : titleTran, 178 "-o-transform" : titleTran, 179 "transform" : titleTran, 180 "margin" : 0, 181 "padding" : 0 182 }); 183 184 this.loadBox.css({ 185 "position" : "absolute", 186 "width" : "49px", 187 "height" : "56px", 188 "left" : "50%", 189 "top" : "50%", 190 "-webkit-transform" : loadingBoxTran, 191 "-moz-transform" : loadingBoxTran, 192 "-ms-transform" : loadingBoxTran, 193 "-o-transform" : loadingBoxTran, 194 "transform" : loadingBoxTran, 195 "padding" : 0 196 }); 197 198 }, 199 200 onResize : function(){} 201 202} 203 204var jsLoadingBar = new LoadingJS();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.