mirror of
https://github.com/discourse/discourse.git
synced 2024-11-26 01:13:38 +08:00
DEV: Move browser-update.js.erb out of vendored scripts (#11234)
This script has been adopted and modified.
This commit is contained in:
parent
b143412be4
commit
5202380a04
75
app/assets/javascripts/browser-update.js
Normal file
75
app/assets/javascripts/browser-update.js
Normal file
|
@ -0,0 +1,75 @@
|
|||
//browser-update.org notification script, <browser-update.org>
|
||||
//Copyright (c) 2007-2009, MIT Style License <browser-update.org/LICENSE.txt>
|
||||
|
||||
(function () {
|
||||
var $buo = function () {
|
||||
// Sometimes we have to resort to parsing the user agent string. :(
|
||||
if (navigator && navigator.userAgent) {
|
||||
var ua = navigator.userAgent;
|
||||
|
||||
// we don't ask Googlebot to update their browser
|
||||
if (
|
||||
ua.indexOf("Googlebot") >= 0 ||
|
||||
ua.indexOf("Mediapartners") >= 0 ||
|
||||
ua.indexOf("AdsBot") >= 0
|
||||
) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (!window.unsupportedBrowser) {
|
||||
return;
|
||||
}
|
||||
|
||||
document.getElementsByTagName("body")[0].className += " crawler";
|
||||
var mainElement = document.getElementById("main");
|
||||
var noscriptElements = document.getElementsByTagName("noscript");
|
||||
// find the element with the "data-path" attribute set
|
||||
for (var i = 0; i < noscriptElements.length; ++i) {
|
||||
if (noscriptElements[i].getAttribute("data-path")) {
|
||||
// noscriptElements[i].innerHTML contains encoded HTML
|
||||
if (noscriptElements[i].childNodes.length > 0) {
|
||||
mainElement.innerHTML = noscriptElements[i].childNodes[0].nodeValue;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// retrieve localized browser upgrade text
|
||||
var t = I18n.t("browser_update"); // eslint-disable-line no-undef
|
||||
if (t.indexOf(".browser_update]") !== -1) {
|
||||
// very old browsers might fail to load even translations
|
||||
t =
|
||||
'Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is too old to work on this site</a>. Please <a href="https://browsehappy.com">upgrade your browser</a> to view rich content, log in and reply.';
|
||||
}
|
||||
|
||||
// create the notification div HTML
|
||||
var div = document.createElement("div");
|
||||
div.className = "buorg";
|
||||
div.innerHTML = "<div>" + t + "</div>";
|
||||
|
||||
// create the notification div stylesheet
|
||||
var sheet = document.createElement("style");
|
||||
var style =
|
||||
".buorg {position:absolute; z-index:111111; width:100%; top:0px; left:0px; background:#FDF2AB; text-align:left; font-family: sans-serif; color:#000; font-size: 14px;} .buorg div {padding: 8px;} .buorg a, .buorg a:visited {color:#E25600; text-decoration: underline;} @media print { .buorg { display: none !important; } }";
|
||||
|
||||
// insert the div and stylesheet into the DOM
|
||||
document.body.appendChild(div); // put it last in the DOM so Googlebot doesn't include it in search excerpts
|
||||
document.getElementsByTagName("head")[0].appendChild(sheet);
|
||||
try {
|
||||
sheet.innerText = style;
|
||||
sheet.innerHTML = style;
|
||||
} catch (e) {
|
||||
try {
|
||||
sheet.styleSheet.cssText = style;
|
||||
} catch (ex) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// shift the body down to make room for our notification div
|
||||
document.body.style.marginTop = div.clientHeight + "px";
|
||||
};
|
||||
|
||||
$bu = $buo(); // eslint-disable-line no-undef
|
||||
})(this);
|
70
vendor/assets/javascripts/browser-update.js.erb
vendored
70
vendor/assets/javascripts/browser-update.js.erb
vendored
|
@ -1,70 +0,0 @@
|
|||
//browser-update.org notification script, <browser-update.org>
|
||||
//Copyright (c) 2007-2009, MIT Style License <browser-update.org/LICENSE.txt>
|
||||
|
||||
(function() {
|
||||
|
||||
var $buo = function() {
|
||||
// Sometimes we have to resort to parsing the user agent string. :(
|
||||
if (navigator && navigator.userAgent) {
|
||||
var ua = navigator.userAgent;
|
||||
|
||||
// we don't ask Googlebot to update their browser
|
||||
if (ua.indexOf('Googlebot') >= 0 || ua.indexOf('Mediapartners') >= 0 || ua.indexOf('AdsBot') >= 0) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (!window.unsupportedBrowser) {
|
||||
return;
|
||||
}
|
||||
|
||||
document.getElementsByTagName('body')[0].className += " crawler";
|
||||
var mainElement = document.getElementById("main");
|
||||
var noscriptElements = document.getElementsByTagName("noscript");
|
||||
// find the element with the "data-path" attribute set
|
||||
for (var i = 0; i < noscriptElements.length; ++i) {
|
||||
if (noscriptElements[i].getAttribute("data-path")) {
|
||||
// noscriptElements[i].innerHTML contains encoded HTML
|
||||
if (noscriptElements[i].childNodes.length > 0) {
|
||||
mainElement.innerHTML = noscriptElements[i].childNodes[0].nodeValue;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// retrieve localized browser upgrade text
|
||||
var t = <%= "'" + I18n.t('js.browser_update') + "'" %>;
|
||||
|
||||
// create the notification div HTML
|
||||
var div = document.createElement("div");
|
||||
div.className = "buorg";
|
||||
div.innerHTML = "<div>" + t + "</div>";
|
||||
|
||||
// create the notification div stylesheet
|
||||
var sheet = document.createElement("style");
|
||||
var style = ".buorg {position:absolute; z-index:111111; width:100%; top:0px; left:0px; background:#FDF2AB; text-align:left; font-family: sans-serif; color:#000; font-size: 14px;} .buorg div {padding: 8px;} .buorg a, .buorg a:visited {color:#E25600; text-decoration: underline;} @media print { .buorg { display: none !important; } }";
|
||||
|
||||
// insert the div and stylesheet into the DOM
|
||||
document.body.appendChild(div); // put it last in the DOM so Googlebot doesn't include it in search excerpts
|
||||
document.getElementsByTagName("head")[0].appendChild(sheet);
|
||||
try {
|
||||
sheet.innerText = style;
|
||||
sheet.innerHTML = style;
|
||||
}
|
||||
catch(e) {
|
||||
try {
|
||||
sheet.styleSheet.cssText = style;
|
||||
}
|
||||
catch(ex) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// shift the body down to make room for our notification div
|
||||
document.body.style.marginTop = (div.clientHeight) + "px";
|
||||
|
||||
};
|
||||
|
||||
$bu=$buo();
|
||||
|
||||
})(this);
|
Loading…
Reference in New Issue
Block a user