Skip to Content

Changes for page Material Collection

Last modified by Judith Steinfeld on 2025/06/03 11:13
From version 54.7
edited by admin
on 2024/10/21 15:49
Change comment: There is no comment for this version
To version 55.10
edited by Benjamin Fischer
on 2024/10/24 10:03
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.admin
1 +XWiki.fischer
Content
... ... @@ -21,7 +21,8 @@
21 21   'link': {"type": "hidden"},
22 22   'date': {"html": true},
23 23   'author': {},
24 - "tags": {"sortable": false, "html": true, "headerClass": "tagsCol"}
24 + "tags": {"sortable": false, "filterable": false, "html": true, "headerClass": "tagsCol"},
25 + "_actions": {"actions": ["view", "edit"]}
25 25  })
26 26  #set ($options = {
27 27   'className': 'Materials.Code.MaterialsClass',
... ... @@ -34,5 +34,8 @@
34 34   'defaultOrder': 'desc'
35 35  })
36 36  #set ($columns = ['doc.location', 'link', "tags", "tags", 'date', 'author'])
38 +#if (!$isGuest)
39 + #set($discard = $columns.add("_actions"))
40 +#end
37 37  #livetable('materials' $columns $columnsProperties $options)
38 38  {{/velocity}}
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,10 +1,11 @@
1 +const tabName = "materials";
1 1  const tagCols = [
2 - ["Tag1", "CERN", "CHEP", "GPU", "VISPA"],
3 + ["Type", "lecture", "exercise", "hands-on", "solution", "tutorial", "talk"],
3 3   ["Tags", true],
4 4  ]
5 5  
6 6  document.observe('xwiki:livetable:loading', () => {
7 - const mats = document.getElementById("materials");
8 + const mats = document.getElementById(tabName);
8 8  
9 9   // coulmn data sources
10 10   const conf = JSON.parse(mats.dataset.settings);
... ... @@ -22,11 +22,11 @@
22 22  
23 23   // column headers
24 24   mats.querySelectorAll(".xwiki-livetable-display-header .tagsCol").forEach(
25 - (v, i) => v.firstElementChild.textContent = tagCols[i][0]
26 + (v, i) => v.textContent = tagCols[i][0]
26 26   );
27 27  
28 28   // handle clicks for tags
29 - document.getElementById("materials-display").addEventListener("click", ev => {
30 + document.getElementById(`${tabName}-display`).addEventListener("click", ev => {
30 30   if (ev.button) return; // only left click
31 31   if (ev.target.nodeName !== "SPAN") return;
32 32   if (!ev.target.classList.contains("ltTag")) return;
... ... @@ -33,18 +33,16 @@
33 33   const tag = ev.target.textContent;
34 34   ev.preventDefault();
35 35   const lt = mats.__liveTable;
36 - const tc = lt.tagCloud;
37 - const st = tc.selectedTags;
37 + const st = lt.tagCloud.selectedTags;
38 38   if (tag in st) delete st[tag];
39 39   else st[tag] = {};
40 - lt.tags = tc.getSelectedTags();
41 - lt.totalRows = -1;
42 - lt.fetchedRows = new Array();
40 + lt.tags = Object.keys(st);
41 + lt.clearCache();
43 43   lt.showRows(1, lt.limit);
44 44   })
45 45  });
46 46  
47 -document.observe("xwiki:livetable:materials:receivedEntries", ({memo: {data}}) => {
46 +document.observe(`xwiki:livetable:${tabName}:receivedEntries`, ({memo: {data}}) => {
48 48   for (const row of data.rows) {
49 49   const ol = new DOMParser().parseFromString(row.doc_location, "text/xml").documentElement;
50 50   const li = ol.children;
... ... @@ -54,8 +54,15 @@
54 54   li[i].textContent = li[i].textContent; // remove link
55 55  
56 56   const a = li[li.length - 1].children[0];
56 + const b = a.ownerDocument.createElement("b");
57 + a.replaceWith(b);
58 + b.appendChild(a);
59 +
57 57   const u = new URL(row.link_value);
58 58   let icon;
62 + if (u.hostname.includes("github")) icon = "github";
63 + if (u.hostname.includes("gitlab")) icon = "gitlab";
64 + if (u.hostname.includes("google")) icon = "google";
59 59   if (u.pathname.endsWith(".pdf")) icon = "file-pdf-o";
60 60   if (icon) {
61 61   const s = a.ownerDocument.createElement("span");
... ... @@ -66,6 +66,8 @@
66 66   }
67 67   a.setAttribute("class", "wikiexternallink");
68 68   a.setAttribute("href", u.href);
75 +
76 + a.parentNode
69 69  
70 70   row.doc_location = ol.outerHTML;
71 71  
... ... @@ -76,7 +76,7 @@
76 76   want[0] === true
77 77   ? Array.from(tags)
78 78   : want.filter(tag => tags.delete(tag))
79 - ).sort().map(tag => `<span class="ltTag">${tag}</span>`).join(", ")
87 + ).sort().map(tag => `<span class="ltTag" style="cursor:pointer;">${tag}</span>`).join(", ")
80 80   );
81 81   }
82 82  });