Skip to Content

Team

Summer Fellowships

Changes for page Desk allocation

Last modified by Ricardo Julio Rodríguez Fernández on 2025/06/02 10:02
From version 170.1
edited by Ricardo Julio Rodríguez Fernández
on 2024/03/11 19:05
Change comment: There is no comment for this version
To version 247.1
edited by Ricardo Julio Rodríguez Fernández
on 2024/04/21 12:21
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,2 +1,2 @@
1 -{{kanban width="29%" source="https://portal.igfae.usc.es/xwiki/bin/downloadrev/Kanban%20playground%20for%20Ricardo/WebHome/room.json?rev=1.2" addBoardButton="true" addItemButton="true" removeBoardButton="true" removeBoardItem="true"}}
1 +{{kanban width="250px" source="https://portal.igfae.usc.es/xwiki/bin/view/Towards%20JSON/Rooms/?outputSyntax=plain&xpage=plain" addBoardButton="true" addItemButton="true" removeBoardButton="true" removeBoardItem="true"}}
2 2  {{/kanban}}
room_v02.json
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.RicardoJulioRodriguezFernandez
Size
... ... @@ -1,0 +1,1 @@
1 +1.7 KB
Content
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,0 +1,113 @@
1 +setTimeout(changeStyles, 500);
2 +
3 +function changeStyles() {
4 + const titleElements = document.getElementsByClassName('kanban-item-title');
5 + const headerElements = document.getElementsByClassName('kanban-board-header');
6 + const titleContainers = document.getElementsByClassName('kanban-item');
7 +
8 + const kanbanContainer = document.querySelector('.kanban-container');
9 + if (kanbanContainer) {
10 + kanbanContainer.style.display = "flex";
11 + kanbanContainer.style.justifyContent = "left"
12 + kanbanContainer.style.alignItems = "start"
13 + kanbanContainer.style.flexWrap = "wrap"
14 + }
15 +
16 + for (let i = 0; i < titleElements.length; i++) {
17 + const titleElement = titleElements[i];
18 + titleElement.style.padding = "2px 4px";
19 + titleElement.style.borderRadius = "4px";
20 +
21 + if (titleElement.textContent.includes('LHCB')) {
22 + titleElement.style.color = 'white';
23 + titleElement.style.backgroundColor = 'red';
24 + const parentElement = titleElement.closest('.kanban-item');
25 + if (parentElement) {
26 + parentElement.style.backgroundColor = 'yellow';
27 + }
28 + }
29 + if (titleElement.textContent.includes('STRI')) {
30 + titleElement.style.color = 'white';
31 + titleElement.style.backgroundColor = 'navy';
32 + const parentElement = titleElement.closest('.kanban-item');
33 + if (parentElement) {
34 + parentElement.style.backgroundColor = '#FFDB58';
35 + }
36 + }
37 + if (titleElement.textContent.includes('AUGE')) {
38 + titleElement.style.color = 'white';
39 + titleElement.style.backgroundColor = '#FF7F50';
40 + const parentElement = titleElement.closest('.kanban-item');
41 + if (parentElement) {
42 + parentElement.style.backgroundColor = '#008080';
43 + }
44 + }
45 + if (titleElement.textContent.includes('HQCD')) {
46 + titleElement.style.color = 'white';
47 + titleElement.style.backgroundColor = 'crimson';
48 + const parentElement = titleElement.closest('.kanban-item');
49 + if (parentElement) {
50 + parentElement.style.backgroundColor = '#808000';
51 + }
52 + }
53 + if (titleElement.textContent.includes('NUCL')) {
54 + titleElement.style.color = 'white';
55 + titleElement.style.backgroundColor = '#E2725B';
56 + const parentElement = titleElement.closest('.kanban-item');
57 + if (parentElement) {
58 + parentElement.style.backgroundColor = '#708090';
59 + }
60 + }
61 + if (titleElement.textContent.includes('GRWA')) {
62 + titleElement.style.color = 'white';
63 + titleElement.style.backgroundColor = '#FF00FF';
64 + const parentElement = titleElement.closest('.kanban-item');
65 + if (parentElement) {
66 + parentElement.style.backgroundColor = '#F4C430';
67 + }
68 + }
69 + if (titleElement.textContent.includes('NEXT')) {
70 + titleElement.style.color = 'white';
71 + titleElement.style.backgroundColor = '#4B0082';
72 + const parentElement = titleElement.closest('.kanban-item');
73 + if (parentElement) {
74 + parentElement.style.backgroundColor = '#E0115F';
75 + }
76 + }
77 + if (titleElement.textContent.includes('LACC')) {
78 + titleElement.style.color = 'white';
79 + titleElement.style.backgroundColor = '#87CEEB';
80 + const parentElement = titleElement.closest('.kanban-item');
81 + if (parentElement) {
82 + parentElement.style.backgroundColor = '#98FF98';
83 + }
84 + }
85 + }
86 +
87 + for (let i = 0; i < headerElements.length; i++) {
88 + const element = headerElements[i];
89 + if (element.innerHTML.includes('Floor#: 2')) {
90 + for (let j = 0; j < element.classList.length; j++) {
91 + if (/kanban-header-\w+/.test(element.classList[j])) {
92 + element.classList.remove(element.classList[j]);
93 + element.style.backgroundColor = '#98FF98';
94 + break;
95 + }
96 + }
97 + }
98 + }
99 +
100 + for (let i = 0; i < headerElements.length; i++) {
101 + const element = headerElements[i];
102 + if (element.innerHTML.includes('Floor#: 1')) {
103 + for (let j = 0; j < element.classList.length; j++) {
104 + if (/kanban-header-\w+/.test(element.classList[j])) {
105 + element.classList.remove(element.classList[j]);
106 + element.style.backgroundColor = '#FF7F50';
107 + break;
108 + }
109 + }
110 + }
111 + }
112 +};
113 +
Name
... ... @@ -1,0 +1,1 @@
1 +Styling boards
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage
XWiki.XWikiComments[0]
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.RicardoJulioRodriguezFernandez
Comment
... ... @@ -1,0 +1,1 @@
1 +https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Date
... ... @@ -1,0 +1,1 @@
1 +2024-03-13 17:21:41.315