Changes for page Desk allocation

Last modified by Ricardo Julio Rodríguez Fernández on 2025/06/02 10:02

From version 175.1
edited by Abdullah Sharifi
on 2024/03/11 19:31
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
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.AbdullahSharifi
1 +XWiki.RicardoJulioRodriguezFernandez
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,8 +1,18 @@
1 -window.onload = function() {
1 +setTimeout(changeStyles, 500);
2 +
3 +function changeStyles() {
2 2   const titleElements = document.getElementsByClassName('kanban-item-title');
3 3   const headerElements = document.getElementsByClassName('kanban-board-header');
4 4   const titleContainers = document.getElementsByClassName('kanban-item');
5 5  
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 +
6 6   for (let i = 0; i < titleElements.length; i++) {
7 7   const titleElement = titleElements[i];
8 8   titleElement.style.padding = "2px 4px";
... ... @@ -24,6 +24,54 @@
24 24   parentElement.style.backgroundColor = '#FFDB58';
25 25   }
26 26   }
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 + }
27 27   }
28 28  
29 29   for (let i = 0; i < headerElements.length; i++) {
Name
... ... @@ -1,1 +1,1 @@
1 -Change background Color
1 +Styling boards
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