TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep using ente- for the class/ids (et- makes more sense for temporary vars)

Browse Source
This commit is contained in:
Manav Rathi
2025-04-08 14:55:30 +05:30
parent c6827cc3f4
commit 5a6c385132
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/apps/photos/src/styles/photoswipe.css
View File

@@ -222,7 +222,7 @@
Ref (not directly relevant, but a general direction):
https://github.com/muxinc/media-elements/blob/main/packages/custom-media-element/custom-media-element.ts
*/
.pswp-ente media-controller.et-vanilla-video {
.pswp-ente media-controller.ente-vanilla-video {
display: inline;
/*
On Chrome (I didn't check elsewhere), when putting a regular video element

12
web/packages/gallery/components/viewer/photoswipe.ts
View File

@@ -524,7 +524,7 @@ export class FileViewerPhotoSwipe {
// TODO(HLS): Temporary gate
if (!process.env.NEXT_PUBLIC_ENTE_WIP_VIDEO_STREAMING) return;
const qualityMenu = container?.querySelector("#et-quality-menu");
const qualityMenu = container?.querySelector("#ente-quality-menu");
if (qualityMenu instanceof MediaChromeMenu) {
const { videoPlaylistURL } = itemData;
const value = videoPlaylistURL ? pt("Auto") : pt("Original");
@@ -1032,7 +1032,7 @@ export class FileViewerPhotoSwipe {
html: hlsVideoControlsHTML(),
onInit: (element, pswp) => {
mediaControlsContainerElement = element;
const menu = element.querySelector("#et-quality-menu");
const menu = element.querySelector("#ente-quality-menu");
if (menu instanceof MediaChromeMenu) {
menu.addEventListener("change", onVideoQualityChange);
}
@@ -1430,7 +1430,7 @@ const hlsVideoHTML = (url: string, mediaControllerID: string) => `
`;
const videoHTML = (url: string, mediaControllerID: string) => `
<media-controller class="et-vanilla-video" id="${mediaControllerID}" nohotkeys>
<media-controller class="ente-vanilla-video" id="${mediaControllerID}" nohotkeys>
<video playsinline slot="media" src="${url}"></video>
</media-controller>
`;
@@ -1470,10 +1470,10 @@ const videoHTML = (url: string, mediaControllerID: string) => `
*/
const hlsVideoControlsHTML = () => `
<div>
<media-settings-menu id="et-settings-menu" hidden anchor="et-settings-menu-btn">
<media-settings-menu id="ente-settings-menu" hidden anchor="ente-settings-menu-btn">
<media-settings-menu-item>
${pt("Quality")}
<media-chrome-menu id="et-quality-menu" slot="submenu" hidden>
<media-chrome-menu id="ente-quality-menu" slot="submenu" hidden>
<div slot="title">${pt("Quality")}</div>
<media-chrome-menu-item type="radio" aria-checked="true">${pt("Auto")}</media-chrome-menu-item>
<media-chrome-menu-item type="radio">${pt("Original")}</media-chrome-menu-item>
@@ -1497,7 +1497,7 @@ const hlsVideoControlsHTML = () => `
<media-mute-button notooltip></media-mute-button>
<media-time-display showduration notoggle></media-time-display>
<media-text-display></media-text-display>
<media-settings-menu-button id="et-settings-menu-btn" invoketarget="et-settings-menu" notooltip>
<media-settings-menu-button id="ente-settings-menu-btn" invoketarget="ente-settings-menu" notooltip>
<svg slot="icon" viewBox="0 0 24 24">${settingsSVGPath}</svg>
</media-settings-menu-button>
<media-pip-button notooltip></media-pip-button>