RanchiMall/messenger
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

code refactoring

Browse Source
This commit is contained in:
sairaj mote 2024-01-05 15:58:03 +05:30
parent 84846ce870
commit cee5644264
4 changed files with 15 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/main.css
View File

@ -966,8 +966,8 @@ ol li::before {
#background_image { #background_image {
z-index: -2; z-index: -2;
-o-object-fit: cover; -o-object-fit: fill;
object-fit: cover; object-fit: fill;
filter: blur(var(--blur, 1rem)); filter: blur(var(--blur, 1rem));
transform: scale(calc(1 + var(--scale, 1.1) / 10)); transform: scale(calc(1 + var(--scale, 1.1) / 10));
} }
@ -2157,9 +2157,6 @@ sm-chip .badge {
padding-bottom: 6rem; padding-bottom: 6rem;
} }
.has-bg-image .received::after {
border-color: transparent rgba(var(--foreground-color), 0.6) transparent transparent;
}
.has-bg-image #emoji_picker { .has-bg-image #emoji_picker {
--background: rgba(var(--foreground-color), 0.6); --background: rgba(var(--foreground-color), 0.6);
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
css/main.scss
View File

@ -973,10 +973,9 @@ ol {
#background_image { #background_image {
z-index: -2; z-index: -2;
object-fit: cover; object-fit:fill;
filter: blur(var(--blur, 1rem)); filter: blur(var(--blur, 1rem));
transform: scale(calc(1 + (var(--scale, 1.1) / 10))); transform: scale(calc(1 + (var(--scale, 1.1) / 10)));
&[src=""], &[src=""],
&:not([src]) { &:not([src]) {
display: none; display: none;
@ -2206,11 +2205,6 @@ sm-chip {
} }
.has-bg-image { .has-bg-image {
.received::after {
border-color: transparent rgba(var(--foreground-color), 0.6) transparent
transparent;
}
#emoji_picker { #emoji_picker {
--background: rgba(var(--foreground-color), 0.6); --background: rgba(var(--foreground-color), 0.6);
} }

21
index.html
View File

@ -4414,7 +4414,10 @@
} }
} }
function handleGroupDescriptionChange(e) { function handleGroupDescriptionChange(e) {
rmMessenger.changeGroupDescription(floGlobals.viewingDetailsOfAddress, e.detail.value.trim()) const description = e.detail.value.trim();
if (description === '') return notify('Description cannot be empty', 'error')
if (description.length > 100) return notify('Description cannot be more than 100 characters', 'error')
rmMessenger.changeGroupDescription(floGlobals.viewingDetailsOfAddress, description)
.then(res => { .then(res => {
notify('Changed group description', 'success') notify('Changed group description', 'success')
}) })
@ -4631,9 +4634,9 @@
document.body.style.setProperty('--accent-color', color); document.body.style.setProperty('--accent-color', color);
}) })
getRef('select_bg_image').addEventListener('change', async function (e) { getRef('select_bg_image').addEventListener('change', function (e) {
await compactIDB.writeData('userSettings', true, 'hasSelectedBg') Promise.all([compactIDB.writeData('userSettings', true, 'hasSelectedBg'),
compactIDB.writeData('userSettings', this.files[0], 'bgImage') compactIDB.writeData('userSettings', this.files[0], 'bgImage')])
.then(async res => { .then(async res => {
setBgImage() setBgImage()
notify('Background applied', 'success') notify('Background applied', 'success')
@ -4657,12 +4660,12 @@
}) })
async function setBgImage() { async function setBgImage() {
try { try {
const hasSelectedBg = await compactIDB.readData('userSettings', 'hasSelectedBg') const { hasSelectedBg = false, bgImage, bgOpacity, bgBlur } = await compactIDB.readAllData('userSettings')
const image = await compactIDB.readData('userSettings', 'bgImage') if (bgImage) {
if (image) { const url = URL.createObjectURL(bgImage)
const url = URL.createObjectURL(image)
if (hasSelectedBg) { if (hasSelectedBg) {
getRef('background_image').src = url getRef('background_image').src = url
getRef('selected_bg_preview').click()
addClass(['#chat_view', '#mail', '#chat_preview'], 'has-bg-image') addClass(['#chat_view', '#mail', '#chat_preview'], 'has-bg-image')
getRef('select_bg_button').textContent = 'Change background' getRef('select_bg_button').textContent = 'Change background'
getRef('selected_bg_preview').classList.add('bg-preview--selected') getRef('selected_bg_preview').classList.add('bg-preview--selected')
@ -4674,7 +4677,6 @@
getRef('selected_bg_preview').classList.remove('hidden') getRef('selected_bg_preview').classList.remove('hidden')
getRef('selected_bg_preview').querySelector('img').src = url getRef('selected_bg_preview').querySelector('img').src = url
} }
const [bgOpacity, bgBlur] = await Promise.all([compactIDB.readData('userSettings', 'bgOpacity'), compactIDB.readData('userSettings', 'bgBlur')])
if (bgOpacity !== undefined) { if (bgOpacity !== undefined) {
getRef('backdrop_opacity').value = bgOpacity * 100 getRef('backdrop_opacity').value = bgOpacity * 100
getRef('backdrop_opacity_value').value = `${parseInt(bgOpacity * 100)}%` getRef('backdrop_opacity_value').value = `${parseInt(bgOpacity * 100)}%`
@ -4685,7 +4687,6 @@
getRef('backdrop_blur_value').value = `${parseInt(bgBlur * 100)}%` getRef('backdrop_blur_value').value = `${parseInt(bgBlur * 100)}%`
getRef('background_image').style.setProperty('--blur', `${bgBlur}rem`) getRef('background_image').style.setProperty('--blur', `${bgBlur}rem`)
getRef('background_image').style.setProperty('--scale', bgBlur) getRef('background_image').style.setProperty('--scale', bgBlur)
} }
} }
catch (err) { catch (err) {