Changes for page Linkding + SingleFile Archief

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

Manage
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments
- History
- Information
- Likes

From 4.1 to 5.1 From 9.1 to 10.1

From version 5.1

edited by XWikiGuest
on 2026/03/11 20:26

Change comment: There is no comment for this version

To version 9.1

edited by XWikiGuest
on 2026/03/11 20:36

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -78,6 +78,7 @@
  </style>
  <div id="ldsf-wrapper">
++  <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>
    <div id="ldsf-status">Laden...</div>
    <div id="ldsf-bookmarks"></div>
    <div id="ldsf-viewer-container">
@@ -90,108 +90,99 @@
  </div>
  <script>
--(function() {
--  var LINKDING_URL = 'https://bookmarks.rhebergen.org/api/bookmarks/';
--  var LINKDING_TOKEN = '3b7443e0f84e2b2b269adebb96d7475e4a5e653e';
--  var LINKDING_TAG = 'Nuclear-&-Energy';
--  var LINKDING_COUNT = 20;
++var LDSF_LINKDING_URL = 'https://bookmarks.rhebergen.org/api/bookmarks/';
++var LDSF_TOKEN = '3b7443e0f84e2b2b269adebb96d7475e4a5e653e';
++var LDSF_TAG = 'Nuclear-&-Energy';
++var LDSF_COUNT = 20;
++var LDSF_SHARE = 'eT2X9ttBHK5GoEY';
++var LDSF_WEBDAV = 'https://cloud.rhebergen.org/public.php/webdav/';
++var LDSF_AUTH = 'Basic ' + btoa(LDSF_SHARE + ':');
++var ldsf_urlToFile = {};
++var ldsf_archiveMap = {};
--  var SHARE_TOKEN = 'eT2X9ttBHK5GoEY';
--  var WEBDAV_BASE = 'https://cloud.rhebergen.org/public.php/webdav/';
--  var INDEX_URL = WEBDAV_BASE + 'index.json';
--  var NC_AUTH = 'Basic ' + btoa(SHARE_TOKEN + ':');
++function ldsfFindArchive(url) {
++  var v = [url, url.replace(/\/$/, ''), url + '/', url.replace(/\?.*$/, '')];
++  for (var i = 0; i < v.length; i++) { if (ldsf_urlToFile[v[i]]) return ldsf_urlToFile[v[i]]; }
++  return null;
++}
--  var urlToFile = {};  // reverse map: URL -> filename
--  var archiveMap = {}; // button index -> filename
++function ldsfOpen(idx) {
++  var f = ldsf_archiveMap[idx];
++  if (f) ldsfShowArchive(f);
++}
--  function findArchive(url) {
--    // Try exact match, with/without trailing slash, and without query string
--    var variants = [url, url.replace(/\/$/, ''), url + '/', url.replace(/\?.*$/, '')];
--    for (var i = 0; i < variants.length; i++) {
--      if (urlToFile[variants[i]]) return urlToFile[variants[i]];
--    }
--    return null;
--  }
++function ldsfShowArchive(filename) {
++  document.getElementById('ldsf-viewer-title').textContent = filename.replace(/\.html?$/i, '');
++  document.getElementById('ldsf-viewer-container').style.display = 'block';
++  var frame = document.getElementById('ldsf-viewer-frame');
++  frame.srcdoc = '<p style="padding:20px;color:#666">Laden...</p>';
++  fetch(LDSF_WEBDAV + encodeURIComponent(filename), { headers: { 'Authorization': LDSF_AUTH } })
++  .then(function(r) { return r.text(); })
++  .then(function(html) { frame.srcdoc = html; })
++  .catch(function(err) { frame.srcdoc = '<p style="padding:20px;color:red">Fout: ' + err.message + '</p>'; });
++}
--  // Load SingleFile index, then load bookmarks
--  fetch(INDEX_URL, { headers: { 'Authorization': NC_AUTH } })
--  .then(function(r) { return r.ok ? r.json() : {}; })
--  .then(function(index) {
--    // Build reverse map: URL -> filename
--    Object.keys(index).forEach(function(fname) {
--      urlToFile[index[fname]] = fname;
--    });
--    loadBookmarks();
--  })
--  .catch(function() {
--    loadBookmarks();  // Continue without index
--  });
++function ldsfCloseViewer() {
++  document.getElementById('ldsf-viewer-container').style.display = 'none';
++}
--  function loadBookmarks() {
--    var apiUrl = LINKDING_URL + '?limit=' + LINKDING_COUNT + '&q=%23' + encodeURIComponent(LINKDING_TAG);
--    fetch(apiUrl, { headers: { 'Authorization': 'Token ' + LINKDING_TOKEN } })
--    .then(function(r) { return r.json(); })
--    .then(function(data) {
--      var total = data.count || 0;
--      var archiveCount = 0;
--      var container = document.getElementById('ldsf-bookmarks');
--      var html = '<ul>';
++function ldsfLoadBookmarks() {
++  var apiUrl = LDSF_LINKDING_URL + '?limit=' + LDSF_COUNT + '&q=%23' + encodeURIComponent(LDSF_TAG);
++  fetch(apiUrl, { headers: { 'Authorization': 'Token ' + LDSF_TOKEN } })
++  .then(function(r) { return r.json(); })
++  .then(function(data) {
++    var total = data.count || 0;
++    var archiveCount = 0;
++    var container = document.getElementById('ldsf-bookmarks');
++    var ul = document.createElement('ul');
--      (data.results || []).forEach(function(bm, idx) {
--        var title = bm.title || bm.website_title || bm.url;
--        var fname = findArchive(bm.url);
--        if (fname) archiveCount++;
++    (data.results || []).forEach(function(bm) {
++      var title = bm.title || bm.website_title || bm.url;
++      var fname = ldsfFindArchive(bm.url);
++      if (fname) archiveCount++;
--        html += '<li>';
--        if (fname) {
--          archiveMap[idx] = fname;
--          html += '<button class="sf-btn" onclick="ldsfOpen(' + idx + ')" title="Archief bekijken">&#128196;</button>';
--        }
--        html += '<a href="' + bm.url + '" target="_blank">' + title + '</a>';
--        html += '</li>';
--      });
++      var li = document.createElement('li');
--      html += '</ul>';
--      container.innerHTML = html;
--      document.getElementById('ldsf-status').textContent = total + ' bookmarks, ' + archiveCount + ' met archief';
--    })
--    .catch(function(err) {
--      document.getElementById('ldsf-status').textContent = 'Fout: ' + err.message;
++      if (fname) {
++        var btn = document.createElement('button');
++        btn.className = 'sf-btn';
++        btn.title = 'Archief bekijken';
++        btn.textContent = '\uD83D\uDCC4';
++        btn.addEventListener('click', (function(f) {
++          return function() { ldsfShowArchive(f); };
++        })(fname));
++        li.appendChild(btn);
++      }
++
++      var a = document.createElement('a');
++      a.href = bm.url;
++      a.target = '_blank';
++      a.textContent = title;
++      li.appendChild(a);
++      ul.appendChild(li);
      });
--  }
--  // Open archive by index
--  window.ldsfOpen = function(idx) {
--    var filename = archiveMap[idx];
--    if (!filename) return;
--    ldsfShowArchive(filename);
--  };
++    container.innerHTML = '';
++    container.appendChild(ul);
++    document.getElementById('ldsf-status').textContent = total + ' bookmarks, ' + archiveCount + ' met archief';
++  })
++  .catch(function(err) { document.getElementById('ldsf-status').textContent = 'Fout: ' + err.message; });
++}
--  // Show archive in viewer panel
--  window.ldsfShowArchive = function(filename) {
--    var container = document.getElementById('ldsf-viewer-container');
--    var frame = document.getElementById('ldsf-viewer-frame');
--    var titleEl = document.getElementById('ldsf-viewer-title');
++// Debug test button
++document.getElementById('ldsf-test-btn').addEventListener('click', function() {
++  alert('archiveMap: ' + JSON.stringify(ldsf_archiveMap) + '\nurlToFile: ' + JSON.stringify(ldsf_urlToFile));
++});
--    titleEl.textContent = filename.replace(/\.html?$/i, '');
--    container.style.display = 'block';
--    frame.srcdoc = '<p style="padding:20px;color:#666">Laden...</p>';
--
--    fetch(WEBDAV_BASE + encodeURIComponent(filename), { headers: { 'Authorization': NC_AUTH } })
--    .then(function(r) { return r.text(); })
--    .then(function(html) {
--      frame.srcdoc = html;
--    })
--    .catch(function(err) {
--      frame.srcdoc = '<p style="padding:20px;color:red">Fout: ' + err.message + '</p>';
--    });
--  };
--
--  window.ldsfCloseViewer = function() {
--    document.getElementById('ldsf-viewer-container').style.display = 'none';
--    document.querySelectorAll('#ldsf-bookmarks .sf-btn').forEach(function(b) { b.classList.remove('active'); });
--  };
--})();
++// Load index then bookmarks
++fetch(LDSF_WEBDAV + 'index.json', { headers: { 'Authorization': LDSF_AUTH } })
++.then(function(r) { return r.ok ? r.json() : {}; })
++.then(function(idx) {
++  console.log('SingleFile index loaded:', idx);
++  Object.keys(idx).forEach(function(f) { ldsf_urlToFile[idx[f]] = f; });
++  ldsfLoadBookmarks();
++})
++.catch(function(err) { console.log('SingleFile index FAILED:', err); ldsfLoadBookmarks(); });
  </script>
  {{/html}}

Changes for page Linkding + SingleFile Archief

Summary

Details

Applications

Navigation

My Recent Modifications

Need help?