dsel: default on desktop + ie11

copyparty/web/browser.css

@@ -4172,9 +4172,10 @@ html.e #detree {
 
 .selbox {
     position: fixed;
-    border: 1px solid var(--btn-1h-bg);
-    background-color: var(--btn-1h-bg);
+    border: .5em solid #f0f;
+    border: .2em solid var(--btn-1h-bg);
+    background-color: rgba(128, 128, 128, 0.6);
     background-color: rgb(from var(--btn-1h-bg) r g b / 0.5);
     pointer-events: none;
 	z-index: 99;
-}
+}

copyparty/web/browser.js

@@ -231,7 +231,7 @@ if (1)
 		"ct_ttips": '◔ ◡ ◔">ℹ️ tooltips',
 		"ct_thumb": 'in grid-view, toggle icons or thumbnails$NHotkey: T">🖼️ thumbs',
 		"ct_csel": 'use CTRL and SHIFT for file selection in grid-view">sel',
-		"ct_dsel": 'use drag selection in grid-view">dsel',
+		"ct_dsel": 'use drag-selection in grid-view">dsel',
 		"ct_dl": 'force download (don\'t display inline) when a file is clicked">dl',
 		"ct_ihop": 'when the image viewer is closed, scroll down to the last viewed file">g⮯',
 		"ct_dots": 'show hidden files (if server permits)">dotfiles',
@@ -6747,7 +6747,7 @@ var treectl = (function () {
 	bcfg_bind(r, 'idxh', 'idxh', idxh, setidxh);
 	bcfg_bind(r, 'dyn', 'dyntree', true, onresize);
 	bcfg_bind(r, 'csel', 'csel', dgsel);
-	bcfg_bind(r, 'dsel', 'dsel', false);
+	bcfg_bind(r, 'dsel', 'dsel', !MOBILE);
 	bcfg_bind(r, 'dlni', 'dlni', dlni, resort);
 	bcfg_bind(r, 'dots', 'dotfiles', see_dots, function (v) {
 		r.goto();
@@ -9763,16 +9763,13 @@ function reload_browser() {
     var is_drag = false;
     var startx, starty;
     var selbox = null;
-    
+
     var ttimer = null;
     var lpdelay = 400; 
     var mvthresh = 10;
 
     function unbox() {
-        var boxes = QSA('.selbox');
-		for (var el of boxes) {
-			el.remove();
-		}
+        qsr('.selbox');
         selbox = null;
         is_drag = false;
         is_selma = false;
@@ -9847,8 +9844,8 @@ function reload_browser() {
         }
 
         if (!is_drag || !selbox) return;
-        
-        if (e.cancelable) e.preventDefault();
+
+        ev(e);
 
         var width = Math.abs(pos.x - startx);
         var height = Math.abs(pos.y - starty);
@@ -9859,6 +9856,9 @@ function reload_browser() {
         selbox.style.height = height + 'px';
         selbox.style.left = left + 'px';
         selbox.style.top = top + 'px';
+
+        if (IE && window.getSelection)
+            window.getSelection().removeAllRanges();
     }
 
     function sel_end(e) {
@@ -9871,15 +9871,13 @@ function reload_browser() {
             var sbrect = selbox.getBoundingClientRect();
             var faf = QSA('#ggrid a');
 
-            for (var el of faf) {
-                if (bob(sbrect, el.getBoundingClientRect())) {
-                    sel_toggle(el);
-                }
-            };
+            for (var a = 0, aa = faf.length; a < aa; a++)
+                if (bob(sbrect, faf[a].getBoundingClientRect()))
+                    sel_toggle(faf[a]);
 
 			msel.selui();
         }
-        
+
         unbox();
         document.body.style.userSelect = 'auto';
     }
@@ -9899,7 +9897,7 @@ function reload_browser() {
             }
         });
     }
-    
+
 	dsel_init();
 })();
 

copyparty/web/tl/fin.js

@@ -226,6 +226,7 @@ Ls.fin = {
 	"ct_ttips": '◔ ◡ ◔">ℹ️ vihjelaatikot',
 	"ct_thumb": 'valitse kuvakkeiden / pienoiskuvien välillä kuvanäkymässä $NPikanäppäin: T">🖼️ pienoiskuvat',
 	"ct_csel": 'käytä CTRL ja SHIFT tiedostojen valintaan kuvanäkymässä">valitse',
+	"ct_dsel": 'käytä aluevalintaa tiedostojen valintaan kuvanäkymässä">aluevalinta',
 	"ct_dl": 'pakota lataus (älä näytä upotettuna), kun tiedostoa napsautetaan">dl', //m
 	"ct_ihop": 'kun kuvakatselin suljetaan, vieritä alas viimeksi katsottuun tiedostoon">g⮯',
 	"ct_dots": 'näytä piilotetut tiedostot (jos palvelin sallii)">piilotiedostot',

copyparty/web/tl/nor.js

@@ -223,6 +223,7 @@ Ls.nor = {
 	"ct_ttips": 'vis hjelpetekst ved å holde musen over ting">ℹ️ tips',
 	"ct_thumb": 'vis miniatyrbilder istedenfor ikoner$NSnarvei: T">🖼️ bilder',
 	"ct_csel": 'bruk tastene CTRL og SHIFT for markering av filer i ikonvisning">merk',
+	"ct_dsel": 'marker filer med klikk-og-dra i ikonvisning">dsel',
 	"ct_dl": 'last ned filer (ikke vis i nettleseren)">dl',
 	"ct_ihop": 'bla ned til sist viste bilde når bildeviseren lukkes">g⮯',
 	"ct_dots": 'vis skjulte filer (gitt at serveren tillater det)">.synlig',