Move JS from map.html to ui-map.js
This commit is contained in:
parent
23cb5b2ec5
commit
a4ce4709c3
59
js/ui-map.js
Normal file
59
js/ui-map.js
Normal 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';
|
||||
}
|
62
map.html
62
map.html
@ -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>
|
Loading…
Reference in New Issue
Block a user