Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-08 00:47:04 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

add video-on-login-screen plugin

Browse source
This commit is contained in:
robertoszek 2023-11-09 21:24:48 +01:00
parent 36789bd3b5
commit b34d87a209
No known key found for this signature in database
GPG key ID: 66340A2E8C06B0C5
6 changed files with 174 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

107
plugins/video-on-login-screen/js/video-on-login.js Executable file
View file

@ -0,0 +1,107 @@
(rl => {
rl && addEventListener('rl-view-model', e => {
const id = e.detail.viewModelTemplateID;
if (e.detail && ('AdminLogin' === id || 'Login' === id)) {
let
nId = null,
script;
let
iRate = 1,
sRate = window.rl.pluginSettingsGet('video-on-login-screen', 'playback_rate')
;
switch (sRate)
{
case '25%':
iRate = 0.25;
break;
case '50%':
iRate = 0.5;
break;
case '75%':
iRate = 0.75;
break;
case '125%':
iRate = 1.25;
break;
case '150%':
iRate = 1.5;
break;
case '200%':
iRate = 2;
break;
}
const
mode = 'Login' === id ? 'user' : 'admin',
doc = document,
loginContainer = doc.querySelectorAll('#V-Login #V-AdminLogin'),
container = doc.querySelector('#rl-content'),
ShowVideo = () => {
if (loginContainer) {
var stEl = doc.createElement('style');
stEl.innerHTML =
`
#video-el {
z-index: -1;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 100vh;
width: 100%;
object-fit: cover;
}
`
var ref = doc.querySelector('script');
ref.parentNode.insertBefore(stEl, ref);
const oEl = doc.createElement('div');
oEl.className = 'video-div';
const vEl = doc.createElement('video');
vEl.setAttribute('loop', true);
vEl.setAttribute('playsinline', '');
vEl.setAttribute('muted', '');
vEl.setAttribute('autoplay', '');
vEl.muted = true;
vEl.setAttribute('playbackRate', iRate);
vEl.setAttribute('id', 'video-el');
oEl.appendChild(vEl);
const sEl = doc.createElement('source');
sEl.setAttribute('src', rl.pluginSettingsGet('video-on-login-screen', 'mp4_file'));
sEl.setAttribute('type', 'video/mp4');
vEl.appendChild(sEl);
container.before(oEl);
}
},
DestroyVideo = () => {
const vEl = doc.querySelector('#video-el');
if (vEl) {
vEl.parentElement.removeChild(vEl);
}
};
window.ShowVideo = ShowVideo;
window.DestroyVideo = DestroyVideo;
ShowVideo();
addEventListener(`sm-${mode}-login-response`, e => {
if (!e.detail.error) {
DestroyVideo();
}
});
}
});
})(window.rl);