Loading editor/html/js/properties.js +13 −9 Original line number Diff line number Diff line Loading @@ -644,33 +644,37 @@ var PropertiesPanel = (function() { group.appendChild(surveyWrap); panel.appendChild(group); continue; } else if (field.type === 'media_browse') { } else if (field.type === 'media_browse' || field.type === 'media_browse_url') { var isUrlType = field.type === 'media_browse_url'; var wrapper = document.createElement('div'); wrapper.className = 'media-browse-field'; input = document.createElement('input'); input.type = 'text'; input.name = field.key; input.value = value; input.placeholder = 'Media ID'; input.placeholder = isUrlType ? 'URL' : 'Media ID'; var browseBtn = document.createElement('button'); browseBtn.type = 'button'; browseBtn.textContent = '\uD83D\uDDBC\uFE0F'; browseBtn.title = 'Browse media'; (function(inp) { (function(inp, urlType) { browseBtn.addEventListener('click', function() { if (typeof MediaBrowser !== 'undefined') { MediaBrowser.open(function(mediaItem) { if (urlType) { inp.value = mediaItem.url || ''; } else { inp.value = mediaItem.id; // Also set src field from media URL (includes blog prefix) if (mediaItem.url) { var srcInput = form.querySelector('input[name="src"]'); if (srcInput) srcInput.value = mediaItem.url; } } inp.dispatchEvent(new Event('change')); }); } }); })(input); })(input, isUrlType); wrapper.appendChild(input); wrapper.appendChild(browseBtn); group.appendChild(wrapper); Loading Loading
editor/html/js/properties.js +13 −9 Original line number Diff line number Diff line Loading @@ -644,33 +644,37 @@ var PropertiesPanel = (function() { group.appendChild(surveyWrap); panel.appendChild(group); continue; } else if (field.type === 'media_browse') { } else if (field.type === 'media_browse' || field.type === 'media_browse_url') { var isUrlType = field.type === 'media_browse_url'; var wrapper = document.createElement('div'); wrapper.className = 'media-browse-field'; input = document.createElement('input'); input.type = 'text'; input.name = field.key; input.value = value; input.placeholder = 'Media ID'; input.placeholder = isUrlType ? 'URL' : 'Media ID'; var browseBtn = document.createElement('button'); browseBtn.type = 'button'; browseBtn.textContent = '\uD83D\uDDBC\uFE0F'; browseBtn.title = 'Browse media'; (function(inp) { (function(inp, urlType) { browseBtn.addEventListener('click', function() { if (typeof MediaBrowser !== 'undefined') { MediaBrowser.open(function(mediaItem) { if (urlType) { inp.value = mediaItem.url || ''; } else { inp.value = mediaItem.id; // Also set src field from media URL (includes blog prefix) if (mediaItem.url) { var srcInput = form.querySelector('input[name="src"]'); if (srcInput) srcInput.value = mediaItem.url; } } inp.dispatchEvent(new Event('change')); }); } }); })(input); })(input, isUrlType); wrapper.appendChild(input); wrapper.appendChild(browseBtn); group.appendChild(wrapper); Loading