Last modified by XWikiGuest on 2026/03/11 21:04

From version 11.1
edited by XWikiGuest
on 2026/03/11 20:49
Change comment: There is no comment for this version
To version 7.1
edited by XWikiGuest
on 2026/03/11 20:31
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -78,7 +78,6 @@
78 78  </style>
79 79  
80 80  <div id="ldsf-wrapper">
81 - <button id="ldsf-test-btn" style="background:#df691a;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-bottom:10px;">TEST KLIK</button>
82 82   <div id="ldsf-status">Laden...</div>
83 83   <div id="ldsf-bookmarks"></div>
84 84   <div id="ldsf-viewer-container">
... ... @@ -135,49 +135,49 @@
135 135   var total = data.count || 0;
136 136   var archiveCount = 0;
137 137   var container = document.getElementById('ldsf-bookmarks');
138 - var html = '<ul>';
137 + var ul = document.createElement('ul');
139 139  
140 - (data.results || []).forEach(function(bm, idx) {
139 + (data.results || []).forEach(function(bm) {
141 141   var title = bm.title || bm.website_title || bm.url;
142 142   var fname = ldsfFindArchive(bm.url);
143 - if (idx < 3) console.log('BM[' + idx + ']:', bm.url, '-> match:', fname);
144 - if (fname) { archiveCount++; ldsf_archiveMap[String(idx)] = fname; }
145 - html += '<li>';
146 - if (fname) html += '<span class="sf-btn" data-sfidx="' + idx + '" title="Archief bekijken">&#128196;</span>';
147 - html += '<a href="' + bm.url + '" target="_blank">' + title + '</a></li>';
142 + if (fname) archiveCount++;
143 +
144 + var li = document.createElement('li');
145 +
146 + if (fname) {
147 + var btn = document.createElement('button');
148 + btn.className = 'sf-btn';
149 + btn.title = 'Archief bekijken';
150 + btn.textContent = '\uD83D\uDCC4';
151 + btn.addEventListener('click', (function(f) {
152 + return function() { ldsfShowArchive(f); };
153 + })(fname));
154 + li.appendChild(btn);
155 + }
156 +
157 + var a = document.createElement('a');
158 + a.href = bm.url;
159 + a.target = '_blank';
160 + a.textContent = title;
161 + li.appendChild(a);
162 + ul.appendChild(li);
148 148   });
149 149  
150 - html += '</ul>';
151 - container.innerHTML = html;
165 + container.innerHTML = '';
166 + container.appendChild(ul);
152 152   document.getElementById('ldsf-status').textContent = total + ' bookmarks, ' + archiveCount + ' met archief';
153 153   })
154 154   .catch(function(err) { document.getElementById('ldsf-status').textContent = 'Fout: ' + err.message; });
155 155  }
156 156  
157 -// Global click handler for archive buttons
158 -document.addEventListener('click', function(e) {
159 - var el = e.target;
160 - if (el && el.getAttribute && el.getAttribute('data-sfidx') !== null) {
161 - var idx = el.getAttribute('data-sfidx');
162 - console.log('Archive button clicked, idx:', idx, 'file:', ldsf_archiveMap[idx]);
163 - if (ldsf_archiveMap[idx]) ldsfShowArchive(ldsf_archiveMap[idx]);
164 - }
165 -}, true);
166 -
167 -// Debug test button
168 -document.getElementById('ldsf-test-btn').addEventListener('click', function() {
169 - alert('archiveMap: ' + JSON.stringify(ldsf_archiveMap) + '\nurlToFile: ' + JSON.stringify(ldsf_urlToFile));
170 -});
171 -
172 172  // Load index then bookmarks
173 173  fetch(LDSF_WEBDAV + 'index.json', { headers: { 'Authorization': LDSF_AUTH } })
174 174  .then(function(r) { return r.ok ? r.json() : {}; })
175 175  .then(function(idx) {
176 - console.log('SingleFile index loaded:', idx);
177 177   Object.keys(idx).forEach(function(f) { ldsf_urlToFile[idx[f]] = f; });
178 178   ldsfLoadBookmarks();
179 179  })
180 -.catch(function(err) { console.log('SingleFile index FAILED:', err); ldsfLoadBookmarks(); });
179 +.catch(function() { ldsfLoadBookmarks(); });
181 181  </script>
182 182  {{/html}}
183 183