static_page_private
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/jquery/jquery-3.6.0.min.js"></script>
<link
rel="icon"
href="https://cmssafety.web.cern.ch/sites/default/files/Logo_CMS_Safety_1.png"
type="image/png"
/>
<title>SIMBA</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"
/>
<!-- scripts needed for loading xeogl and gltf file format -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/build/xeogl.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/models/glTFModel.js"></script>
<!-- scripts needed for annotations -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/pin.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/annotation.js"></script>
<link
href="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/annotation-style.css"
rel="stylesheet"
/>
<!-- scripts needed for the axis helper -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/geometry/vectorTextGeometry.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/helpers/axisHelper.js"></script>
<!-- scripts needed for GUI -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/libs/dat.gui.min.js"></script>
<!-- this is being needed for the width of the buttons in the menu -->
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/dat-gui-style.css"
/>
<!-- some stuff for forms -->
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/forms.css"
/>
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/gui.css"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-grid.min.css"
/>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
function toggleSidebar() {
$("#guiContainer").toggle("slide");
$("#openMenu").toggle();
$(".menuItemHolder").hide();
$(".arrow").removeClass("rotated");
$(".arrow").addClass("unrotated");
if ($("canvas").hasClass("canvas")) {
$("canvas").removeClass("canvas");
$(".xeogl-annotation-label").removeClass("annotationPosition");
$("canvas").parent().attr("id", "");
} else {
$("canvas").addClass("canvas");
$(".xeogl-annotation-label").addClass("annotationPosition");
$("canvas").parent().attr("id", "canvasContainer");
}
}
function copyToClipboard() {
var $temp = $("<input>");
$("body").append($temp);
var eleLoc = $(".simbaObjectLink").length - 1;
$temp.val($(".simbaObjectLink")[eleLoc].href).select();
document.execCommand("copy");
eleLoc = $(".copiedStatus").length - 1;
$($(".copiedStatus")[eleLoc]).show("slow").delay(500).hide("slow");
$temp.remove();
}
</script>
<style id="positionStyle">
.annotationPosition {
left: 957px !important;
}
</style>
</head>
<body
style="
background-color: black;
height: 100%;
overflow: hidden;
touch-action: none;
"
>
<div id="info">
<h1>
<font color="white">SIMBA</font>
</h1>
</div>
<div class="container-fluid progressContainerDiv">
<div class="row">
<div class="col-12 justify-content-center">
<div class="progress-container m-auto">
<div id="progress"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 justify-content-center text-center">
<p id="loadTimes" class="text-center"></p>
</div>
</div>
</div>
<div id="openMenu" onclick="toggleSidebar()" style="display: none">
<p>❯</p>
</div>
<div id="guiContainer" class="container-fluid p-0" style="display: none">
<div class="row text-center py-1 hideMenuDiv m-0">
<div class="col-12 text-center">
<p onclick="toggleSidebar()" class="m-0">Close Sidebar</p>
</div>
</div>
<div class="row">
<div class="col-1 p-0 pl-2 searchIcon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="22"
viewBox="0 0 22 22"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
fill="white"
></path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg>
</div>
<div class="col-11">
<input type="text" id="search" onkeyup="filterMe(this)" />
</div>
</div>
<div class="row">
<div class="col-12">
<ul id="GUI" style="color: white"></ul>
</div>
</div>
</div>
<!-- load all the simba stuff -->
<!-- <script type="text/javascript" src="https://cmssafety.web.cern.ch/sites/default/files/simba/editing.js"></script> -->
<script
type="text/javascript"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/config.js"
></script>
<script
type="text/javascript"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/static.js"
></script>
<script
type="module"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/index.js"
></script>
<!-- form for contact and keybindings -->
<button class="open-button" onclick="openForm()"><h3>ClickMe</h3></button>
<div class="form-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<center>
<h2>SIMBA</h2>
<br />
Safety and Infrastructure Model Browser Application.
<h3>Controls</h3>
Move around with the "WASD" or arrow keys. You can go up with "X" and
down with "Shift".<br />
Everything under "Walkthrough" puts you in First-Person mode.
Otherwise the view will be centered around the object.
<h3>Contact</h3>
Please contact
<a href="mailto:cms.simba@cern.ch">cms.simba@cern.ch</a> for
feedback.<br />
Developed and maintained by Lukas Ausserladscheider and the CMS safety
office.
<h3>Current Version Proclaimer</h3>
This Version only shows everything in the CMS domain of P5 (no LHC).
</center>
<br /><br />
<button type="button" class="btn cancel" onclick="closeForm()">
<h3>Close</h3>
</button>
</form>
</div>
<script language="javascript" type="text/javascript">
function filterMe(element) {
var value = $(element).val();
value = value.trim().toUpperCase();
if (value == "") {
$(".menuItemHolder").slideUp();
$(".arrow").removeClass("rotated");
$(".arrow").addClass("unrotated");
} else {
$(".menuItemHolder").slideDown();
$(".arrow").addClass("rotated");
$(".arrow").removeClass("unrotated");
}
$(".menuItemHolder").each(function () {
var counter = 0;
var test = $(this).children().length;
$(this)
.find("li")
.each(function () {
text = $(this).text().toUpperCase();
if (text.search(value) > -1) {
$(this).removeClass("hide");
} else {
$(this).addClass("hide");
counter++;
}
par = $(this).parent()[0];
par = $(par).parent()[0];
if (counter == test) {
$(par).addClass("hide");
} else {
$(par).removeClass("hide");
}
});
});
}
</script>
</body>
</html>
<html lang="en">
<head>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/jquery/jquery-3.6.0.min.js"></script>
<link
rel="icon"
href="https://cmssafety.web.cern.ch/sites/default/files/Logo_CMS_Safety_1.png"
type="image/png"
/>
<title>SIMBA</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"
/>
<!-- scripts needed for loading xeogl and gltf file format -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/build/xeogl.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/models/glTFModel.js"></script>
<!-- scripts needed for annotations -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/pin.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/annotation.js"></script>
<link
href="https://cmssafety.web.cern.ch/sites/default/files/simba/js/annotations/annotation-style.css"
rel="stylesheet"
/>
<!-- scripts needed for the axis helper -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/geometry/vectorTextGeometry.js"></script>
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/helpers/axisHelper.js"></script>
<!-- scripts needed for GUI -->
<script src="https://cmssafety.web.cern.ch/sites/default/files/simba/js/libs/dat.gui.min.js"></script>
<!-- this is being needed for the width of the buttons in the menu -->
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/dat-gui-style.css"
/>
<!-- some stuff for forms -->
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/forms.css"
/>
<link
type="text/css"
rel="stylesheet"
href="https://cmssafety.web.cern.ch/sites/default/files/simba/css/gui.css"
/>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-grid.min.css"
/>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
function toggleSidebar() {
$("#guiContainer").toggle("slide");
$("#openMenu").toggle();
$(".menuItemHolder").hide();
$(".arrow").removeClass("rotated");
$(".arrow").addClass("unrotated");
if ($("canvas").hasClass("canvas")) {
$("canvas").removeClass("canvas");
$(".xeogl-annotation-label").removeClass("annotationPosition");
$("canvas").parent().attr("id", "");
} else {
$("canvas").addClass("canvas");
$(".xeogl-annotation-label").addClass("annotationPosition");
$("canvas").parent().attr("id", "canvasContainer");
}
}
function copyToClipboard() {
var $temp = $("<input>");
$("body").append($temp);
var eleLoc = $(".simbaObjectLink").length - 1;
$temp.val($(".simbaObjectLink")[eleLoc].href).select();
document.execCommand("copy");
eleLoc = $(".copiedStatus").length - 1;
$($(".copiedStatus")[eleLoc]).show("slow").delay(500).hide("slow");
$temp.remove();
}
</script>
<style id="positionStyle">
.annotationPosition {
left: 957px !important;
}
</style>
</head>
<body
style="
background-color: black;
height: 100%;
overflow: hidden;
touch-action: none;
"
>
<div id="info">
<h1>
<font color="white">SIMBA</font>
</h1>
</div>
<div class="container-fluid progressContainerDiv">
<div class="row">
<div class="col-12 justify-content-center">
<div class="progress-container m-auto">
<div id="progress"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 justify-content-center text-center">
<p id="loadTimes" class="text-center"></p>
</div>
</div>
</div>
<div id="openMenu" onclick="toggleSidebar()" style="display: none">
<p>❯</p>
</div>
<div id="guiContainer" class="container-fluid p-0" style="display: none">
<div class="row text-center py-1 hideMenuDiv m-0">
<div class="col-12 text-center">
<p onclick="toggleSidebar()" class="m-0">Close Sidebar</p>
</div>
</div>
<div class="row">
<div class="col-1 p-0 pl-2 searchIcon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="22"
viewBox="0 0 22 22"
>
<path
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
fill="white"
></path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg>
</div>
<div class="col-11">
<input type="text" id="search" onkeyup="filterMe(this)" />
</div>
</div>
<div class="row">
<div class="col-12">
<ul id="GUI" style="color: white"></ul>
</div>
</div>
</div>
<!-- load all the simba stuff -->
<!-- <script type="text/javascript" src="https://cmssafety.web.cern.ch/sites/default/files/simba/editing.js"></script> -->
<script
type="text/javascript"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/config.js"
></script>
<script
type="text/javascript"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/static.js"
></script>
<script
type="module"
src="https://cmssafety.web.cern.ch/sites/default/files/simba/dist/js/index.js"
></script>
<!-- form for contact and keybindings -->
<button class="open-button" onclick="openForm()"><h3>ClickMe</h3></button>
<div class="form-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<center>
<h2>SIMBA</h2>
<br />
Safety and Infrastructure Model Browser Application.
<h3>Controls</h3>
Move around with the "WASD" or arrow keys. You can go up with "X" and
down with "Shift".<br />
Everything under "Walkthrough" puts you in First-Person mode.
Otherwise the view will be centered around the object.
<h3>Contact</h3>
Please contact
<a href="mailto:cms.simba@cern.ch">cms.simba@cern.ch</a> for
feedback.<br />
Developed and maintained by Lukas Ausserladscheider and the CMS safety
office.
<h3>Current Version Proclaimer</h3>
This Version only shows everything in the CMS domain of P5 (no LHC).
</center>
<br /><br />
<button type="button" class="btn cancel" onclick="closeForm()">
<h3>Close</h3>
</button>
</form>
</div>
<script language="javascript" type="text/javascript">
function filterMe(element) {
var value = $(element).val();
value = value.trim().toUpperCase();
if (value == "") {
$(".menuItemHolder").slideUp();
$(".arrow").removeClass("rotated");
$(".arrow").addClass("unrotated");
} else {
$(".menuItemHolder").slideDown();
$(".arrow").addClass("rotated");
$(".arrow").removeClass("unrotated");
}
$(".menuItemHolder").each(function () {
var counter = 0;
var test = $(this).children().length;
$(this)
.find("li")
.each(function () {
text = $(this).text().toUpperCase();
if (text.search(value) > -1) {
$(this).removeClass("hide");
} else {
$(this).addClass("hide");
counter++;
}
par = $(this).parent()[0];
par = $(par).parent()[0];
if (counter == test) {
$(par).addClass("hide");
} else {
$(par).removeClass("hide");
}
});
});
}
</script>
</body>
</html>