dnitza/adamantium
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Video cleanup

Browse Source
This commit is contained in:
Daniel Nitsikopoulos
2023-09-16 13:54:43 +10:00
parent 10567b72d8
commit cc832e8fe2
2 changed files with 40 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/posts/show.html.slim
View File

@@ -22,7 +22,7 @@ article class="h-entry"
a class="dark:text-gray-400" href="/places" places a class="dark:text-gray-400" href="/places" places
- if post.photos? || post.videos? - if post.photos? || post.videos?
a class="dark:text-gray-400" href="/photos" photos a class="dark:text-gray-400" href="/photos" photos
article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded" article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-img:rounded prose-video:rounded"
div class="e-content" div class="e-content"
== post.content == post.content

69
public/assets/index.js
View File

@@ -26,41 +26,50 @@
} }
}); });
const mapContainer = document.getElementById("map"); const videos = document.querySelectorAll('video');
const goBack = document.getElementById("go-back"); videos.forEach((video) => {
if (mapContainer !== null) { video.addEventListener("click", () => {
if (goBack !== null) { const isPaused = video.paused;
document.getElementById("go-back").addEventListener("click", () => { video[isPaused ? "play" : "pause"]();
history.back(); video.classList.toggle("u-none", !isPaused);
}); });
}
mapboxgl.accessToken = 'pk.eyJ1IjoiZG5pdHphIiwiYSI6ImNsZWIyY3ZzaTE0cjUzdm4xdnZ6czRlYjUifQ.FRETOXYRID6T2IoB7qqRLg';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
maxZoom: 8
}); });
const markers = JSON.parse(mapContainer.dataset["markers"]); const mapContainer = document.getElementById("map");
const goBack = document.getElementById("go-back");
if (mapContainer !== null) {
if (goBack !== null) {
document.getElementById("go-back").addEventListener("click", () => {
history.back();
});
}
const bounds = new mapboxgl.LngLatBounds(markers[0], markers[0]); mapboxgl.accessToken = 'pk.eyJ1IjoiZG5pdHphIiwiYSI6ImNsZWIyY3ZzaTE0cjUzdm4xdnZ6czRlYjUifQ.FRETOXYRID6T2IoB7qqRLg';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
maxZoom: 8
});
for (var i = 0; i < markers.length; i++) { const markers = JSON.parse(mapContainer.dataset["markers"]);
bounds.extend(markers[i]);
const bounds = new mapboxgl.LngLatBounds(markers[0], markers[0]);
for (var i = 0; i < markers.length; i++) {
bounds.extend(markers[i]);
}
map.fitBounds(bounds, { padding: 60 });
for (var i = 0; i < markers.length; i++) {
const marker = markers[i];
const el = document.createElement("div");
el.className = "map-marker";
new mapboxgl.Marker(el)
.setLngLat(marker)
.addTo(map);
}
} }
map.fitBounds(bounds, { padding: 60 });
for (var i = 0; i < markers.length; i++) {
const marker = markers[i];
const el = document.createElement("div");
el.className = "map-marker";
new mapboxgl.Marker(el)
.setLngLat(marker)
.addTo(map);
}
}
}); });
})(); })();