mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
+1
-1
File diff suppressed because one or more lines are too long
+26
-26
@@ -10,97 +10,97 @@
|
||||
/* eslint-disable module-strict */
|
||||
|
||||
(function() {
|
||||
"use strict";
|
||||
if (typeof document === "undefined") {
|
||||
'use strict';
|
||||
if (typeof document === 'undefined') {
|
||||
// Not on browser
|
||||
return;
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", init);
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
|
||||
function init() {
|
||||
var mobile = isMobile();
|
||||
|
||||
var webPlayerList = document.querySelectorAll(".web-player");
|
||||
var webPlayerList = document.querySelectorAll('.web-player');
|
||||
|
||||
// Either show interactive or static code block, depending on desktop or mobile
|
||||
for (var i = 0; i < webPlayerList.length; ++i) {
|
||||
webPlayerList[i].classList.add(mobile ? "mobile" : "desktop");
|
||||
webPlayerList[i].classList.add(mobile ? 'mobile' : 'desktop');
|
||||
|
||||
if (!mobile) {
|
||||
// Determine location to look up required assets
|
||||
var assetRoot = encodeURIComponent(
|
||||
document.location.origin + "/react-native"
|
||||
document.location.origin + '/react-native'
|
||||
);
|
||||
|
||||
// Set iframe src. Do this dynamically so the iframe never loads on mobile.
|
||||
var iframe = webPlayerList[i].querySelector("iframe");
|
||||
var iframe = webPlayerList[i].querySelector('iframe');
|
||||
iframe.src =
|
||||
iframe.getAttribute("data-src") + "&assetRoot=" + assetRoot;
|
||||
iframe.getAttribute('data-src') + '&assetRoot=' + assetRoot;
|
||||
}
|
||||
}
|
||||
|
||||
window.ExpoSnack && window.ExpoSnack.initialize();
|
||||
|
||||
var snackPlayerList = document.querySelectorAll(".snack-player");
|
||||
var snackPlayerList = document.querySelectorAll('.snack-player');
|
||||
|
||||
// Either show interactive or static code block, depending on desktop or mobile
|
||||
for (var i = 0; i < snackPlayerList.length; ++i) {
|
||||
var snackPlayer = snackPlayerList[i];
|
||||
var snackDesktopPlayer = snackPlayer.querySelectorAll(
|
||||
".desktop-friendly-snack"
|
||||
'.desktop-friendly-snack'
|
||||
)[0];
|
||||
var plainCodeExample = snackPlayer.querySelectorAll(
|
||||
".mobile-friendly-snack"
|
||||
'.mobile-friendly-snack'
|
||||
)[0];
|
||||
|
||||
if (mobile) {
|
||||
snackDesktopPlayer.remove();
|
||||
plainCodeExample.style.display = "block";
|
||||
plainCodeExample.style.display = 'block';
|
||||
} else {
|
||||
plainCodeExample.remove();
|
||||
}
|
||||
}
|
||||
|
||||
var backdrop = document.querySelector(".modal-backdrop");
|
||||
var backdrop = document.querySelector('.modal-backdrop');
|
||||
if (!backdrop) {
|
||||
return;
|
||||
}
|
||||
|
||||
var modalButtonOpenList = document.querySelectorAll(".modal-button-open");
|
||||
var modalButtonClose = document.querySelector(".modal-button-close");
|
||||
var modalButtonOpenList = document.querySelectorAll('.modal-button-open');
|
||||
var modalButtonClose = document.querySelector('.modal-button-close');
|
||||
|
||||
backdrop.addEventListener("click", hideModal);
|
||||
modalButtonClose.addEventListener("click", hideModal);
|
||||
backdrop.addEventListener('click', hideModal);
|
||||
modalButtonClose.addEventListener('click', hideModal);
|
||||
|
||||
// Bind event to NodeList items
|
||||
for (var i = 0; i < modalButtonOpenList.length; ++i) {
|
||||
modalButtonOpenList[i].addEventListener("click", showModal);
|
||||
modalButtonOpenList[i].addEventListener('click', showModal);
|
||||
}
|
||||
}
|
||||
|
||||
function showModal(e) {
|
||||
var backdrop = document.querySelector(".modal-backdrop");
|
||||
var backdrop = document.querySelector('.modal-backdrop');
|
||||
if (!backdrop) {
|
||||
return;
|
||||
}
|
||||
|
||||
var modal = document.querySelector(".modal");
|
||||
var modal = document.querySelector('.modal');
|
||||
|
||||
backdrop.classList.add("modal-open");
|
||||
modal.classList.add("modal-open");
|
||||
backdrop.classList.add('modal-open');
|
||||
modal.classList.add('modal-open');
|
||||
}
|
||||
|
||||
function hideModal(e) {
|
||||
var backdrop = document.querySelector(".modal-backdrop");
|
||||
var backdrop = document.querySelector('.modal-backdrop');
|
||||
if (!backdrop) {
|
||||
return;
|
||||
}
|
||||
|
||||
var modal = document.querySelector(".modal");
|
||||
var modal = document.querySelector('.modal');
|
||||
|
||||
backdrop.classList.remove("modal-open");
|
||||
modal.classList.remove("modal-open");
|
||||
backdrop.classList.remove('modal-open');
|
||||
modal.classList.remove('modal-open');
|
||||
}
|
||||
|
||||
// Primitive mobile detection
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user