From 92b184bc2240bb02afd93d2cadc63930e170cf27 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 18:26:21 +0530 Subject: [PATCH 01/13] Create test.js --- Specialized Areas/Fix scripts/test.js | 1 + 1 file changed, 1 insertion(+) create mode 100644 Specialized Areas/Fix scripts/test.js diff --git a/Specialized Areas/Fix scripts/test.js b/Specialized Areas/Fix scripts/test.js new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/Specialized Areas/Fix scripts/test.js @@ -0,0 +1 @@ + From f0add90e292d47924110b758d3e0a1c123b4abb5 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 18:27:02 +0530 Subject: [PATCH 02/13] Delete Specialized Areas/Fix scripts/test.js --- Specialized Areas/Fix scripts/test.js | 1 - 1 file changed, 1 deletion(-) delete mode 100644 Specialized Areas/Fix scripts/test.js diff --git a/Specialized Areas/Fix scripts/test.js b/Specialized Areas/Fix scripts/test.js deleted file mode 100644 index 8b13789179..0000000000 --- a/Specialized Areas/Fix scripts/test.js +++ /dev/null @@ -1 +0,0 @@ - From 777fb956d88dea57b26542d2955b0d4ee3cf1625 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 20:55:19 +0530 Subject: [PATCH 03/13] Create HTML.js --- .../Service Portal Widgets/HR Task Progress Bar/HTML.js | 1 + 1 file changed, 1 insertion(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js @@ -0,0 +1 @@ + From 26b15f9f933c39961931e57be194c0036ef6bd69 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 20:56:58 +0530 Subject: [PATCH 04/13] Update HTML.js --- .../Service Portal Widgets/HR Task Progress Bar/HTML.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js index 8b13789179..5431ccfe5f 100644 --- a/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/HTML.js @@ -1 +1,6 @@ - + +
+
+ {{tasks.number}} +
+
From 754fe20733f7143f989e3392c341deee2b79746e Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:00:59 +0530 Subject: [PATCH 05/13] Create CSS.js --- .../HR Task Progress Bar/CSS.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js new file mode 100644 index 0000000000..c4ca016f1a --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js @@ -0,0 +1,15 @@ +/*Parent container using flex to adjust width automatically*/ +.parent { + display: flex; + justify-content: space-evenly; + background: cornflowerblue; +} +/*Text (HR task) will be shown in Red color*/ +.child{ + color:#FF0000; + width:100%; + background: lightgreen; +} +.child_1{ + width:100%; +} From dd20b94052c731e17dad0d4eaa84261bf7281f3d Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:02:11 +0530 Subject: [PATCH 06/13] Create client_script.js --- .../HR Task Progress Bar/client_script.js | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress Bar/client_script.js diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/client_script.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/client_script.js new file mode 100644 index 0000000000..2d4e54a21f --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/client_script.js @@ -0,0 +1,10 @@ +api.controller = function(spUtil, $scope) { + /* widget controller */ + var c = this; + // record watcher to show changes on progress bar dynamically + spUtil.recordWatch($scope, "sn_hr_core_task", "active=true", function(name) { + c.data.state = name.data.record.state; + c.server.update(); + + }); +}; From 0e78b90158230e4fe4dcabd303ab3146c9e789b2 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:04:15 +0530 Subject: [PATCH 07/13] Create Server.js --- .../HR Task Progress Bar/Server.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js new file mode 100644 index 0000000000..08774372f0 --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js @@ -0,0 +1,15 @@ +(function() { + data.state = ''; + data.taskArr = []; // array to return HR task fields + var recordId = $sp.getParameter('sys_id'); // get sys_id of HR case from URL + var getTask = new GlideRecord('sn_hr_core_task'); + getTask.addEncodedQuery('parent=' + recordId); + getTask.query(); + while (getTask.next()) { + var obj = {}; // object to store HR task values as JSON + obj.number = getTask.getValue('number'); + obj.state = getTask.getValue('state'); + obj.sys_id = getTask.getValue('sys_id'); + data.taskArr.push(obj); + } +})(); From bc01e8fef4bb004ffd3825bc88a5810875017bbf Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:08:12 +0530 Subject: [PATCH 08/13] Update CSS.js --- .../Service Portal Widgets/HR Task Progress Bar/CSS.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js index c4ca016f1a..0a5abade37 100644 --- a/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/CSS.js @@ -4,12 +4,13 @@ justify-content: space-evenly; background: cornflowerblue; } -/*Text (HR task) will be shown in Red color*/ +/*Text (HR task) will be shown in Red colo and green background*/ .child{ color:#FF0000; width:100%; background: lightgreen; } +/*single color when task is not in WIP*/ .child_1{ width:100%; } From fef14873a354b2a097b096c21df4dc6c06e1e0b5 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:14:45 +0530 Subject: [PATCH 09/13] Create HR Task Progress BarREADME.md --- .../Service Portal Widgets/HR Task Progress BarREADME.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md diff --git a/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md b/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md new file mode 100644 index 0000000000..5bd3205aae --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md @@ -0,0 +1,9 @@ +**Steps to add widget to page** +1. Open "hrm_ticket_page" portal page. +2. Create a widget with HTML, CSS, Client, Server code as per this document. +3. Add the widget to top of "hrm_ticket_page" page. + +**Output** +If the HR case has associated tasks, those tasks will be shown as progress bar. +WIP tasks will be shown with green background and red text. +All other state tasks will be shown in black text and blue background. From dc925cf98a40db76e2fc5299348b8a2dbb7f3c23 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:15:23 +0530 Subject: [PATCH 10/13] Delete Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md --- .../Service Portal Widgets/HR Task Progress BarREADME.md | 9 --------- 1 file changed, 9 deletions(-) delete mode 100644 Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md diff --git a/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md b/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md deleted file mode 100644 index 5bd3205aae..0000000000 --- a/Modern Development/Service Portal Widgets/HR Task Progress BarREADME.md +++ /dev/null @@ -1,9 +0,0 @@ -**Steps to add widget to page** -1. Open "hrm_ticket_page" portal page. -2. Create a widget with HTML, CSS, Client, Server code as per this document. -3. Add the widget to top of "hrm_ticket_page" page. - -**Output** -If the HR case has associated tasks, those tasks will be shown as progress bar. -WIP tasks will be shown with green background and red text. -All other state tasks will be shown in black text and blue background. From dc2185657cda4f664cbfba092e970e334aa4cb32 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:17:14 +0530 Subject: [PATCH 11/13] Create README.md --- .../HR Task Progress Bar/README.md | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md b/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md new file mode 100644 index 0000000000..a52d249529 --- /dev/null +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md @@ -0,0 +1,11 @@ +**Steps to add widget to page** +Open "hrm_ticket_page" portal page. +Create a widget with HTML, CSS, Client, Server code as per this document. +Add the widget to top of "hrm_ticket_page" page. + +**Output** +1. If the HR case has associated tasks, those tasks will be shown as progress bar. +2. WIP tasks will be shown with green background and red text. +3. All other state tasks will be shown in black text and blue background. + +4. From 90f5a70a13f7a7aaf9ad19c29a491d97514696dd Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:18:38 +0530 Subject: [PATCH 12/13] Update README.md --- .../HR Task Progress Bar/README.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md b/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md index a52d249529..2f01b73095 100644 --- a/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/README.md @@ -1,11 +1,12 @@ **Steps to add widget to page** -Open "hrm_ticket_page" portal page. -Create a widget with HTML, CSS, Client, Server code as per this document. -Add the widget to top of "hrm_ticket_page" page. +1. Open "hrm_ticket_page" portal page. +2. Create a widget with HTML, CSS, Client, Server code as per this document. +3. Add the widget to top of "hrm_ticket_page" page. **Output** -1. If the HR case has associated tasks, those tasks will be shown as progress bar. +1. If the HR case has associated tasks, those tasks will be shown as progress bar. 2. WIP tasks will be shown with green background and red text. 3. All other state tasks will be shown in black text and blue background. -4. + +image From f1bb4284944e57a33f179a03d2264ec060823242 Mon Sep 17 00:00:00 2001 From: Raghav Sharma <53517312+raghavs046@users.noreply.github.com> Date: Fri, 10 Oct 2025 21:19:57 +0530 Subject: [PATCH 13/13] Update Server.js --- .../Service Portal Widgets/HR Task Progress Bar/Server.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js b/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js index 08774372f0..84c82854fc 100644 --- a/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js +++ b/Modern Development/Service Portal Widgets/HR Task Progress Bar/Server.js @@ -3,13 +3,13 @@ data.taskArr = []; // array to return HR task fields var recordId = $sp.getParameter('sys_id'); // get sys_id of HR case from URL var getTask = new GlideRecord('sn_hr_core_task'); - getTask.addEncodedQuery('parent=' + recordId); + getTask.addEncodedQuery('parent=' + recordId); // encoded Query to get all task related to HR case getTask.query(); while (getTask.next()) { var obj = {}; // object to store HR task values as JSON - obj.number = getTask.getValue('number'); - obj.state = getTask.getValue('state'); - obj.sys_id = getTask.getValue('sys_id'); + obj.number = getTask.getValue('number'); // add HR task number + obj.state = getTask.getValue('state'); // add HR task state + obj.sys_id = getTask.getValue('sys_id'); // add HR task sys_id data.taskArr.push(obj); } })();