Move JS from map.html to ui-map.js

This commit is contained in:
Nicolò P 2021-10-20 18:23:02 +02:00
parent 23cb5b2ec5
commit a4ce4709c3
2 changed files with 60 additions and 61 deletions

59
js/ui-map.js Normal file
View File

@ -0,0 +1,59 @@
document.addEventListener('readystatechange', () => {
let close = document.querySelector('#mod-vid a[href="#close"]');
let mod = document.querySelector('#mod-vid');
close.addEventListener('click', () => {
mod.classList.remove('active');
});
});
function openModal() {
let modal = document.querySelector('#mod-vid');
modal.classList.add('active');
let thumb = document.querySelector('.vid-thumb');
thumb.addEventListener('click', () => {
openVid(thumb.id);
});
//modal.style = 'opacity: 1';
}
const openVid = (id) => {
let titles = {
'prologo' : 'Prologo - Annunciazione',
}
let vimeoVids = {
'prologo' : '478632535',
'viaggiatore' : '562518107',
'faresi' : '562529310',
'piazza' : '443587380',
'antonio' : '606341398',
'francesco' : '471773781',
'nobili' : '562534835',
'rocco' : '606346781',
'alberto' : '606372910',
'disputa' : '471537982',
'duomo' : '606343917',
'loredana' : '513080769',
'pietro' : '455576197',
'castello' : '562536148',
'sabini' : '542321131',
'monumento' : '606362546',
'eva' : '606352547',
'toto' : '606348670',
'fuori' : '606358668',
'carro' : '562262086',
};
let vimeoLink = 'https://player.vimeo.com/video/'+vimeoVids[id]+'?autoplay=1';
localStorage.setItem('vidURI', 'vid_'+id+'.mp4');
localStorage.setItem('vimeo', vimeoLink);
localStorage.setItem('vidTitle', titles[id]);
window.location.href = 'video.html';
}

View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/spectre-icons.css">
<script type="text/javascript" src="js/ui-map.js"></script>
</head>
<body>
<div>
@ -51,65 +52,4 @@
</div>
</div>
</body>
<script type="text/javascript">
document.addEventListener('readystatechange', () => {
let close = document.querySelector('#mod-vid a[href="#close"]');
let mod = document.querySelector('#mod-vid');
close.addEventListener('click', () => {
mod.classList.remove('active');
});
});
function openModal() {
let modal = document.querySelector('#mod-vid');
modal.classList.add('active');
let thumb = document.querySelector('.vid-thumb');
thumb.addEventListener('click', () => {
openVid(thumb.id);
});
//modal.style = 'opacity: 1';
}
const openVid = (id) => {
let titles = {
'prologo' : 'Prologo - Annunciazione',
}
let vimeoVids = {
'prologo' : '478632535',
'viaggiatore' : '562518107',
'faresi' : '562529310',
'piazza' : '443587380',
'antonio' : '606341398',
'francesco' : '471773781',
'nobili' : '562534835',
'rocco' : '606346781',
'alberto' : '606372910',
'disputa' : '471537982',
'duomo' : '606343917',
'loredana' : '513080769',
'pietro' : '455576197',
'castello' : '562536148',
'sabini' : '542321131',
'monumento' : '606362546',
'eva' : '606352547',
'toto' : '606348670',
'fuori' : '606358668',
'carro' : '562262086',
};
let vimeoLink = 'https://player.vimeo.com/video/'+vimeoVids[id]+'?autoplay=1';
localStorage.setItem('vidURI', 'vid_'+id+'.mp4');
localStorage.setItem('vimeo', vimeoLink);
localStorage.setItem('vidTitle', titles[id]);
window.location.href = 'video.html';
}
</script>
</html>