FlightSim-Streaming/Remote-Gameplay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add comments

Browse Source
This commit is contained in:
Gaurav Gosain
2023-03-05 03:42:15 +04:00
parent b03c4e2f3a
commit 85bbd35283
1 changed files with 96 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
templates/index.html
View File

@@ -20,7 +20,7 @@
/>
<link rel="stylesheet" type="text/css" href="assets/css/admin.css" />
<!-- CDN script to import micromodal -->
<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/micromodal/dist/micromodal.min.js"></script>
</head>
<body>
@@ -45,8 +45,6 @@
</nav>
<!-- END NAV -->
<div class="container">
<div class="">
<div class="">
<section class="hero is-info welcome is-small">
<div class="hero-body">
<div class="container">
@@ -57,6 +55,7 @@
</section>
<section>
<div class="video-container">
<!-- TODO: 'iframe[allow]' is not supported by Firefox for Android -->
<iframe
src="https://www.youtube.com/embed/WVDSVhMW7o4"
title="YouTube video player"
@@ -69,7 +68,7 @@
</section>
<div class="barrier-section">
<form action="">
<form onsubmit="(event) => event.preventDefault()">
<div class="field">
<label class="label">Barrier IP Address</label>
<div class="control">
@@ -122,7 +121,7 @@
type="button"
class="button is-block is-success is-fullwidth is-medium"
onclick="setCurrentLink({currentLink: `{{ .Link }}`})"
data-custom-open="modal-1"
data-micromodal-trigger="modal-1"
>
Play
</button>
@@ -130,8 +129,6 @@
</div>
{{ end }}
</div>
</div>
</div>
<div class="modal micromodal-slide" id="modal-1" aria-hidden="true">
<div class="modal__overlay" tabindex="-1" data-micromodal-close>
@@ -142,8 +139,9 @@
aria-labelledby="modal-1-title"
>
<header class="modal__header">
<h2 class="modal__title" id="modal-1-title">Modal</h2>
<h2 class="modal__title" id="modal-1-title">Modal Title</h2>
<button
type="button"
class="modal__close"
aria-label="Close modal"
data-micromodal-close
@@ -178,19 +176,26 @@
</div>
</div>
<script type="text/javascript">
// Docs for micromodal: https://micromodal.vercel.app
document.addEventListener("DOMContentLoaded", function () {
try {
MicroModal.init({
disableScroll: true,
awaitOpenAnimation: true,
awaitCloseAnimation: true,
awaitOpenAnimation: true, // set to false, to remove open animation
awaitCloseAnimation: true, // set to false, to remove close animation
});
} catch (e) {
console.log("micromodal error: ", e);
}
});
let link = "";
// set the link to the current link
function setCurrentLink({ currentLink }) {
link = currentLink.slice(1, -1); //? get rid of the quotes
MicroModal.show("modal-1");
}
// open the link in a new tab
function goToLink() {
window.open(link, "_blank");
}