mirror of
https://github.com/searxng/searxng.git
synced 2024-11-06 13:20:11 +01:00
7a0fbdecc4
Adjust thumbnail sizes to fill the container width
64 lines
2.3 KiB
JavaScript
64 lines
2.3 KiB
JavaScript
/**
|
|
* searx is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* searx is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with searx. If not, see < http://www.gnu.org/licenses/ >.
|
|
*
|
|
* (C) 2017 by Alexandre Flament, <alex@al-f.net>
|
|
*/
|
|
(function(w, d, searx) {
|
|
'use strict';
|
|
|
|
searx.ready(function() {
|
|
searx.image_thumbnail_layout = new searx.ImageLayout('#urls', '#urls .result-images', 'img.image_thumbnail', 10, 200);
|
|
searx.image_thumbnail_layout.watch();
|
|
|
|
searx.on('.btn-collapse', 'click', function(event) {
|
|
var btnLabelCollapsed = this.getAttribute('data-btn-text-collapsed');
|
|
var btnLabelNotCollapsed = this.getAttribute('data-btn-text-not-collapsed');
|
|
var target = this.getAttribute('data-target');
|
|
var targetElement = d.querySelector(target);
|
|
var html = this.innerHTML;
|
|
if (this.classList.contains('collapsed')) {
|
|
html = html.replace(btnLabelCollapsed, btnLabelNotCollapsed);
|
|
} else {
|
|
html = html.replace(btnLabelNotCollapsed, btnLabelCollapsed);
|
|
}
|
|
this.innerHTML = html;
|
|
this.classList.toggle('collapsed');
|
|
targetElement.classList.toggle('invisible');
|
|
});
|
|
|
|
searx.on('.media-loader', 'click', function(event) {
|
|
var target = this.getAttribute('data-target');
|
|
var iframe_load = d.querySelector(target + ' > iframe');
|
|
var srctest = iframe_load.getAttribute('src');
|
|
if (srctest === null || srctest === undefined || srctest === false) {
|
|
iframe_load.setAttribute('src', iframe_load.getAttribute('data-src'));
|
|
}
|
|
});
|
|
|
|
w.addEventListener('scroll', function() {
|
|
var e = d.getElementById('backToTop'),
|
|
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
if (e !== null) {
|
|
if (scrollTop >= 200) {
|
|
e.style.opacity = 1;
|
|
} else {
|
|
e.style.opacity = 0;
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
})(window, document, window.searx);
|