milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix SubtitleSync-TextField behavior

Browse source
This commit is contained in:
redSpoutnik 2020-04-22 15:56:05 +02:00
parent 9dbf4b63d6
commit be8a1baa27
1 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/subtitlesync/subtitlesync.js
View file

@ -32,8 +32,12 @@ define(['playbackManager', 'layoutManager', 'text!./subtitlesync.template.html',
this.textContent = offset + "s"; this.textContent = offset + "s";
}; };
subtitleSyncTextField.addEventListener("keypress", function(event) { subtitleSyncTextField.addEventListener("click", function () {
// keep focus to prevent fade with osd
this.hasFocus = true;
});
subtitleSyncTextField.addEventListener("keydown", function(event) {
if (event.key === "Enter") { if (event.key === "Enter") {
// if input key is enter search for float pattern // if input key is enter search for float pattern
var inputOffset = /[-+]?\d+\.?\d*/g.exec(this.textContent); var inputOffset = /[-+]?\d+\.?\d*/g.exec(this.textContent);
@ -55,7 +59,7 @@ define(['playbackManager', 'layoutManager', 'text!./subtitlesync.template.html',
this.hasFocus = false; this.hasFocus = false;
event.preventDefault(); event.preventDefault();
} else { } else {
// keep focus to prevent fade with bottom layout // keep focus to prevent fade with osd
this.hasFocus = true; this.hasFocus = true;
if (event.key.match(/[+-\d.s]/) === null) { if (event.key.match(/[+-\d.s]/) === null) {
event.preventDefault(); event.preventDefault();
@ -63,6 +67,13 @@ define(['playbackManager', 'layoutManager', 'text!./subtitlesync.template.html',
} }
}); });
subtitleSyncTextField.blur = function() {
// prevent textfield to blur while element has focus
if (!this.hasFocus && this.prototype) {
this.prototype.blur();
}
};
subtitleSyncSlider.updateOffset = function(percent) { subtitleSyncSlider.updateOffset = function(percent) {
// default value is 0s = 50% // default value is 0s = 50%
this.value = percent === undefined ? 50 : percent; this.value = percent === undefined ? 50 : percent;
@ -145,7 +156,9 @@ define(['playbackManager', 'layoutManager', 'text!./subtitlesync.template.html',
// if there is an external subtitle stream enabled // if there is an external subtitle stream enabled
playbackManager.canHandleOffsetOnCurrentSubtitle(player)) { playbackManager.canHandleOffsetOnCurrentSubtitle(player)) {
// if no subtitle offset is defined // if no subtitle offset is defined
if (!playbackManager.getPlayerSubtitleOffset(player)) { if (!(playbackManager.getPlayerSubtitleOffset(player) ||
// or being defined (element has focus)
subtitleSyncTextField.hasFocus)) {
// set default offset to '0' = 50% // set default offset to '0' = 50%
subtitleSyncSlider.value = "50"; subtitleSyncSlider.value = "50";
subtitleSyncTextField.textContent = "0s"; subtitleSyncTextField.textContent = "0s";