Age filter dialog: Improve wording.

1 files changed, 19 insertions, 17 deletions

diff --git a/main.js b/main.js
index 0d1c7fb..1c6c58b 100644
--- a/main.js
+++ b/main.js
@@ -5073,8 +5073,8 @@ const infoMetadataAccordions = [];
     const p = document.createElement('p');
     p.classList.add('small', 'text-muted', 'age-filter-infotext');
     body.appendChild(p);
-    p.appendChild(document.createTextNode('Här kan du filtrera bort objekt som är äldre eller ' +
-      'yngre än ett valt datum. I nulaget gäller filtret endast objekt inom '));
+    p.appendChild(document.createTextNode('Här kan du t.ex. filtrera bort gamla objekt. ' +
+      'I nulaget gäller filtret endast objekt inom '));
     ['mineralrättigheter', 'skogsbruk', 'vindbruk'].forEach(function(l, idx, arr) {
       if (idx > 0) {
         p.appendChild(document.createTextNode(idx < arr.length-1 ? ', ' : ' eller '));
@@ -5096,13 +5096,9 @@ const infoMetadataAccordions = [];
     btn_group.setAttribute('aria-label', 'Välj filtreringstyp');
     form.appendChild(btn_group);
 
-    const p2 = document.createElement('p');
-    form.appendChild(p2);
-    p2.innerHTML = 'Visa endast objekt med datum:';
-
     const type_choices = Object.fromEntries([
-        { id: 'relative', text: 'Relativt datum' },
-        { id: 'interval', text: 'Intervall' },
+        { id: 'relative', text: 'Åldersgräns', desc: 'som är' },
+        { id: 'interval', text: 'Datumintervall', desc: 'med datum' },
       ].map(function(x) {
         const radio = document.createElement('input');
         radio.classList.add('btn-check');
@@ -5125,6 +5121,12 @@ const infoMetadataAccordions = [];
         div.setAttribute('aria-hidden', 'true');
         form.appendChild(div);
 
+        const p = document.createElement('p');
+        p.classList.add('age-filter-settings-desc');
+        div.appendChild(p);
+        const t = document.createTextNode('Visa endast objekt ' + x.desc + ':');
+        p.appendChild(t);
+
         return [x.id, { radio: radio, div: div } ];
       }));
 
@@ -5187,11 +5189,16 @@ const infoMetadataAccordions = [];
       div.classList.add('input-group');
       type_choice.div.appendChild(div);
 
-      type_choice.operator = create_select(div, 'Före eller efter datumet', [
-        { id: '<=', text: 'Tidigast' },
-        { id: '>=', text: 'Senast' },
+      type_choice.operator = create_select(div, 'Under eller över åldersgränsen', [
+        { id: '<=', text: 'Nyare' },
+        { id: '>=', text: 'Äldre' },
       ]);
 
+      const span = document.createElement('span');
+      span.classList.add('input-group-text');
+      div.appendChild(span);
+      span.innerHTML = 'än';
+
       const input_quantity = type_choice.quantity = document.createElement('input');
       input_quantity.classList.add('form-control');
       input_quantity.type = 'number';
@@ -5208,15 +5215,10 @@ const infoMetadataAccordions = [];
         { id: 'y', text: 'år' },
       ]);
 
-      const span = document.createElement('span');
-      span.classList.add('input-group-text');
-      div.appendChild(span);
-      span.innerHTML = 'sedan';
-
       const p = document.createElement('p');
       p.classList.add('small', 'text-muted', 'invisible');
       type_choice.div.appendChild(p);
-      p.appendChild(document.createTextNode('Det vill säga '));
+      p.appendChild(document.createTextNode('Det vill säga med datum '));
       const span_date = document.createElement('span');
       p.appendChild(span_date);
       p.appendChild(document.createTextNode(' eller '));