o.vodianov/instalinks
1
0
Fork 0
mirror of https://github.com/olegvodyanov/instalinks.git synced 2025-12-20 05:47:03 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix_dom
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
oleg.vodyanov91@gmail.com 2025-04-23 15:53:32 +04:00
parent ecc5066a22
commit 1ee3b23209
1 changed files with 8 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/links/main.js
View File

@ -117,34 +117,19 @@ function createLinkElement(link, isWatched) {
const wrapper = document.createElement('div'); const wrapper = document.createElement('div');
wrapper.className = 'mb-auto'; wrapper.className = 'mb-auto';
const reelId = extractReelId(link.url); const blockquote = document.createElement('blockquote');
if (!reelId) { blockquote.className = 'instagram-media';
wrapper.innerText = 'Invalid Instagram Reel URL'; blockquote.setAttribute('data-instgrm-permalink', link.url);
return wrapper; blockquote.style.background = '#FFF';
}
// Clean iframe embed const p = document.createElement('p');
const iframeWrapper = document.createElement('div'); p.innerText = 'Loading Instagram...';
iframeWrapper.style.width = '100%'; blockquote.appendChild(p);
iframeWrapper.style.height = '600px'; wrapper.appendChild(blockquote);
iframeWrapper.style.overflow = 'hidden';
iframeWrapper.style.borderRadius = '10px';
const iframe = document.createElement('iframe');
iframe.src = link.url;
iframe.width = '100%';
iframe.height = '700'; // taller to allow for cropping
iframe.style.border = 'none';
iframe.allow="fullscreen";
iframe.loading = 'lazy';
iframeWrapper.appendChild(iframe);
wrapper.appendChild(iframeWrapper);
const btnGroup = document.createElement('div'); const btnGroup = document.createElement('div');
btnGroup.className = 'mt-2 d-flex gap-2'; btnGroup.className = 'mt-2 d-flex gap-2';
// Button to mark watched if it's not watched // Button to mark watched if it's not watched
if (!isWatched) { if (!isWatched) {
const watchButton = document.createElement('button'); const watchButton = document.createElement('button');