mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Merge pull request #5519 from Schoggi0815/release-10.9.z
Fix chapter markings not displayed properly
This commit is contained in:
commit
b17ca028f8
1 changed files with 18 additions and 23 deletions
|
@ -138,9 +138,6 @@ function updateValues(isValueSet) {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (range.markerContainerElement) {
|
if (range.markerContainerElement) {
|
||||||
if (!range.triedAddingMarkers) {
|
|
||||||
addMarkers(range);
|
|
||||||
}
|
|
||||||
updateMarkers(range, value);
|
updateMarkers(range, value);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -206,21 +203,6 @@ function setMarker(range, valueMarker, marker, valueProgress) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMarkers(range, currentValue) {
|
function updateMarkers(range, currentValue) {
|
||||||
if (range.markerInfo?.length && range.markerElements?.length) {
|
|
||||||
for (let i = 0, length = range.markerElements.length; i < length; i++) {
|
|
||||||
if (range.markerInfo.length > i) {
|
|
||||||
setMarker(range, mapFractionToValue(range, range.markerInfo[i].progress), range.markerElements[i], currentValue);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addMarkers(range) {
|
|
||||||
range.markerInfo = [];
|
|
||||||
if (range.getMarkerInfo) {
|
|
||||||
range.markerInfo = range.getMarkerInfo();
|
|
||||||
}
|
|
||||||
|
|
||||||
function getMarkerHtml(markerInfo) {
|
function getMarkerHtml(markerInfo) {
|
||||||
let markerTypeSpecificClasses = '';
|
let markerTypeSpecificClasses = '';
|
||||||
|
|
||||||
|
@ -236,12 +218,25 @@ function addMarkers(range) {
|
||||||
return `<span class="material-icons sliderMarker ${markerTypeSpecificClasses}" aria-hidden="true"></span>`;
|
return `<span class="material-icons sliderMarker ${markerTypeSpecificClasses}" aria-hidden="true"></span>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
range.markerInfo.forEach(info => {
|
if (range.getMarkerInfo) {
|
||||||
range.markerContainerElement.insertAdjacentHTML('beforeend', getMarkerHtml(info));
|
range.markerInfo = range.getMarkerInfo();
|
||||||
});
|
|
||||||
|
|
||||||
range.markerElements = range.markerContainerElement.querySelectorAll('.sliderMarker');
|
range.markerContainerElement.innerHTML = '';
|
||||||
range.triedAddingMarkers = true;
|
|
||||||
|
range.markerInfo.forEach(info => {
|
||||||
|
range.markerContainerElement.insertAdjacentHTML('beforeend', getMarkerHtml(info));
|
||||||
|
});
|
||||||
|
|
||||||
|
range.markerElements = range.markerContainerElement.querySelectorAll('.sliderMarker');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (range.markerInfo?.length && range.markerElements?.length) {
|
||||||
|
for (let i = 0, length = range.markerElements.length; i < length; i++) {
|
||||||
|
if (range.markerInfo.length > i) {
|
||||||
|
setMarker(range, mapFractionToValue(range, range.markerInfo[i].progress), range.markerElements[i], currentValue);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
EmbySliderPrototype.attachedCallback = function () {
|
EmbySliderPrototype.attachedCallback = function () {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue