Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 00:13:46 +01:00
Code Issues Projects Releases Wiki Activity

prettier and some refactor

Browse source
This commit is contained in:
CJ 2025-12-03 10:45:45 -06:00
parent 29cf90c59c
commit 2ee1bea720
3 changed files with 19 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
ui/v2.5/src/components/ScenePlayer/ScenePlayer.tsx
View file

@ -440,7 +440,11 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
};
// empty deps - only init once
// showAbLoopControls is necessary to re-init the player when the config changes
}, [uiConfig?.showAbLoopControls, uiConfig?.enableChromecast, interfaceConfig?.autostartVideo]);
}, [
uiConfig?.showAbLoopControls,
uiConfig?.enableChromecast,
interfaceConfig?.autostartVideo,
]);
useEffect(() => {
const player = getPlayer();
@ -487,17 +491,6 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
vrMenu.setShowButton(showButton);
}, [getPlayer, scene, vrTag]);
// Sync autostart button with config changes
useEffect(() => {
const player = getPlayer();
if (!player) return;
const autostartButton = player.autostartButton();
if (autostartButton) {
autostartButton.syncWithConfig(interfaceConfig?.autostartVideo ?? false);
}
}, [getPlayer, interfaceConfig?.autostartVideo]);
// Player event handlers
useEffect(() => {
const player = getPlayer();
@ -862,11 +855,11 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
sceneSaveActivity,
]);
// Sync autostart button with config changes
useEffect(() => {
const player = getPlayer();
if (!player) return;
async function updateAutoStart(enabled: boolean) {
await updateInterfaceConfig({
variables: {
@ -875,12 +868,16 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
},
},
});
console.log("updated interface config");
}
const autostartButton = player.autostartButton();
autostartButton.updateAutoStart = updateAutoStart;
}, [getPlayer, updateInterfaceConfig]);
if (autostartButton) {
autostartButton.syncWithConfig(
interfaceConfig?.autostartVideo ?? false
);
autostartButton.updateAutoStart = updateAutoStart;
}
}, [getPlayer, updateInterfaceConfig, interfaceConfig?.autostartVideo]);
useEffect(() => {
const player = getPlayer();

10
ui/v2.5/src/components/ScenePlayer/autostart-button.ts
View file

@ -25,7 +25,7 @@ class AutostartButton extends videojs.getComponent("Button") {
private updateIcon() {
this.removeClass("vjs-icon-play-circle");
this.removeClass("vjs-icon-cancel");
if (this.autostartEnabled) {
this.addClass("vjs-icon-play-circle");
this.controlText(this.localize("Auto-start enabled (click to disable)"));
@ -50,10 +50,9 @@ class AutostartButton extends videojs.getComponent("Button") {
class AutostartButtonPlugin extends videojs.getPlugin("plugin") {
private button: AutostartButton;
private autostartEnabled: boolean;
updateAutoStart: (enabled: boolean) => Promise<void> =
() => {
return Promise.resolve();
};
updateAutoStart: (enabled: boolean) => Promise<void> = () => {
return Promise.resolve();
};
constructor(player: VideoJsPlayer, options?: IAutostartButtonOptions) {
super(player, options);
@ -122,4 +121,3 @@ declare module "video.js" {
}
export default AutostartButtonPlugin;

3
ui/v2.5/src/components/ScenePlayer/styles.scss
View file

@ -122,7 +122,7 @@ $sceneTabWidth: 450px;
background-color: rgba(80, 80, 80, 0.9);
border-radius: 50%;
color: #fff;
content: "\f103";
content: "\f103";
font-size: 1em;
line-height: 1;
margin-right: 1rem;
@ -151,7 +151,6 @@ $sceneTabWidth: 450px;
}
}
.vjs-touch-overlay .vjs-play-control {
z-index: 1;
}