tokens: " + chatResponseBody.usage.total_tokens + " ($" + (parseInt(chatResponseBody.usage.total_tokens) * 0.000002).toFixed(6) + ")\n" : "";
-var response = token_cost + chatResponseBody.choices[0].message.content;
-
+var prompt = 'hello there!';
+var show_tokens = false;
+var chatReq = new sn_ws.RESTMessageV2();
+chatReq.setEndpoint('https://api.openai.com/v1/chat/completions');
+chatReq.setHttpMethod("POST");
+chatReq.setRequestHeader("Authorization", "Bearer " + gs.getProperty("openai.key"));
+chatReq.setRequestHeader('Content-Type', "application/json");
+chatReq.setRequestHeader('User-Agent', "ServiceNow");
+chatReq.setRequestHeader("Accept", "*/*");
+var body = {
+ "model": "gpt-3.5-turbo",
+ "messages": [{"role": "user", "content": prompt}],
+// "max_tokens": 250
+};
+chatReq.setRequestBody(JSON.stringify(body));
+var chatResponse = chatReq.execute();
+gs.info(chatResponse.getBody());
+var chatResponseBody = JSON.parse(chatResponse.getBody());
+
+var token_cost = show_tokens ? "> tokens: " + chatResponseBody.usage.total_tokens + " ($" + (parseInt(chatResponseBody.usage.total_tokens) * 0.000002).toFixed(6) + ")\n" : "";
+var response = token_cost + chatResponseBody.choices[0].message.content;
+
gs.info(response);
\ No newline at end of file
diff --git a/Scripted REST Api/Difference between two users/README.md b/Integration/Scripted REST Api/Difference between two users/README.md
similarity index 100%
rename from Scripted REST Api/Difference between two users/README.md
rename to Integration/Scripted REST Api/Difference between two users/README.md
diff --git a/Scripted REST Api/Difference between two users/output.txt b/Integration/Scripted REST Api/Difference between two users/output.txt
similarity index 100%
rename from Scripted REST Api/Difference between two users/output.txt
rename to Integration/Scripted REST Api/Difference between two users/output.txt
diff --git a/Scripted REST Api/Difference between two users/script.js b/Integration/Scripted REST Api/Difference between two users/script.js
similarity index 100%
rename from Scripted REST Api/Difference between two users/script.js
rename to Integration/Scripted REST Api/Difference between two users/script.js
diff --git a/Scripted REST Api/Get_Choices/README.md b/Integration/Scripted REST Api/Get_Choices/README.md
similarity index 98%
rename from Scripted REST Api/Get_Choices/README.md
rename to Integration/Scripted REST Api/Get_Choices/README.md
index d36a07fa8e..4a99a48f6c 100644
--- a/Scripted REST Api/Get_Choices/README.md
+++ b/Integration/Scripted REST Api/Get_Choices/README.md
@@ -1,6 +1,6 @@
-# This code will help to query choice table and get the data according to filter. Modify this according to requirement
-# References
-- Below is the reference of PDI, what is the configuration of choices
-
-- Below is the referecnce of PDI resources of Script
+# This code will help to query choice table and get the data according to filter. Modify this according to requirement
+# References
+- Below is the reference of PDI, what is the configuration of choices
+
+- Below is the referecnce of PDI resources of Script
\ No newline at end of file
diff --git a/Scripted REST Api/Get_Choices/script.js b/Integration/Scripted REST Api/Get_Choices/script.js
similarity index 96%
rename from Scripted REST Api/Get_Choices/script.js
rename to Integration/Scripted REST Api/Get_Choices/script.js
index e600c858f7..35d9963378 100644
--- a/Scripted REST Api/Get_Choices/script.js
+++ b/Integration/Scripted REST Api/Get_Choices/script.js
@@ -1,22 +1,22 @@
-(function process( /*RESTAPIRequest*/ request, /*RESTAPIResponse*/ response) {
-
- var queryParams = request.queryParams;
-
- var grChoice = new GlideRecord('sys_choice');
- grChoice.addQuery('name', queryParams.name);
- grChoice.addQuery('element', queryParams.element);
- grChoice.query();
-
- var filterList = [];
- while (grChoice.next()) {
- var label = grChoice.getValue("label");
- var value = grChoice.getValue("value");
- var object = {
- code: value,
- country: label
- };
- filterList.push(object);
- }
-
- return filterList;
+(function process( /*RESTAPIRequest*/ request, /*RESTAPIResponse*/ response) {
+
+ var queryParams = request.queryParams;
+
+ var grChoice = new GlideRecord('sys_choice');
+ grChoice.addQuery('name', queryParams.name);
+ grChoice.addQuery('element', queryParams.element);
+ grChoice.query();
+
+ var filterList = [];
+ while (grChoice.next()) {
+ var label = grChoice.getValue("label");
+ var value = grChoice.getValue("value");
+ var object = {
+ code: value,
+ country: label
+ };
+ filterList.push(object);
+ }
+
+ return filterList;
})(request, response);
\ No newline at end of file
diff --git a/Scripted REST Api/Get_Choices/script.png b/Integration/Scripted REST Api/Get_Choices/script.png
similarity index 100%
rename from Scripted REST Api/Get_Choices/script.png
rename to Integration/Scripted REST Api/Get_Choices/script.png
diff --git a/Scripted REST Api/Get_Choices/scripted_rest_resource.png b/Integration/Scripted REST Api/Get_Choices/scripted_rest_resource.png
similarity index 100%
rename from Scripted REST Api/Get_Choices/scripted_rest_resource.png
rename to Integration/Scripted REST Api/Get_Choices/scripted_rest_resource.png
diff --git a/Scripted REST Api/Promise API Call/README.md b/Integration/Scripted REST Api/Promise API Call/README.md
similarity index 100%
rename from Scripted REST Api/Promise API Call/README.md
rename to Integration/Scripted REST Api/Promise API Call/README.md
diff --git a/Scripted REST Api/Promise API Call/promiseApiCall.js b/Integration/Scripted REST Api/Promise API Call/promiseApiCall.js
similarity index 100%
rename from Scripted REST Api/Promise API Call/promiseApiCall.js
rename to Integration/Scripted REST Api/Promise API Call/promiseApiCall.js
diff --git a/Scripted REST Api/Retrieve all variables from RITM/CHVarUtils_ScriptInclude.js b/Integration/Scripted REST Api/Retrieve all variables from RITM/CHVarUtils_ScriptInclude.js
similarity index 100%
rename from Scripted REST Api/Retrieve all variables from RITM/CHVarUtils_ScriptInclude.js
rename to Integration/Scripted REST Api/Retrieve all variables from RITM/CHVarUtils_ScriptInclude.js
diff --git a/Scripted REST Api/Retrieve all variables from RITM/README.md b/Integration/Scripted REST Api/Retrieve all variables from RITM/README.md
similarity index 100%
rename from Scripted REST Api/Retrieve all variables from RITM/README.md
rename to Integration/Scripted REST Api/Retrieve all variables from RITM/README.md
diff --git a/Scripted REST Api/Retrieve all variables from RITM/output_example.js b/Integration/Scripted REST Api/Retrieve all variables from RITM/output_example.js
similarity index 100%
rename from Scripted REST Api/Retrieve all variables from RITM/output_example.js
rename to Integration/Scripted REST Api/Retrieve all variables from RITM/output_example.js
diff --git a/Scripted REST Api/Retrieve all variables from RITM/scripted_rest_api.js b/Integration/Scripted REST Api/Retrieve all variables from RITM/scripted_rest_api.js
similarity index 100%
rename from Scripted REST Api/Retrieve all variables from RITM/scripted_rest_api.js
rename to Integration/Scripted REST Api/Retrieve all variables from RITM/scripted_rest_api.js
diff --git a/Scripted REST Api/Tag API/README.md b/Integration/Scripted REST Api/Tag API/README.md
similarity index 100%
rename from Scripted REST Api/Tag API/README.md
rename to Integration/Scripted REST Api/Tag API/README.md
diff --git a/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.24 PM.png b/Integration/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.24 PM.png
similarity index 100%
rename from Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.24 PM.png
rename to Integration/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.24 PM.png
diff --git a/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.59 PM.png b/Integration/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.59 PM.png
similarity index 100%
rename from Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.59 PM.png
rename to Integration/Scripted REST Api/Tag API/Screenshot 2023-10-11 at 12.51.59 PM.png
diff --git a/Scripted REST Api/Tag API/insert-tag.js b/Integration/Scripted REST Api/Tag API/insert-tag.js
similarity index 100%
rename from Scripted REST Api/Tag API/insert-tag.js
rename to Integration/Scripted REST Api/Tag API/insert-tag.js
diff --git a/Scripted REST Api/Update the variables or fields in sc_task or RITM/README.md b/Integration/Scripted REST Api/Update the variables or fields in sc_task or RITM/README.md
similarity index 100%
rename from Scripted REST Api/Update the variables or fields in sc_task or RITM/README.md
rename to Integration/Scripted REST Api/Update the variables or fields in sc_task or RITM/README.md
diff --git a/Scripted REST Api/Update the variables or fields in sc_task or RITM/Scripted_rest_api.js b/Integration/Scripted REST Api/Update the variables or fields in sc_task or RITM/Scripted_rest_api.js
similarity index 100%
rename from Scripted REST Api/Update the variables or fields in sc_task or RITM/Scripted_rest_api.js
rename to Integration/Scripted REST Api/Update the variables or fields in sc_task or RITM/Scripted_rest_api.js
diff --git a/Scripted REST Api/compare roles/README.md b/Integration/Scripted REST Api/compare roles/README.md
similarity index 100%
rename from Scripted REST Api/compare roles/README.md
rename to Integration/Scripted REST Api/compare roles/README.md
diff --git a/Scripted REST Api/compare roles/output.txt b/Integration/Scripted REST Api/compare roles/output.txt
similarity index 100%
rename from Scripted REST Api/compare roles/output.txt
rename to Integration/Scripted REST Api/compare roles/output.txt
diff --git a/Scripted REST Api/compare roles/script.js b/Integration/Scripted REST Api/compare roles/script.js
similarity index 100%
rename from Scripted REST Api/compare roles/script.js
rename to Integration/Scripted REST Api/compare roles/script.js
diff --git a/ECMASCript 2021/README.md b/Modern Development/ECMASCript 2021/README.md
similarity index 96%
rename from ECMASCript 2021/README.md
rename to Modern Development/ECMASCript 2021/README.md
index e0f27eaf60..b966802130 100644
--- a/ECMASCript 2021/README.md
+++ b/Modern Development/ECMASCript 2021/README.md
@@ -1,420 +1,420 @@
-## What?
-
-Prior to the Tokyo Release, ServiceNow's serverside JavaScript utilized ECMAScript 5. "ECMAScript" is basically the version of JavaScript. Newer versions have come out since then (7+ years ago!) and thus, we have been missing out on some helpful functionality.
-
-Client-side scripting is run in your web browser so usually any client script you've made on ServiceNow could utilize the newest JavaScript features, but any script running on the server was limiteded to ES5.
-
-ServiceNow has denoted our version of JavaScript as ECMAScript 2021, which encompasses the feature roll-up of ECMAScript 6 to ECMAScript 12. To see the full documentation of changes, you can see the release notes here: [JavaScript engine feature support](https://docs.servicenow.com/bundle/tokyo-application-development/page/script/JavaScript-engine-upgrade/reference/javascript-engine-feature-support.html). This page has all the new features that are supported, not supported, and disallowed.
-
-## How?
-
-To utilize ECMASCript 2021 on your app, just follow these simple steps:
-
-1. Make sure your instance is upgraded to Tokyo (get a Personal Developer instance [here](https://developer.servicenow.com/))
-2. Create a new app via your preferred method (eg. Studio or App Engine Studio)
-3. Open the sys_app page for your app
-4. Under "Design and Runtime" change "JavaSCript Mode" to `ECMAScript 2021 (ES12)`
-5. Save your record. That's it!
-
-## Looking forward
-
-- The new features are available on scoped apps only for now but we've been told that Global scope support is on the roadmap.
-- If you switch existing apps to the new engine, we do recommend that you test for functionality and ensure that existing scripts are running correctly.
-
-## Features!
-
-And here are all the scripts that came from the show. **The scripts are all formatted as if they are running in a `Before Update Business Rule` to demonstrate that it works server side**:
-
-### const
-
-This was actually available previously but would display an error to you when using it, despite allowing you to save. Almost everything else related to ECMAScript 6 and up would not allow you to save your record at all.
-
-`const` is a way to declare and initialize a variable that will never change its value. A great way to ensure a variable that is not meant to change never does (your script will throw an error).
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.query();
- var x = inc_gr.getRowCount();
-
- const y = 100;
- current.work_notes = x + y;
-
-})(current, previous);
-```
-
-### let
-
-What's the difference between `var` and `let`?
-
-#### Scoping rules
-
-The main difference is scoping rules. Variables declared by var keyword are scoped to the immediate function body (hence the function scope) while let variables are scoped to the immediate enclosing block denoted by { } (hence the block scope).
-
-#### Hoisting
-
-While variables declared with var keyword are hoisted (initialized with undefined before the code is run) which means they are accessible in their enclosing scope even before they are declared
-
-#### Creating global object property
-
-At the top level, let, unlike var, does not create a property on the global object
-
-#### Redeclaration
-
-In strict mode, var will let you re-declare the same variable in the same scope while let raises a SyntaxError.
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.query();
- var x = inc_gr.getRowCount();
-
- let y = 200;
- current.work_notes = x + y;
-
-})(current, previous);
-```
-
-### arrow functions
-
-How many times have we googled "how to do ____ in JavaScript?" and the top result was a StackOverflow answer that utilized arrow functions? Arrow functions are a compact alternative to traditional function expressions. Combined with other new features, there are so many use-cases for arrow functions (like quickly reordering arrays of objects!).
-
-```javascript
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- var sd = current.short_description;
- var d = current.description;
-
- function addDescriptions(x, y){
- return x + '\n' + y;
- }
-
- current.work_notes = addDescriptions(sd, d);
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- var sd = current.short_description;
- var d = current.description;
-
- let addDescriptions = (x, y) => x + '\n'+ y; //one line!
-
- current.work_notes = addDescriptions(sd, d);
-
-})(current, previous);
-```
-
-### for/of
-
-A different kind of for/in to add to your arsenal.
-
-```javascript
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(10);
- inc_gr.query();
- var incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
- var work_notes = [];
- for (var inc in incidents){
- work_notes.push(incidents[inc]);
- }
-
- current.work_notes = work_notes.join('\n');
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(10);
- inc_gr.query();
- var incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
- let work_notes = [];
- for (let inc of incidents){
- work_notes.push(inc); //note that no index reference is needed
- }
-
- current.work_notes = work_notes.join('\n');
-
-})(current, previous);
-```
-
-### map
-
-The Map object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value.
-
-Object is similar to Map—both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. For this reason (and because there were no built-in alternatives), Object has been used as Map historically.
-
-However, there are important differences that make Map preferable in some cases:
-
-- Accidental Keys (objects initialize with prototype)
-- Key types (previously just strings or symbols, now can be functions, objects, any primitive)
-- Key Order (simplified to order of entry insertion)
-- Size (inherent size property)
-- Iteration (objects aren't inherently iterable)
-- Performance (additions and removals are more performative)
-- Serialization and parsing (object wins in this case)
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
-
- const incidents = new Map();
-
- const keyString = 'a string';
- const keyObj = {};
- const keyFunc = function() {};
-
- inc_gr.next();
- incidents.set(keyString, inc_gr.getValue('short_description'));
-
- inc_gr.next();
- incidents.set(keyObj, inc_gr.getValue('short_description'));
-
- inc_gr.next();
- incidents.set(keyFunc, inc_gr.getValue('short_description'));
-
- let work_notes = [];
- work_notes.push('map size: ' + incidents.size);
- work_notes.push(incidents.get(keyString));
- work_notes.push(incidents.get(keyObj));
- work_notes.push(incidents.get(keyFunc)); //Finding an a value by providing a function!
- work_notes.push(incidents.get('a string'));
-
- current.work_notes = work_notes.join('\n');
-
-})(current, previous);
-```
-
-### set
-
-The Set object lets you store unique values of any type, whether primitive values or object references. Faster, and forces uniqueness of values.
-
-```javascript
-const mySet1 = new Set()
-
-mySet1.add(1) // Set [ 1 ]
-mySet1.add(5) // Set [ 1, 5 ]
-mySet1.add(5) // Set [ 1, 5 ]
-mySet1.add('some text') // Set [ 1, 5, 'some text' ]
-const o = {a: 1, b: 2}
-mySet1.add(o)
-
-mySet1.add({a: 1, b: 2}) // o is referencing a different object, so this is okay
-
-mySet1.has(1) // true
-mySet1.has(3) // false, since 3 has not been added to the set
-mySet1.has(5) // true
-mySet1.has(Math.sqrt(25)) // true
-mySet1.has('Some Text'.toLowerCase()) // true
-mySet1.has(o) // true
-
-mySet1.size // 5
-
-mySet1.delete(5) // removes 5 from the set
-mySet1.has(5) // false, 5 has been removed
-
-mySet1.size // 4, since we just removed one value
-
-mySet1.add(5) // Set [1, 'some text', {...}, {...}, 5] - a previously deleted item will be added as a new item, it will not retain its original position before deletion
-
-console.log(mySet1)
-// logs Set(5) [ 1, "some text", {…}, {…}, 5 ] in Firefox
-// logs Set(5) { 1, "some text", {…}, {…}, 5 } in Chrome
-```
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
-
- let incidents = new Set();
-
- while (inc_gr.next()){
- incidents.add(inc_gr.getValue('short_description'));
- }
-
- current.work_notes = incidents.has(inc_gr.getValue('short_description')) + '\n' + incidents.values().next().value + '\n' + incidents.size;
-
-})(current, previous);
-```
-
-### symbol
-
-Symbol is a built-in object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to add unique property keys to an object that won't collide with keys any other code might add to the object, and which are hidden from any mechanisms other code will typically use to access the object. That enables a form of weak encapsulation, or a weak form of information hiding.
-
-Every Symbol() call is guaranteed to return a unique Symbol. Every Symbol.for("key") call will always return the same Symbol for a given value of "key". When Symbol.for("key") is called, if a Symbol with the given key can be found in the global Symbol registry, that Symbol is returned. Otherwise, a new Symbol is created, added to the global Symbol registry under the given key, and returned.
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var incidents = [];
- let incident = {
- number: current.number,
- short_description: current.short_description
- };
-
- incidents.push(incident);
- incidents.push(incident);
-
- var incidents2 = [];
- incidents2.push(Symbol(incident));
- incidents2.push(Symbol(incident));
-
- current.work_notes = (incidents[0] == incidents[1]) + '\n' + (incidents2[0] == incidents2[1]); //Notice how the first one is true and the second is false, despite all four items being the "same"
-
-})(current, previous);
-```
-
-### default params
-
-Instead of having to check for included parameters in a function's body, we can do it directly in the parameters now.
-
-```javascript
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- function add (x, y){
- if (y == null) y = 'nothing to see here';
- return x + '\n' + y;
- }
-
- current.work_notes = add(current.short_description);
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- function add (x, y = 'nothing to see here'){
- return x + '\n' + y;
- }
-
- current.work_notes = add(current.short_description);
-
-})(current, previous);
-```
-
-### spread
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
- let incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
-
- function sum(x, y, z) {
- return x + '\n' + y + '\n' + z;
- }
-
- const incidents_obj = { ...incidents}; //the array's items are "spread" out as parameters
-
- current.work_notes = sum(...incidents) + '\n' + JSON.stringify(incidents_obj);
-
-})(current, previous);
-```
-
-### template strings/literals
-
-I love this one because it makes it so much easier to copy and paste multi-line strings into my code. I use this a lot on AdventOfCode challenges!
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- let x = `hello
- world
- lchh loves you`;
-
- current.work_notes = x; //goodbye \n
-
-})(current, previous);
-```
-
-Another way that these are helpful are for templates (Thanks Chris Helming for the suggestion):
-
-```javascript
-(function executeRule(current, previous /*null when async*/) {
-
- const a = 5;
- const b = 10;
- current.work_notes = `Fifteen is ${a + b} and not ${2 * a + b}.`;
-
-})(current, previous);
-```
-
-### destructuring
-
-Okay, so destructuring is a LOT more than this but here is just an example.
-
-```javascript
-const x = [1, 2, 3, 4, 5];
-const [y, z] = x;
-// y: 1
-// z: 2
-
-const obj = { a: 1, b: 2 };
-const { a, b } = obj;
-// is equivalent to:
-// const a = obj.a;
-// const b = obj.b;
-```
-
-### class
-
-Hoisting differences (functions and classes are both hoisted and declared but classes are not initialized)
-
-```javascript
-class Rectangle {
- constructor(height, width) {
- this.name = 'Rectangle';
- this.height = height;
- this.width = width;
- }
-}
-
-class FilledRectangle extends Rectangle {
- constructor(height, width, color) {
- super(height, width);
- this.name = 'Filled rectangle';
- this.color = color;
- }
-}
-```
-
-### And more
-
-That's not all! Go check it out in the docs!
-
-### ES Sources
-
-- https://betterprogramming.pub/difference-between-regular-functions-and-arrow-functions-f65639aba256
+## What?
+
+Prior to the Tokyo Release, ServiceNow's serverside JavaScript utilized ECMAScript 5. "ECMAScript" is basically the version of JavaScript. Newer versions have come out since then (7+ years ago!) and thus, we have been missing out on some helpful functionality.
+
+Client-side scripting is run in your web browser so usually any client script you've made on ServiceNow could utilize the newest JavaScript features, but any script running on the server was limiteded to ES5.
+
+ServiceNow has denoted our version of JavaScript as ECMAScript 2021, which encompasses the feature roll-up of ECMAScript 6 to ECMAScript 12. To see the full documentation of changes, you can see the release notes here: [JavaScript engine feature support](https://docs.servicenow.com/bundle/tokyo-application-development/page/script/JavaScript-engine-upgrade/reference/javascript-engine-feature-support.html). This page has all the new features that are supported, not supported, and disallowed.
+
+## How?
+
+To utilize ECMASCript 2021 on your app, just follow these simple steps:
+
+1. Make sure your instance is upgraded to Tokyo (get a Personal Developer instance [here](https://developer.servicenow.com/))
+2. Create a new app via your preferred method (eg. Studio or App Engine Studio)
+3. Open the sys_app page for your app
+4. Under "Design and Runtime" change "JavaSCript Mode" to `ECMAScript 2021 (ES12)`
+5. Save your record. That's it!
+
+## Looking forward
+
+- The new features are available on scoped apps only for now but we've been told that Global scope support is on the roadmap.
+- If you switch existing apps to the new engine, we do recommend that you test for functionality and ensure that existing scripts are running correctly.
+
+## Features!
+
+And here are all the scripts that came from the show. **The scripts are all formatted as if they are running in a `Before Update Business Rule` to demonstrate that it works server side**:
+
+### const
+
+This was actually available previously but would display an error to you when using it, despite allowing you to save. Almost everything else related to ECMAScript 6 and up would not allow you to save your record at all.
+
+`const` is a way to declare and initialize a variable that will never change its value. A great way to ensure a variable that is not meant to change never does (your script will throw an error).
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.query();
+ var x = inc_gr.getRowCount();
+
+ const y = 100;
+ current.work_notes = x + y;
+
+})(current, previous);
+```
+
+### let
+
+What's the difference between `var` and `let`?
+
+#### Scoping rules
+
+The main difference is scoping rules. Variables declared by var keyword are scoped to the immediate function body (hence the function scope) while let variables are scoped to the immediate enclosing block denoted by { } (hence the block scope).
+
+#### Hoisting
+
+While variables declared with var keyword are hoisted (initialized with undefined before the code is run) which means they are accessible in their enclosing scope even before they are declared
+
+#### Creating global object property
+
+At the top level, let, unlike var, does not create a property on the global object
+
+#### Redeclaration
+
+In strict mode, var will let you re-declare the same variable in the same scope while let raises a SyntaxError.
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.query();
+ var x = inc_gr.getRowCount();
+
+ let y = 200;
+ current.work_notes = x + y;
+
+})(current, previous);
+```
+
+### arrow functions
+
+How many times have we googled "how to do ____ in JavaScript?" and the top result was a StackOverflow answer that utilized arrow functions? Arrow functions are a compact alternative to traditional function expressions. Combined with other new features, there are so many use-cases for arrow functions (like quickly reordering arrays of objects!).
+
+```javascript
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ var sd = current.short_description;
+ var d = current.description;
+
+ function addDescriptions(x, y){
+ return x + '\n' + y;
+ }
+
+ current.work_notes = addDescriptions(sd, d);
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ var sd = current.short_description;
+ var d = current.description;
+
+ let addDescriptions = (x, y) => x + '\n'+ y; //one line!
+
+ current.work_notes = addDescriptions(sd, d);
+
+})(current, previous);
+```
+
+### for/of
+
+A different kind of for/in to add to your arsenal.
+
+```javascript
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(10);
+ inc_gr.query();
+ var incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+ var work_notes = [];
+ for (var inc in incidents){
+ work_notes.push(incidents[inc]);
+ }
+
+ current.work_notes = work_notes.join('\n');
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(10);
+ inc_gr.query();
+ var incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+ let work_notes = [];
+ for (let inc of incidents){
+ work_notes.push(inc); //note that no index reference is needed
+ }
+
+ current.work_notes = work_notes.join('\n');
+
+})(current, previous);
+```
+
+### map
+
+The Map object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value.
+
+Object is similar to Map—both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. For this reason (and because there were no built-in alternatives), Object has been used as Map historically.
+
+However, there are important differences that make Map preferable in some cases:
+
+- Accidental Keys (objects initialize with prototype)
+- Key types (previously just strings or symbols, now can be functions, objects, any primitive)
+- Key Order (simplified to order of entry insertion)
+- Size (inherent size property)
+- Iteration (objects aren't inherently iterable)
+- Performance (additions and removals are more performative)
+- Serialization and parsing (object wins in this case)
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+
+ const incidents = new Map();
+
+ const keyString = 'a string';
+ const keyObj = {};
+ const keyFunc = function() {};
+
+ inc_gr.next();
+ incidents.set(keyString, inc_gr.getValue('short_description'));
+
+ inc_gr.next();
+ incidents.set(keyObj, inc_gr.getValue('short_description'));
+
+ inc_gr.next();
+ incidents.set(keyFunc, inc_gr.getValue('short_description'));
+
+ let work_notes = [];
+ work_notes.push('map size: ' + incidents.size);
+ work_notes.push(incidents.get(keyString));
+ work_notes.push(incidents.get(keyObj));
+ work_notes.push(incidents.get(keyFunc)); //Finding an a value by providing a function!
+ work_notes.push(incidents.get('a string'));
+
+ current.work_notes = work_notes.join('\n');
+
+})(current, previous);
+```
+
+### set
+
+The Set object lets you store unique values of any type, whether primitive values or object references. Faster, and forces uniqueness of values.
+
+```javascript
+const mySet1 = new Set()
+
+mySet1.add(1) // Set [ 1 ]
+mySet1.add(5) // Set [ 1, 5 ]
+mySet1.add(5) // Set [ 1, 5 ]
+mySet1.add('some text') // Set [ 1, 5, 'some text' ]
+const o = {a: 1, b: 2}
+mySet1.add(o)
+
+mySet1.add({a: 1, b: 2}) // o is referencing a different object, so this is okay
+
+mySet1.has(1) // true
+mySet1.has(3) // false, since 3 has not been added to the set
+mySet1.has(5) // true
+mySet1.has(Math.sqrt(25)) // true
+mySet1.has('Some Text'.toLowerCase()) // true
+mySet1.has(o) // true
+
+mySet1.size // 5
+
+mySet1.delete(5) // removes 5 from the set
+mySet1.has(5) // false, 5 has been removed
+
+mySet1.size // 4, since we just removed one value
+
+mySet1.add(5) // Set [1, 'some text', {...}, {...}, 5] - a previously deleted item will be added as a new item, it will not retain its original position before deletion
+
+console.log(mySet1)
+// logs Set(5) [ 1, "some text", {…}, {…}, 5 ] in Firefox
+// logs Set(5) { 1, "some text", {…}, {…}, 5 } in Chrome
+```
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+
+ let incidents = new Set();
+
+ while (inc_gr.next()){
+ incidents.add(inc_gr.getValue('short_description'));
+ }
+
+ current.work_notes = incidents.has(inc_gr.getValue('short_description')) + '\n' + incidents.values().next().value + '\n' + incidents.size;
+
+})(current, previous);
+```
+
+### symbol
+
+Symbol is a built-in object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to add unique property keys to an object that won't collide with keys any other code might add to the object, and which are hidden from any mechanisms other code will typically use to access the object. That enables a form of weak encapsulation, or a weak form of information hiding.
+
+Every Symbol() call is guaranteed to return a unique Symbol. Every Symbol.for("key") call will always return the same Symbol for a given value of "key". When Symbol.for("key") is called, if a Symbol with the given key can be found in the global Symbol registry, that Symbol is returned. Otherwise, a new Symbol is created, added to the global Symbol registry under the given key, and returned.
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var incidents = [];
+ let incident = {
+ number: current.number,
+ short_description: current.short_description
+ };
+
+ incidents.push(incident);
+ incidents.push(incident);
+
+ var incidents2 = [];
+ incidents2.push(Symbol(incident));
+ incidents2.push(Symbol(incident));
+
+ current.work_notes = (incidents[0] == incidents[1]) + '\n' + (incidents2[0] == incidents2[1]); //Notice how the first one is true and the second is false, despite all four items being the "same"
+
+})(current, previous);
+```
+
+### default params
+
+Instead of having to check for included parameters in a function's body, we can do it directly in the parameters now.
+
+```javascript
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ function add (x, y){
+ if (y == null) y = 'nothing to see here';
+ return x + '\n' + y;
+ }
+
+ current.work_notes = add(current.short_description);
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ function add (x, y = 'nothing to see here'){
+ return x + '\n' + y;
+ }
+
+ current.work_notes = add(current.short_description);
+
+})(current, previous);
+```
+
+### spread
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+ let incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+
+ function sum(x, y, z) {
+ return x + '\n' + y + '\n' + z;
+ }
+
+ const incidents_obj = { ...incidents}; //the array's items are "spread" out as parameters
+
+ current.work_notes = sum(...incidents) + '\n' + JSON.stringify(incidents_obj);
+
+})(current, previous);
+```
+
+### template strings/literals
+
+I love this one because it makes it so much easier to copy and paste multi-line strings into my code. I use this a lot on AdventOfCode challenges!
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ let x = `hello
+ world
+ lchh loves you`;
+
+ current.work_notes = x; //goodbye \n
+
+})(current, previous);
+```
+
+Another way that these are helpful are for templates (Thanks Chris Helming for the suggestion):
+
+```javascript
+(function executeRule(current, previous /*null when async*/) {
+
+ const a = 5;
+ const b = 10;
+ current.work_notes = `Fifteen is ${a + b} and not ${2 * a + b}.`;
+
+})(current, previous);
+```
+
+### destructuring
+
+Okay, so destructuring is a LOT more than this but here is just an example.
+
+```javascript
+const x = [1, 2, 3, 4, 5];
+const [y, z] = x;
+// y: 1
+// z: 2
+
+const obj = { a: 1, b: 2 };
+const { a, b } = obj;
+// is equivalent to:
+// const a = obj.a;
+// const b = obj.b;
+```
+
+### class
+
+Hoisting differences (functions and classes are both hoisted and declared but classes are not initialized)
+
+```javascript
+class Rectangle {
+ constructor(height, width) {
+ this.name = 'Rectangle';
+ this.height = height;
+ this.width = width;
+ }
+}
+
+class FilledRectangle extends Rectangle {
+ constructor(height, width, color) {
+ super(height, width);
+ this.name = 'Filled rectangle';
+ this.color = color;
+ }
+}
+```
+
+### And more
+
+That's not all! Go check it out in the docs!
+
+### ES Sources
+
+- https://betterprogramming.pub/difference-between-regular-functions-and-arrow-functions-f65639aba256
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/
\ No newline at end of file
diff --git a/ECMASCript 2021/arrowfunctions.js b/Modern Development/ECMASCript 2021/arrowfunctions.js
similarity index 97%
rename from ECMASCript 2021/arrowfunctions.js
rename to Modern Development/ECMASCript 2021/arrowfunctions.js
index c74e2da62a..56e821e9b0 100644
--- a/ECMASCript 2021/arrowfunctions.js
+++ b/Modern Development/ECMASCript 2021/arrowfunctions.js
@@ -1,27 +1,27 @@
-// How many times have we googled "how to do ____ in JavaScript?" and the top result was a StackOverflow answer that utilized arrow functions? Arrow functions are a compact alternative to traditional function expressions. Combined with other new features, there are so many use-cases for arrow functions (like quickly reordering arrays of objects!).
-
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- var sd = current.short_description;
- var d = current.description;
-
- function addDescriptions(x, y){
- return x + '\n' + y;
- }
-
- current.work_notes = addDescriptions(sd, d);
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- var sd = current.short_description;
- var d = current.description;
-
- let addDescriptions = (x, y) => x + '\n'+ y; //one line!
-
- current.work_notes = addDescriptions(sd, d);
-
+// How many times have we googled "how to do ____ in JavaScript?" and the top result was a StackOverflow answer that utilized arrow functions? Arrow functions are a compact alternative to traditional function expressions. Combined with other new features, there are so many use-cases for arrow functions (like quickly reordering arrays of objects!).
+
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ var sd = current.short_description;
+ var d = current.description;
+
+ function addDescriptions(x, y){
+ return x + '\n' + y;
+ }
+
+ current.work_notes = addDescriptions(sd, d);
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ var sd = current.short_description;
+ var d = current.description;
+
+ let addDescriptions = (x, y) => x + '\n'+ y; //one line!
+
+ current.work_notes = addDescriptions(sd, d);
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/class.js b/Modern Development/ECMASCript 2021/class.js
similarity index 96%
rename from ECMASCript 2021/class.js
rename to Modern Development/ECMASCript 2021/class.js
index 4852288aea..9f21145bc8 100644
--- a/ECMASCript 2021/class.js
+++ b/Modern Development/ECMASCript 2021/class.js
@@ -1,17 +1,17 @@
-// Hoisting differences (functions and classes are both hoisted and declared but classes are not initialized)
-
-class Rectangle {
- constructor(height, width) {
- this.name = 'Rectangle';
- this.height = height;
- this.width = width;
- }
-}
-
-class FilledRectangle extends Rectangle {
- constructor(height, width, color) {
- super(height, width);
- this.name = 'Filled rectangle';
- this.color = color;
- }
+// Hoisting differences (functions and classes are both hoisted and declared but classes are not initialized)
+
+class Rectangle {
+ constructor(height, width) {
+ this.name = 'Rectangle';
+ this.height = height;
+ this.width = width;
+ }
+}
+
+class FilledRectangle extends Rectangle {
+ constructor(height, width, color) {
+ super(height, width);
+ this.name = 'Filled rectangle';
+ this.color = color;
+ }
}
\ No newline at end of file
diff --git a/ECMASCript 2021/const.js b/Modern Development/ECMASCript 2021/const.js
similarity index 98%
rename from ECMASCript 2021/const.js
rename to Modern Development/ECMASCript 2021/const.js
index 7585e1405a..315c219ed2 100644
--- a/ECMASCript 2021/const.js
+++ b/Modern Development/ECMASCript 2021/const.js
@@ -1,14 +1,14 @@
-// This was actually available previously but would display an error to you when using it, despite allowing you to save. Almost everything else related to ECMAScript 6 and up would not allow you to save your record at all.
-
-// `const` is a way to declare and initialize a variable that will never change its value. A great way to ensure a variable that is not meant to change never does (your script will throw an error).
-
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.query();
- var x = inc_gr.getRowCount();
-
- const y = 100;
- current.work_notes = x + y;
-
+// This was actually available previously but would display an error to you when using it, despite allowing you to save. Almost everything else related to ECMAScript 6 and up would not allow you to save your record at all.
+
+// `const` is a way to declare and initialize a variable that will never change its value. A great way to ensure a variable that is not meant to change never does (your script will throw an error).
+
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.query();
+ var x = inc_gr.getRowCount();
+
+ const y = 100;
+ current.work_notes = x + y;
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/defaultparms.js b/Modern Development/ECMASCript 2021/defaultparms.js
similarity index 96%
rename from ECMASCript 2021/defaultparms.js
rename to Modern Development/ECMASCript 2021/defaultparms.js
index 8a65a74bf2..1b2c456d19 100644
--- a/ECMASCript 2021/defaultparms.js
+++ b/Modern Development/ECMASCript 2021/defaultparms.js
@@ -1,24 +1,24 @@
-// Instead of having to check for included parameters in a function's body, we can do it directly in the parameters now.
-
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- function add (x, y){
- if (y == null) y = 'nothing to see here';
- return x + '\n' + y;
- }
-
- current.work_notes = add(current.short_description);
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- function add (x, y = 'nothing to see here'){
- return x + '\n' + y;
- }
-
- current.work_notes = add(current.short_description);
-
+// Instead of having to check for included parameters in a function's body, we can do it directly in the parameters now.
+
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ function add (x, y){
+ if (y == null) y = 'nothing to see here';
+ return x + '\n' + y;
+ }
+
+ current.work_notes = add(current.short_description);
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ function add (x, y = 'nothing to see here'){
+ return x + '\n' + y;
+ }
+
+ current.work_notes = add(current.short_description);
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/destructuring.js b/Modern Development/ECMASCript 2021/destructuring.js
similarity index 95%
rename from ECMASCript 2021/destructuring.js
rename to Modern Development/ECMASCript 2021/destructuring.js
index be0efadb5a..0201b9f151 100644
--- a/ECMASCript 2021/destructuring.js
+++ b/Modern Development/ECMASCript 2021/destructuring.js
@@ -1,12 +1,12 @@
-// Okay, so destructuring is a LOT more than this but here is just an example.
-
-const x = [1, 2, 3, 4, 5];
-const [y, z] = x;
-// y: 1
-// z: 2
-
-const obj = { a: 1, b: 2 };
-const { a, b } = obj;
-// is equivalent to:
-// const a = obj.a;
+// Okay, so destructuring is a LOT more than this but here is just an example.
+
+const x = [1, 2, 3, 4, 5];
+const [y, z] = x;
+// y: 1
+// z: 2
+
+const obj = { a: 1, b: 2 };
+const { a, b } = obj;
+// is equivalent to:
+// const a = obj.a;
// const b = obj.b;
\ No newline at end of file
diff --git a/ECMASCript 2021/forof.js b/Modern Development/ECMASCript 2021/forof.js
similarity index 96%
rename from ECMASCript 2021/forof.js
rename to Modern Development/ECMASCript 2021/forof.js
index 6bef9cafb7..70dade1109 100644
--- a/ECMASCript 2021/forof.js
+++ b/Modern Development/ECMASCript 2021/forof.js
@@ -1,41 +1,41 @@
-// A different kind of for/in to add to your arsenal.
-
-//before
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(10);
- inc_gr.query();
- var incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
- var work_notes = [];
- for (var inc in incidents){
- work_notes.push(incidents[inc]);
- }
-
- current.work_notes = work_notes.join('\n');
-
-})(current, previous);
-
-//after
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(10);
- inc_gr.query();
- var incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
- let work_notes = [];
- for (let inc of incidents){
- work_notes.push(inc); //note that no index reference is needed
- }
-
- current.work_notes = work_notes.join('\n');
-
+// A different kind of for/in to add to your arsenal.
+
+//before
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(10);
+ inc_gr.query();
+ var incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+ var work_notes = [];
+ for (var inc in incidents){
+ work_notes.push(incidents[inc]);
+ }
+
+ current.work_notes = work_notes.join('\n');
+
+})(current, previous);
+
+//after
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(10);
+ inc_gr.query();
+ var incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+ let work_notes = [];
+ for (let inc of incidents){
+ work_notes.push(inc); //note that no index reference is needed
+ }
+
+ current.work_notes = work_notes.join('\n');
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/javascriptmode.png b/Modern Development/ECMASCript 2021/javascriptmode.png
similarity index 100%
rename from ECMASCript 2021/javascriptmode.png
rename to Modern Development/ECMASCript 2021/javascriptmode.png
diff --git a/ECMASCript 2021/let.js b/Modern Development/ECMASCript 2021/let.js
similarity index 97%
rename from ECMASCript 2021/let.js
rename to Modern Development/ECMASCript 2021/let.js
index f421bee7db..67c039ff56 100644
--- a/ECMASCript 2021/let.js
+++ b/Modern Development/ECMASCript 2021/let.js
@@ -1,24 +1,24 @@
-// What's the difference between `var` and `let`?
-
-// Scoping rules
-// The main difference is scoping rules. Variables declared by var keyword are scoped to the immediate function body (hence the function scope) while let variables are scoped to the immediate enclosing block denoted by { } (hence the block scope).
-
-// Hoisting
-// While variables declared with var keyword are hoisted (initialized with undefined before the code is run) which means they are accessible in their enclosing scope even before they are declared
-
-// Creating global object property
-// At the top level, let, unlike var, does not create a property on the global object
-
-// Redeclaration
-// In strict mode, var will let you re-declare the same variable in the same scope while let raises a SyntaxError.
-
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.query();
- var x = inc_gr.getRowCount();
-
- let y = 200;
- current.work_notes = x + y;
-
+// What's the difference between `var` and `let`?
+
+// Scoping rules
+// The main difference is scoping rules. Variables declared by var keyword are scoped to the immediate function body (hence the function scope) while let variables are scoped to the immediate enclosing block denoted by { } (hence the block scope).
+
+// Hoisting
+// While variables declared with var keyword are hoisted (initialized with undefined before the code is run) which means they are accessible in their enclosing scope even before they are declared
+
+// Creating global object property
+// At the top level, let, unlike var, does not create a property on the global object
+
+// Redeclaration
+// In strict mode, var will let you re-declare the same variable in the same scope while let raises a SyntaxError.
+
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.query();
+ var x = inc_gr.getRowCount();
+
+ let y = 200;
+ current.work_notes = x + y;
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/map.js b/Modern Development/ECMASCript 2021/map.js
similarity index 97%
rename from ECMASCript 2021/map.js
rename to Modern Development/ECMASCript 2021/map.js
index ca46ef64b4..efc1c1222f 100644
--- a/ECMASCript 2021/map.js
+++ b/Modern Development/ECMASCript 2021/map.js
@@ -1,46 +1,46 @@
-// The Map object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value.
-
-// Object is similar to Map—both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. For this reason (and because there were no built-in alternatives), Object has been used as Map historically.
-
-// However, there are important differences that make Map preferable in some cases:
-
-// - Accidental Keys (objects initialize with prototype)
-// - Key types (previously just strings or symbols, now can be functions, objects, any primitive)
-// - Key Order (simplified to order of entry insertion)
-// - Size (inherent size property)
-// - Iteration (objects aren't inherently iterable)
-// - Performance (additions and removals are more performative)
-// - Serialization and parsing (object wins in this case)
-
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
-
- const incidents = new Map();
-
- const keyString = 'a string';
- const keyObj = {};
- const keyFunc = function() {};
-
- inc_gr.next();
- incidents.set(keyString, inc_gr.getValue('short_description'));
-
- inc_gr.next();
- incidents.set(keyObj, inc_gr.getValue('short_description'));
-
- inc_gr.next();
- incidents.set(keyFunc, inc_gr.getValue('short_description'));
-
- let work_notes = [];
- work_notes.push('map size: ' + incidents.size);
- work_notes.push(incidents.get(keyString));
- work_notes.push(incidents.get(keyObj));
- work_notes.push(incidents.get(keyFunc)); //Finding an a value by providing a function!
- work_notes.push(incidents.get('a string'));
-
- current.work_notes = work_notes.join('\n');
-
-})(current, previous);
+// The Map object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value.
+
+// Object is similar to Map—both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. For this reason (and because there were no built-in alternatives), Object has been used as Map historically.
+
+// However, there are important differences that make Map preferable in some cases:
+
+// - Accidental Keys (objects initialize with prototype)
+// - Key types (previously just strings or symbols, now can be functions, objects, any primitive)
+// - Key Order (simplified to order of entry insertion)
+// - Size (inherent size property)
+// - Iteration (objects aren't inherently iterable)
+// - Performance (additions and removals are more performative)
+// - Serialization and parsing (object wins in this case)
+
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+
+ const incidents = new Map();
+
+ const keyString = 'a string';
+ const keyObj = {};
+ const keyFunc = function() {};
+
+ inc_gr.next();
+ incidents.set(keyString, inc_gr.getValue('short_description'));
+
+ inc_gr.next();
+ incidents.set(keyObj, inc_gr.getValue('short_description'));
+
+ inc_gr.next();
+ incidents.set(keyFunc, inc_gr.getValue('short_description'));
+
+ let work_notes = [];
+ work_notes.push('map size: ' + incidents.size);
+ work_notes.push(incidents.get(keyString));
+ work_notes.push(incidents.get(keyObj));
+ work_notes.push(incidents.get(keyFunc)); //Finding an a value by providing a function!
+ work_notes.push(incidents.get('a string'));
+
+ current.work_notes = work_notes.join('\n');
+
+})(current, previous);
diff --git a/ECMASCript 2021/openrecord.png b/Modern Development/ECMASCript 2021/openrecord.png
similarity index 100%
rename from ECMASCript 2021/openrecord.png
rename to Modern Development/ECMASCript 2021/openrecord.png
diff --git a/ECMASCript 2021/set.js b/Modern Development/ECMASCript 2021/set.js
similarity index 97%
rename from ECMASCript 2021/set.js
rename to Modern Development/ECMASCript 2021/set.js
index f45f697751..6df44a6540 100644
--- a/ECMASCript 2021/set.js
+++ b/Modern Development/ECMASCript 2021/set.js
@@ -1,50 +1,50 @@
-// The Set object lets you store unique values of any type, whether primitive values or object references. Faster, and forces uniqueness of values.
-
-const mySet1 = new Set()
-
-mySet1.add(1) // Set [ 1 ]
-mySet1.add(5) // Set [ 1, 5 ]
-mySet1.add(5) // Set [ 1, 5 ]
-mySet1.add('some text') // Set [ 1, 5, 'some text' ]
-const o = {a: 1, b: 2}
-mySet1.add(o)
-
-mySet1.add({a: 1, b: 2}) // o is referencing a different object, so this is okay
-
-mySet1.has(1) // true
-mySet1.has(3) // false, since 3 has not been added to the set
-mySet1.has(5) // true
-mySet1.has(Math.sqrt(25)) // true
-mySet1.has('Some Text'.toLowerCase()) // true
-mySet1.has(o) // true
-
-mySet1.size // 5
-
-mySet1.delete(5) // removes 5 from the set
-mySet1.has(5) // false, 5 has been removed
-
-mySet1.size // 4, since we just removed one value
-
-mySet1.add(5) // Set [1, 'some text', {...}, {...}, 5] - a previously deleted item will be added as a new item, it will not retain its original position before deletion
-
-console.log(mySet1)
-// logs Set(5) [ 1, "some text", {…}, {…}, 5 ] in Firefox
-// logs Set(5) { 1, "some text", {…}, {…}, 5 } in Chrome
-
-//or in servicenow
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
-
- let incidents = new Set();
-
- while (inc_gr.next()){
- incidents.add(inc_gr.getValue('short_description'));
- }
-
- current.work_notes = incidents.has(inc_gr.getValue('short_description')) + '\n' + incidents.values().next().value + '\n' + incidents.size;
-
+// The Set object lets you store unique values of any type, whether primitive values or object references. Faster, and forces uniqueness of values.
+
+const mySet1 = new Set()
+
+mySet1.add(1) // Set [ 1 ]
+mySet1.add(5) // Set [ 1, 5 ]
+mySet1.add(5) // Set [ 1, 5 ]
+mySet1.add('some text') // Set [ 1, 5, 'some text' ]
+const o = {a: 1, b: 2}
+mySet1.add(o)
+
+mySet1.add({a: 1, b: 2}) // o is referencing a different object, so this is okay
+
+mySet1.has(1) // true
+mySet1.has(3) // false, since 3 has not been added to the set
+mySet1.has(5) // true
+mySet1.has(Math.sqrt(25)) // true
+mySet1.has('Some Text'.toLowerCase()) // true
+mySet1.has(o) // true
+
+mySet1.size // 5
+
+mySet1.delete(5) // removes 5 from the set
+mySet1.has(5) // false, 5 has been removed
+
+mySet1.size // 4, since we just removed one value
+
+mySet1.add(5) // Set [1, 'some text', {...}, {...}, 5] - a previously deleted item will be added as a new item, it will not retain its original position before deletion
+
+console.log(mySet1)
+// logs Set(5) [ 1, "some text", {…}, {…}, 5 ] in Firefox
+// logs Set(5) { 1, "some text", {…}, {…}, 5 } in Chrome
+
+//or in servicenow
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+
+ let incidents = new Set();
+
+ while (inc_gr.next()){
+ incidents.add(inc_gr.getValue('short_description'));
+ }
+
+ current.work_notes = incidents.has(inc_gr.getValue('short_description')) + '\n' + incidents.values().next().value + '\n' + incidents.size;
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/spread.js b/Modern Development/ECMASCript 2021/spread.js
similarity index 96%
rename from ECMASCript 2021/spread.js
rename to Modern Development/ECMASCript 2021/spread.js
index 083700115c..a9c3d9c189 100644
--- a/ECMASCript 2021/spread.js
+++ b/Modern Development/ECMASCript 2021/spread.js
@@ -1,20 +1,20 @@
-(function executeRule(current, previous /*null when async*/) {
-
- var inc_gr = new GlideRecord('incident');
- inc_gr.orderByDesc('number');
- inc_gr.setLimit(3);
- inc_gr.query();
- let incidents = [];
- while (inc_gr.next()){
- incidents.push(inc_gr.getValue('short_description'));
- }
-
- function sum(x, y, z) {
- return x + '\n' + y + '\n' + z;
- }
-
- const incidents_obj = { ...incidents}; //the array's items are "spread" out as parameters
-
- current.work_notes = sum(...incidents) + '\n' + JSON.stringify(incidents_obj);
-
+(function executeRule(current, previous /*null when async*/) {
+
+ var inc_gr = new GlideRecord('incident');
+ inc_gr.orderByDesc('number');
+ inc_gr.setLimit(3);
+ inc_gr.query();
+ let incidents = [];
+ while (inc_gr.next()){
+ incidents.push(inc_gr.getValue('short_description'));
+ }
+
+ function sum(x, y, z) {
+ return x + '\n' + y + '\n' + z;
+ }
+
+ const incidents_obj = { ...incidents}; //the array's items are "spread" out as parameters
+
+ current.work_notes = sum(...incidents) + '\n' + JSON.stringify(incidents_obj);
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/symbol.js b/Modern Development/ECMASCript 2021/symbol.js
similarity index 98%
rename from ECMASCript 2021/symbol.js
rename to Modern Development/ECMASCript 2021/symbol.js
index 205c7a2a83..3ef140b00c 100644
--- a/ECMASCript 2021/symbol.js
+++ b/Modern Development/ECMASCript 2021/symbol.js
@@ -1,22 +1,22 @@
-// Symbol is a built-in object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to add unique property keys to an object that won't collide with keys any other code might add to the object, and which are hidden from any mechanisms other code will typically use to access the object. That enables a form of weak encapsulation, or a weak form of information hiding.
-
-// Every Symbol() call is guaranteed to return a unique Symbol. Every Symbol.for("key") call will always return the same Symbol for a given value of "key". When Symbol.for("key") is called, if a Symbol with the given key can be found in the global Symbol registry, that Symbol is returned. Otherwise, a new Symbol is created, added to the global Symbol registry under the given key, and returned.
-
-(function executeRule(current, previous /*null when async*/) {
-
- var incidents = [];
- let incident = {
- number: current.number,
- short_description: current.short_description
- };
-
- incidents.push(incident);
- incidents.push(incident);
-
- var incidents2 = [];
- incidents2.push(Symbol(incident));
- incidents2.push(Symbol(incident));
-
- current.work_notes = (incidents[0] == incidents[1]) + '\n' + (incidents2[0] == incidents2[1]); //Notice how the first one is true and the second is false, despite all four items being the "same"
-
+// Symbol is a built-in object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to add unique property keys to an object that won't collide with keys any other code might add to the object, and which are hidden from any mechanisms other code will typically use to access the object. That enables a form of weak encapsulation, or a weak form of information hiding.
+
+// Every Symbol() call is guaranteed to return a unique Symbol. Every Symbol.for("key") call will always return the same Symbol for a given value of "key". When Symbol.for("key") is called, if a Symbol with the given key can be found in the global Symbol registry, that Symbol is returned. Otherwise, a new Symbol is created, added to the global Symbol registry under the given key, and returned.
+
+(function executeRule(current, previous /*null when async*/) {
+
+ var incidents = [];
+ let incident = {
+ number: current.number,
+ short_description: current.short_description
+ };
+
+ incidents.push(incident);
+ incidents.push(incident);
+
+ var incidents2 = [];
+ incidents2.push(Symbol(incident));
+ incidents2.push(Symbol(incident));
+
+ current.work_notes = (incidents[0] == incidents[1]) + '\n' + (incidents2[0] == incidents2[1]); //Notice how the first one is true and the second is false, despite all four items being the "same"
+
})(current, previous);
\ No newline at end of file
diff --git a/ECMASCript 2021/templatestringsandliterals.js b/Modern Development/ECMASCript 2021/templatestringsandliterals.js
similarity index 96%
rename from ECMASCript 2021/templatestringsandliterals.js
rename to Modern Development/ECMASCript 2021/templatestringsandliterals.js
index ffa744b7bb..059f09f92d 100644
--- a/ECMASCript 2021/templatestringsandliterals.js
+++ b/Modern Development/ECMASCript 2021/templatestringsandliterals.js
@@ -1,21 +1,21 @@
-// I love this one because it makes it so much easier to copy and paste multi-line strings into my code. I use this a lot on AdventOfCode challenges!
-
-(function executeRule(current, previous /*null when async*/) {
-
- let x = `hello
- world
- lchh loves you`;
-
- current.work_notes = x; //goodbye \n
-
-})(current, previous);
-
-// Another way that these are helpful are for templates (Thanks Chris Helming for the suggestion):
-
-(function executeRule(current, previous /*null when async*/) {
-
- const a = 5;
- const b = 10;
- current.work_notes = `Fifteen is ${a + b} and not ${2 * a + b}.`;
-
-})(current, previous);
+// I love this one because it makes it so much easier to copy and paste multi-line strings into my code. I use this a lot on AdventOfCode challenges!
+
+(function executeRule(current, previous /*null when async*/) {
+
+ let x = `hello
+ world
+ lchh loves you`;
+
+ current.work_notes = x; //goodbye \n
+
+})(current, previous);
+
+// Another way that these are helpful are for templates (Thanks Chris Helming for the suggestion):
+
+(function executeRule(current, previous /*null when async*/) {
+
+ const a = 5;
+ const b = 10;
+ current.work_notes = `Fifteen is ${a + b} and not ${2 * a + b}.`;
+
+})(current, previous);
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/CMDB Resolver.js b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/CMDB Resolver.js
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/CMDB Resolver.js
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/CMDB Resolver.js
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/GetIncident_Details.gql b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/GetIncident_Details.gql
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/GetIncident_Details.gql
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/GetIncident_Details.gql
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/Incident Resolver.js b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/Incident Resolver.js
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/Incident Resolver.js
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/Incident Resolver.js
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/README.md b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/README.md
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/README.md
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/README.md
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/User Resolver.js b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/User Resolver.js
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/User Resolver.js
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/User Resolver.js
diff --git a/GraphQL/Sample INC Details GraphQL Code Snippet/resolver mapping.js b/Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/resolver mapping.js
similarity index 100%
rename from GraphQL/Sample INC Details GraphQL Code Snippet/resolver mapping.js
rename to Modern Development/GraphQL/Sample INC Details GraphQL Code Snippet/resolver mapping.js
diff --git a/GraphQL/Sample group query/README.md b/Modern Development/GraphQL/Sample group query/README.md
similarity index 100%
rename from GraphQL/Sample group query/README.md
rename to Modern Development/GraphQL/Sample group query/README.md
diff --git a/GraphQL/Sample group query/addUserToGroup.js b/Modern Development/GraphQL/Sample group query/addUserToGroup.js
similarity index 100%
rename from GraphQL/Sample group query/addUserToGroup.js
rename to Modern Development/GraphQL/Sample group query/addUserToGroup.js
diff --git a/GraphQL/Sample group query/add_user_to_group_broker_properties.json b/Modern Development/GraphQL/Sample group query/add_user_to_group_broker_properties.json
similarity index 100%
rename from GraphQL/Sample group query/add_user_to_group_broker_properties.json
rename to Modern Development/GraphQL/Sample group query/add_user_to_group_broker_properties.json
diff --git a/GraphQL/Sample group query/add_user_to_group_broker_query.gql b/Modern Development/GraphQL/Sample group query/add_user_to_group_broker_query.gql
similarity index 100%
rename from GraphQL/Sample group query/add_user_to_group_broker_query.gql
rename to Modern Development/GraphQL/Sample group query/add_user_to_group_broker_query.gql
diff --git a/GraphQL/Sample group query/getGroups.js b/Modern Development/GraphQL/Sample group query/getGroups.js
similarity index 100%
rename from GraphQL/Sample group query/getGroups.js
rename to Modern Development/GraphQL/Sample group query/getGroups.js
diff --git a/GraphQL/Sample group query/get_groups_broker_query.gql b/Modern Development/GraphQL/Sample group query/get_groups_broker_query.gql
similarity index 100%
rename from GraphQL/Sample group query/get_groups_broker_query.gql
rename to Modern Development/GraphQL/Sample group query/get_groups_broker_query.gql
diff --git a/GraphQL/Sample group query/resolver_mappings.json b/Modern Development/GraphQL/Sample group query/resolver_mappings.json
similarity index 100%
rename from GraphQL/Sample group query/resolver_mappings.json
rename to Modern Development/GraphQL/Sample group query/resolver_mappings.json
diff --git a/GraphQL/Sample group query/schema.gql b/Modern Development/GraphQL/Sample group query/schema.gql
similarity index 100%
rename from GraphQL/Sample group query/schema.gql
rename to Modern Development/GraphQL/Sample group query/schema.gql
diff --git a/GraphQL/Sample users query/README.md b/Modern Development/GraphQL/Sample users query/README.md
similarity index 100%
rename from GraphQL/Sample users query/README.md
rename to Modern Development/GraphQL/Sample users query/README.md
diff --git a/GraphQL/Sample users query/getUserGroups.js b/Modern Development/GraphQL/Sample users query/getUserGroups.js
similarity index 100%
rename from GraphQL/Sample users query/getUserGroups.js
rename to Modern Development/GraphQL/Sample users query/getUserGroups.js
diff --git a/GraphQL/Sample users query/getUserObject.js b/Modern Development/GraphQL/Sample users query/getUserObject.js
similarity index 100%
rename from GraphQL/Sample users query/getUserObject.js
rename to Modern Development/GraphQL/Sample users query/getUserObject.js
diff --git a/GraphQL/Sample users query/getUserRoles.js b/Modern Development/GraphQL/Sample users query/getUserRoles.js
similarity index 100%
rename from GraphQL/Sample users query/getUserRoles.js
rename to Modern Development/GraphQL/Sample users query/getUserRoles.js
diff --git a/GraphQL/Sample users query/get_user_broker_properties.json b/Modern Development/GraphQL/Sample users query/get_user_broker_properties.json
similarity index 100%
rename from GraphQL/Sample users query/get_user_broker_properties.json
rename to Modern Development/GraphQL/Sample users query/get_user_broker_properties.json
diff --git a/GraphQL/Sample users query/get_user_broker_query.gql b/Modern Development/GraphQL/Sample users query/get_user_broker_query.gql
similarity index 100%
rename from GraphQL/Sample users query/get_user_broker_query.gql
rename to Modern Development/GraphQL/Sample users query/get_user_broker_query.gql
diff --git a/GraphQL/Sample users query/resolver_mappings.json b/Modern Development/GraphQL/Sample users query/resolver_mappings.json
similarity index 100%
rename from GraphQL/Sample users query/resolver_mappings.json
rename to Modern Development/GraphQL/Sample users query/resolver_mappings.json
diff --git a/GraphQL/Sample users query/schema.gql b/Modern Development/GraphQL/Sample users query/schema.gql
similarity index 100%
rename from GraphQL/Sample users query/schema.gql
rename to Modern Development/GraphQL/Sample users query/schema.gql
diff --git a/NOW Experience/JSX Cheat Sheet/README.md b/Modern Development/NOW Experience/JSX Cheat Sheet/README.md
similarity index 100%
rename from NOW Experience/JSX Cheat Sheet/README.md
rename to Modern Development/NOW Experience/JSX Cheat Sheet/README.md
diff --git a/Service Portal Widgets/Accordion Widget/Accordion Widget Image.png b/Modern Development/Service Portal Widgets/Accordion Widget/Accordion Widget Image.png
similarity index 100%
rename from Service Portal Widgets/Accordion Widget/Accordion Widget Image.png
rename to Modern Development/Service Portal Widgets/Accordion Widget/Accordion Widget Image.png
diff --git a/Service Portal Widgets/Accordion Widget/CSS-SCSS.scss b/Modern Development/Service Portal Widgets/Accordion Widget/CSS-SCSS.scss
similarity index 100%
rename from Service Portal Widgets/Accordion Widget/CSS-SCSS.scss
rename to Modern Development/Service Portal Widgets/Accordion Widget/CSS-SCSS.scss
diff --git a/Service Portal Widgets/Accordion Widget/HTML Template.html b/Modern Development/Service Portal Widgets/Accordion Widget/HTML Template.html
similarity index 100%
rename from Service Portal Widgets/Accordion Widget/HTML Template.html
rename to Modern Development/Service Portal Widgets/Accordion Widget/HTML Template.html
diff --git a/Service Portal Widgets/Accordion Widget/README.md b/Modern Development/Service Portal Widgets/Accordion Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Accordion Widget/README.md
rename to Modern Development/Service Portal Widgets/Accordion Widget/README.md
diff --git a/Service Portal Widgets/AngularJS Directives and Filters/README.md b/Modern Development/Service Portal Widgets/AngularJS Directives and Filters/README.md
similarity index 100%
rename from Service Portal Widgets/AngularJS Directives and Filters/README.md
rename to Modern Development/Service Portal Widgets/AngularJS Directives and Filters/README.md
diff --git a/Service Portal Widgets/AngularJS Directives and Filters/client_script.js b/Modern Development/Service Portal Widgets/AngularJS Directives and Filters/client_script.js
similarity index 100%
rename from Service Portal Widgets/AngularJS Directives and Filters/client_script.js
rename to Modern Development/Service Portal Widgets/AngularJS Directives and Filters/client_script.js
diff --git a/Service Portal Widgets/AngularJS Directives and Filters/css.css b/Modern Development/Service Portal Widgets/AngularJS Directives and Filters/css.css
similarity index 100%
rename from Service Portal Widgets/AngularJS Directives and Filters/css.css
rename to Modern Development/Service Portal Widgets/AngularJS Directives and Filters/css.css
diff --git a/Service Portal Widgets/AngularJS Directives and Filters/html.html b/Modern Development/Service Portal Widgets/AngularJS Directives and Filters/html.html
similarity index 100%
rename from Service Portal Widgets/AngularJS Directives and Filters/html.html
rename to Modern Development/Service Portal Widgets/AngularJS Directives and Filters/html.html
diff --git a/Service Portal Widgets/AngularJS Directives and Filters/server_script.js b/Modern Development/Service Portal Widgets/AngularJS Directives and Filters/server_script.js
similarity index 100%
rename from Service Portal Widgets/AngularJS Directives and Filters/server_script.js
rename to Modern Development/Service Portal Widgets/AngularJS Directives and Filters/server_script.js
diff --git a/Service Portal Widgets/ApplyCSSDynamically/README.md b/Modern Development/Service Portal Widgets/ApplyCSSDynamically/README.md
similarity index 100%
rename from Service Portal Widgets/ApplyCSSDynamically/README.md
rename to Modern Development/Service Portal Widgets/ApplyCSSDynamically/README.md
diff --git a/Service Portal Widgets/ApplyCSSDynamically/applycssdynamically.html b/Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamically.html
similarity index 100%
rename from Service Portal Widgets/ApplyCSSDynamically/applycssdynamically.html
rename to Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamically.html
diff --git a/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyclient.js b/Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyclient.js
similarity index 100%
rename from Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyclient.js
rename to Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyclient.js
diff --git a/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyserver.js b/Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyserver.js
similarity index 100%
rename from Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyserver.js
rename to Modern Development/Service Portal Widgets/ApplyCSSDynamically/applycssdynamicallyserver.js
diff --git a/Service Portal Widgets/Batman Animation/Batman Background Image.jpg b/Modern Development/Service Portal Widgets/Batman Animation/Batman Background Image.jpg
similarity index 100%
rename from Service Portal Widgets/Batman Animation/Batman Background Image.jpg
rename to Modern Development/Service Portal Widgets/Batman Animation/Batman Background Image.jpg
diff --git a/Service Portal Widgets/Batman Animation/Batman logo.png b/Modern Development/Service Portal Widgets/Batman Animation/Batman logo.png
similarity index 100%
rename from Service Portal Widgets/Batman Animation/Batman logo.png
rename to Modern Development/Service Portal Widgets/Batman Animation/Batman logo.png
diff --git a/Service Portal Widgets/Batman Animation/README.md b/Modern Development/Service Portal Widgets/Batman Animation/README.md
similarity index 100%
rename from Service Portal Widgets/Batman Animation/README.md
rename to Modern Development/Service Portal Widgets/Batman Animation/README.md
diff --git a/Service Portal Widgets/Batman Animation/client_script.js b/Modern Development/Service Portal Widgets/Batman Animation/client_script.js
similarity index 100%
rename from Service Portal Widgets/Batman Animation/client_script.js
rename to Modern Development/Service Portal Widgets/Batman Animation/client_script.js
diff --git a/Service Portal Widgets/Batman Animation/html_template.html b/Modern Development/Service Portal Widgets/Batman Animation/html_template.html
similarity index 100%
rename from Service Portal Widgets/Batman Animation/html_template.html
rename to Modern Development/Service Portal Widgets/Batman Animation/html_template.html
diff --git a/Service Portal Widgets/Batman Animation/style.css b/Modern Development/Service Portal Widgets/Batman Animation/style.css
similarity index 100%
rename from Service Portal Widgets/Batman Animation/style.css
rename to Modern Development/Service Portal Widgets/Batman Animation/style.css
diff --git a/Service Portal Widgets/Calendar widget/README.md b/Modern Development/Service Portal Widgets/Calendar widget/README.md
similarity index 98%
rename from Service Portal Widgets/Calendar widget/README.md
rename to Modern Development/Service Portal Widgets/Calendar widget/README.md
index 0a644f3a2a..6226619d4a 100644
--- a/Service Portal Widgets/Calendar widget/README.md
+++ b/Modern Development/Service Portal Widgets/Calendar widget/README.md
@@ -1,41 +1,41 @@
-# Calendar Widget for ServiceNow Portal
-This widget creates a simple, interactive calendar for the ServiceNow portal, allowing users to navigate through months and view the current day highlighted. It displays the days of the month in a grid layout.
-
-## Features
-Monthly Navigation: Buttons for navigating between months.
-Current Day Highlighting: The current date is highlighted in light blue.
-Responsive Layout: The calendar adjusts to fit within the widget container.
-
-## Usage
-
-HTML Structure: The main HTML structure displays month navigation buttons and the days in a grid layout.
-
-CSS Styling: CSS styles define the appearance of the calendar, including a shadowed border, day alignment.
-
-JavaScript Controller:
-
-Defines the calendar's navigation functionality.
-Calculates and displays the days of the selected month.
-Highlights today’s date if it is within the selected month.
-
-## Code Structure
-### Controller (api.controller):
-Initializes the month and year to display the current month.
-Provides functions to navigate to the previous and next month.
-Calculates the days of the selected month and highlights the current date.
-### CSS:
-.calendar-widget: The main container for the calendar.
-.calendar-header: Contains the month name and navigation buttons.
-
-## Customization
-### Highlight Colors:
-Modify .current-day in the CSS to change the color for today’s date.
-Month Names and Day Names:
-Update the $scope.monthNames and $scope.dayNames arrays to localize or customize the labels.
-
-### Example Usage
-In the ServiceNow portal, add this widget to display an interactive calendar. This can be embedded in any dashboard or custom page where date visualization is needed.
-
-## Known Issues
-Initial Load: If dates do not display immediately, ensure the ng-init="loadCalendar()" directive is included in the main container.
+# Calendar Widget for ServiceNow Portal
+This widget creates a simple, interactive calendar for the ServiceNow portal, allowing users to navigate through months and view the current day highlighted. It displays the days of the month in a grid layout.
+
+## Features
+Monthly Navigation: Buttons for navigating between months.
+Current Day Highlighting: The current date is highlighted in light blue.
+Responsive Layout: The calendar adjusts to fit within the widget container.
+
+## Usage
+
+HTML Structure: The main HTML structure displays month navigation buttons and the days in a grid layout.
+
+CSS Styling: CSS styles define the appearance of the calendar, including a shadowed border, day alignment.
+
+JavaScript Controller:
+
+Defines the calendar's navigation functionality.
+Calculates and displays the days of the selected month.
+Highlights today’s date if it is within the selected month.
+
+## Code Structure
+### Controller (api.controller):
+Initializes the month and year to display the current month.
+Provides functions to navigate to the previous and next month.
+Calculates the days of the selected month and highlights the current date.
+### CSS:
+.calendar-widget: The main container for the calendar.
+.calendar-header: Contains the month name and navigation buttons.
+
+## Customization
+### Highlight Colors:
+Modify .current-day in the CSS to change the color for today’s date.
+Month Names and Day Names:
+Update the $scope.monthNames and $scope.dayNames arrays to localize or customize the labels.
+
+### Example Usage
+In the ServiceNow portal, add this widget to display an interactive calendar. This can be embedded in any dashboard or custom page where date visualization is needed.
+
+## Known Issues
+Initial Load: If dates do not display immediately, ensure the ng-init="loadCalendar()" directive is included in the main container.
Date Accuracy: The calendar currently starts with today's date. If dates appear incorrect, check the $scope.loadCalendar() function for accurate month and day calculations.
\ No newline at end of file
diff --git a/Service Portal Widgets/Calendar widget/index.html b/Modern Development/Service Portal Widgets/Calendar widget/index.html
similarity index 97%
rename from Service Portal Widgets/Calendar widget/index.html
rename to Modern Development/Service Portal Widgets/Calendar widget/index.html
index e5d6d48406..7292427849 100644
--- a/Service Portal Widgets/Calendar widget/index.html
+++ b/Modern Development/Service Portal Widgets/Calendar widget/index.html
@@ -1,17 +1,17 @@
-
+
diff --git a/Service Portal Widgets/Calendar widget/script.js b/Modern Development/Service Portal Widgets/Calendar widget/script.js
similarity index 97%
rename from Service Portal Widgets/Calendar widget/script.js
rename to Modern Development/Service Portal Widgets/Calendar widget/script.js
index 7f6a036d37..447b21192a 100644
--- a/Service Portal Widgets/Calendar widget/script.js
+++ b/Modern Development/Service Portal Widgets/Calendar widget/script.js
@@ -1,60 +1,60 @@
-api.controller = function($scope) {
- // Month and day names
- $scope.monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
- $scope.dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-
- // Initialize the current month, year, and days
- var today = new Date();
- $scope.currentMonth = today.getMonth();
- $scope.currentYear = today.getFullYear();
- $scope.days = [];
-
- // Load the calendar days
- $scope.loadCalendar = function() {
- $scope.days = [];
-
- // Calculate the first and last day of the month
- var firstDay = new Date($scope.currentYear, $scope.currentMonth, 1).getDay();
- var lastDate = new Date($scope.currentYear, $scope.currentMonth + 1, 0).getDate();
-
- // Add empty days for alignment (for days before the 1st of the month)
- for (var i = 0; i < firstDay; i++) {
- $scope.days.push('');
- }
-
- // Add days of the month
- for (var day = 1; day <= lastDate; day++) {
- $scope.days.push(day);
- }
- };
-
- // Check if the day is today
- $scope.isCurrentDay = function(day) {
- return day == today.getDate() && $scope.currentMonth == today.getMonth() && $scope.currentYear == today.getFullYear();
- };
-
- // Navigate to the previous month
- $scope.prevMonth = function() {
- if ($scope.currentMonth === 0) {
- $scope.currentMonth = 11;
- $scope.currentYear--;
- } else {
- $scope.currentMonth--;
- }
- $scope.loadCalendar();
- };
-
- // Navigate to the next month
- $scope.nextMonth = function() {
- if ($scope.currentMonth === 11) {
- $scope.currentMonth = 0;
- $scope.currentYear++;
- } else {
- $scope.currentMonth++;
- }
- $scope.loadCalendar();
- };
-
- // Initialize the calendar for the current month
- $scope.loadCalendar();
-};
+api.controller = function($scope) {
+ // Month and day names
+ $scope.monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+ $scope.dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+
+ // Initialize the current month, year, and days
+ var today = new Date();
+ $scope.currentMonth = today.getMonth();
+ $scope.currentYear = today.getFullYear();
+ $scope.days = [];
+
+ // Load the calendar days
+ $scope.loadCalendar = function() {
+ $scope.days = [];
+
+ // Calculate the first and last day of the month
+ var firstDay = new Date($scope.currentYear, $scope.currentMonth, 1).getDay();
+ var lastDate = new Date($scope.currentYear, $scope.currentMonth + 1, 0).getDate();
+
+ // Add empty days for alignment (for days before the 1st of the month)
+ for (var i = 0; i < firstDay; i++) {
+ $scope.days.push('');
+ }
+
+ // Add days of the month
+ for (var day = 1; day <= lastDate; day++) {
+ $scope.days.push(day);
+ }
+ };
+
+ // Check if the day is today
+ $scope.isCurrentDay = function(day) {
+ return day == today.getDate() && $scope.currentMonth == today.getMonth() && $scope.currentYear == today.getFullYear();
+ };
+
+ // Navigate to the previous month
+ $scope.prevMonth = function() {
+ if ($scope.currentMonth === 0) {
+ $scope.currentMonth = 11;
+ $scope.currentYear--;
+ } else {
+ $scope.currentMonth--;
+ }
+ $scope.loadCalendar();
+ };
+
+ // Navigate to the next month
+ $scope.nextMonth = function() {
+ if ($scope.currentMonth === 11) {
+ $scope.currentMonth = 0;
+ $scope.currentYear++;
+ } else {
+ $scope.currentMonth++;
+ }
+ $scope.loadCalendar();
+ };
+
+ // Initialize the calendar for the current month
+ $scope.loadCalendar();
+};
diff --git a/Service Portal Widgets/Calendar widget/style.css b/Modern Development/Service Portal Widgets/Calendar widget/style.css
similarity index 94%
rename from Service Portal Widgets/Calendar widget/style.css
rename to Modern Development/Service Portal Widgets/Calendar widget/style.css
index 2cf02694b4..83ea7eb698 100644
--- a/Service Portal Widgets/Calendar widget/style.css
+++ b/Modern Development/Service Portal Widgets/Calendar widget/style.css
@@ -1,48 +1,48 @@
-.calendar-widget {
- width: 100%;
- max-width: 300px;
- margin: auto;
- font-family: Arial, sans-serif;
- border: 1px solid #ddd;
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
-}
-
-.calendar-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 10px;
- background-color: #f4f4f4;
- font-weight: bold;
-}
-
-.calendar-header button {
- background: none;
- border: none;
- font-size: 1.2em;
- cursor: pointer;
-}
-
-.calendar-days {
- display: grid;
- grid-template-columns: repeat(7, 1fr);
- text-align: center;
-}
-
-.day-name {
- font-weight: bold;
- padding: 5px 0;
- color: #555;
-}
-
-.day {
- padding: 10px 0;
- border: 1px solid #f0f0f0;
-}
-
-.current-day {
- background-color: #d3e9ff;
- font-weight: bold;
- color: #333;
- border-radius: 50%;
-}
+.calendar-widget {
+ width: 100%;
+ max-width: 300px;
+ margin: auto;
+ font-family: Arial, sans-serif;
+ border: 1px solid #ddd;
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
+}
+
+.calendar-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px;
+ background-color: #f4f4f4;
+ font-weight: bold;
+}
+
+.calendar-header button {
+ background: none;
+ border: none;
+ font-size: 1.2em;
+ cursor: pointer;
+}
+
+.calendar-days {
+ display: grid;
+ grid-template-columns: repeat(7, 1fr);
+ text-align: center;
+}
+
+.day-name {
+ font-weight: bold;
+ padding: 5px 0;
+ color: #555;
+}
+
+.day {
+ padding: 10px 0;
+ border: 1px solid #f0f0f0;
+}
+
+.current-day {
+ background-color: #d3e9ff;
+ font-weight: bold;
+ color: #333;
+ border-radius: 50%;
+}
diff --git a/Service Portal Widgets/Card Image Link/README.md b/Modern Development/Service Portal Widgets/Card Image Link/README.md
similarity index 100%
rename from Service Portal Widgets/Card Image Link/README.md
rename to Modern Development/Service Portal Widgets/Card Image Link/README.md
diff --git a/Service Portal Widgets/Card Image Link/doc/card_result.png b/Modern Development/Service Portal Widgets/Card Image Link/doc/card_result.png
similarity index 100%
rename from Service Portal Widgets/Card Image Link/doc/card_result.png
rename to Modern Development/Service Portal Widgets/Card Image Link/doc/card_result.png
diff --git a/Service Portal Widgets/Card Image Link/doc/card_setup.png b/Modern Development/Service Portal Widgets/Card Image Link/doc/card_setup.png
similarity index 100%
rename from Service Portal Widgets/Card Image Link/doc/card_setup.png
rename to Modern Development/Service Portal Widgets/Card Image Link/doc/card_setup.png
diff --git a/Service Portal Widgets/Card Image Link/mm_card.html b/Modern Development/Service Portal Widgets/Card Image Link/mm_card.html
similarity index 100%
rename from Service Portal Widgets/Card Image Link/mm_card.html
rename to Modern Development/Service Portal Widgets/Card Image Link/mm_card.html
diff --git a/Service Portal Widgets/Card Image Link/mm_card_client_script.js b/Modern Development/Service Portal Widgets/Card Image Link/mm_card_client_script.js
similarity index 100%
rename from Service Portal Widgets/Card Image Link/mm_card_client_script.js
rename to Modern Development/Service Portal Widgets/Card Image Link/mm_card_client_script.js
diff --git a/Service Portal Widgets/Card Image Link/mm_card_css.css b/Modern Development/Service Portal Widgets/Card Image Link/mm_card_css.css
similarity index 100%
rename from Service Portal Widgets/Card Image Link/mm_card_css.css
rename to Modern Development/Service Portal Widgets/Card Image Link/mm_card_css.css
diff --git a/Service Portal Widgets/Card Image Link/mm_card_server_script.js b/Modern Development/Service Portal Widgets/Card Image Link/mm_card_server_script.js
similarity index 100%
rename from Service Portal Widgets/Card Image Link/mm_card_server_script.js
rename to Modern Development/Service Portal Widgets/Card Image Link/mm_card_server_script.js
diff --git a/Service Portal Widgets/Card Image Link/mm_card_widget_schema.json b/Modern Development/Service Portal Widgets/Card Image Link/mm_card_widget_schema.json
similarity index 100%
rename from Service Portal Widgets/Card Image Link/mm_card_widget_schema.json
rename to Modern Development/Service Portal Widgets/Card Image Link/mm_card_widget_schema.json
diff --git a/Service Portal Widgets/Catalog Item Explorer/README.md b/Modern Development/Service Portal Widgets/Catalog Item Explorer/README.md
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/README.md
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/README.md
diff --git a/Service Portal Widgets/Catalog Item Explorer/client_script.js b/Modern Development/Service Portal Widgets/Catalog Item Explorer/client_script.js
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/client_script.js
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/client_script.js
diff --git a/Service Portal Widgets/Catalog Item Explorer/css.scss b/Modern Development/Service Portal Widgets/Catalog Item Explorer/css.scss
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/css.scss
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/css.scss
diff --git a/Service Portal Widgets/Catalog Item Explorer/options_schema.json b/Modern Development/Service Portal Widgets/Catalog Item Explorer/options_schema.json
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/options_schema.json
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/options_schema.json
diff --git a/Service Portal Widgets/Catalog Item Explorer/script.js b/Modern Development/Service Portal Widgets/Catalog Item Explorer/script.js
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/script.js
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/script.js
diff --git a/Service Portal Widgets/Catalog Item Explorer/template.html b/Modern Development/Service Portal Widgets/Catalog Item Explorer/template.html
similarity index 100%
rename from Service Portal Widgets/Catalog Item Explorer/template.html
rename to Modern Development/Service Portal Widgets/Catalog Item Explorer/template.html
diff --git a/Service Portal Widgets/Change Notification Preferences/README.md b/Modern Development/Service Portal Widgets/Change Notification Preferences/README.md
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/README.md
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/README.md
diff --git a/Service Portal Widgets/Change Notification Preferences/client.js b/Modern Development/Service Portal Widgets/Change Notification Preferences/client.js
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/client.js
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/client.js
diff --git a/Service Portal Widgets/Change Notification Preferences/css.css b/Modern Development/Service Portal Widgets/Change Notification Preferences/css.css
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/css.css
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/css.css
diff --git a/Service Portal Widgets/Change Notification Preferences/html.html b/Modern Development/Service Portal Widgets/Change Notification Preferences/html.html
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/html.html
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/html.html
diff --git a/Service Portal Widgets/Change Notification Preferences/notification_preference.js b/Modern Development/Service Portal Widgets/Change Notification Preferences/notification_preference.js
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/notification_preference.js
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/notification_preference.js
diff --git a/Service Portal Widgets/Change Notification Preferences/server.js b/Modern Development/Service Portal Widgets/Change Notification Preferences/server.js
similarity index 100%
rename from Service Portal Widgets/Change Notification Preferences/server.js
rename to Modern Development/Service Portal Widgets/Change Notification Preferences/server.js
diff --git a/Service Portal Widgets/Check if user has specific role inside the widget/ClientScript.js b/Modern Development/Service Portal Widgets/Check if user has specific role inside the widget/ClientScript.js
similarity index 100%
rename from Service Portal Widgets/Check if user has specific role inside the widget/ClientScript.js
rename to Modern Development/Service Portal Widgets/Check if user has specific role inside the widget/ClientScript.js
diff --git a/Service Portal Widgets/Check if user has specific role inside the widget/README.md b/Modern Development/Service Portal Widgets/Check if user has specific role inside the widget/README.md
similarity index 100%
rename from Service Portal Widgets/Check if user has specific role inside the widget/README.md
rename to Modern Development/Service Portal Widgets/Check if user has specific role inside the widget/README.md
diff --git a/Service Portal Widgets/Clickable SVG Image/README.md b/Modern Development/Service Portal Widgets/Clickable SVG Image/README.md
similarity index 100%
rename from Service Portal Widgets/Clickable SVG Image/README.md
rename to Modern Development/Service Portal Widgets/Clickable SVG Image/README.md
diff --git a/Service Portal Widgets/Clickable SVG Image/client.js b/Modern Development/Service Portal Widgets/Clickable SVG Image/client.js
similarity index 100%
rename from Service Portal Widgets/Clickable SVG Image/client.js
rename to Modern Development/Service Portal Widgets/Clickable SVG Image/client.js
diff --git a/Service Portal Widgets/Clickable SVG Image/echarts.js b/Modern Development/Service Portal Widgets/Clickable SVG Image/echarts.js
similarity index 100%
rename from Service Portal Widgets/Clickable SVG Image/echarts.js
rename to Modern Development/Service Portal Widgets/Clickable SVG Image/echarts.js
diff --git a/Service Portal Widgets/Clickable SVG Image/flight-seats.svg b/Modern Development/Service Portal Widgets/Clickable SVG Image/flight-seats.svg
similarity index 100%
rename from Service Portal Widgets/Clickable SVG Image/flight-seats.svg
rename to Modern Development/Service Portal Widgets/Clickable SVG Image/flight-seats.svg
diff --git a/Service Portal Widgets/Clickable SVG Image/html.html b/Modern Development/Service Portal Widgets/Clickable SVG Image/html.html
similarity index 100%
rename from Service Portal Widgets/Clickable SVG Image/html.html
rename to Modern Development/Service Portal Widgets/Clickable SVG Image/html.html
diff --git a/Service Portal Widgets/Client side pagination/README.md b/Modern Development/Service Portal Widgets/Client side pagination/README.md
similarity index 100%
rename from Service Portal Widgets/Client side pagination/README.md
rename to Modern Development/Service Portal Widgets/Client side pagination/README.md
diff --git a/Service Portal Widgets/Client side pagination/script.js b/Modern Development/Service Portal Widgets/Client side pagination/script.js
similarity index 100%
rename from Service Portal Widgets/Client side pagination/script.js
rename to Modern Development/Service Portal Widgets/Client side pagination/script.js
diff --git a/Service Portal Widgets/Configurable Card Widget/CSS-SCSS.scss b/Modern Development/Service Portal Widgets/Configurable Card Widget/CSS-SCSS.scss
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/CSS-SCSS.scss
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/CSS-SCSS.scss
diff --git a/Service Portal Widgets/Configurable Card Widget/Client Script.js b/Modern Development/Service Portal Widgets/Configurable Card Widget/Client Script.js
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/Client Script.js
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/Client Script.js
diff --git a/Service Portal Widgets/Configurable Card Widget/HTML Template.html b/Modern Development/Service Portal Widgets/Configurable Card Widget/HTML Template.html
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/HTML Template.html
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/HTML Template.html
diff --git a/Service Portal Widgets/Configurable Card Widget/README.md b/Modern Development/Service Portal Widgets/Configurable Card Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/README.md
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/README.md
diff --git a/Service Portal Widgets/Configurable Card Widget/Widget Options.json b/Modern Development/Service Portal Widgets/Configurable Card Widget/Widget Options.json
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/Widget Options.json
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/Widget Options.json
diff --git a/Service Portal Widgets/Configurable Card Widget/image.png b/Modern Development/Service Portal Widgets/Configurable Card Widget/image.png
similarity index 100%
rename from Service Portal Widgets/Configurable Card Widget/image.png
rename to Modern Development/Service Portal Widgets/Configurable Card Widget/image.png
diff --git a/Service Portal Widgets/Create diagram using GoJS library/README.md b/Modern Development/Service Portal Widgets/Create diagram using GoJS library/README.md
similarity index 100%
rename from Service Portal Widgets/Create diagram using GoJS library/README.md
rename to Modern Development/Service Portal Widgets/Create diagram using GoJS library/README.md
diff --git a/Service Portal Widgets/Create diagram using GoJS library/body.html b/Modern Development/Service Portal Widgets/Create diagram using GoJS library/body.html
similarity index 100%
rename from Service Portal Widgets/Create diagram using GoJS library/body.html
rename to Modern Development/Service Portal Widgets/Create diagram using GoJS library/body.html
diff --git a/Service Portal Widgets/Create diagram using GoJS library/client.js b/Modern Development/Service Portal Widgets/Create diagram using GoJS library/client.js
similarity index 100%
rename from Service Portal Widgets/Create diagram using GoJS library/client.js
rename to Modern Development/Service Portal Widgets/Create diagram using GoJS library/client.js
diff --git a/Service Portal Widgets/Create diagram using GoJS library/style.css b/Modern Development/Service Portal Widgets/Create diagram using GoJS library/style.css
similarity index 100%
rename from Service Portal Widgets/Create diagram using GoJS library/style.css
rename to Modern Development/Service Portal Widgets/Create diagram using GoJS library/style.css
diff --git a/Service Portal Widgets/Create diagram using Highcharts library/README.md b/Modern Development/Service Portal Widgets/Create diagram using Highcharts library/README.md
similarity index 100%
rename from Service Portal Widgets/Create diagram using Highcharts library/README.md
rename to Modern Development/Service Portal Widgets/Create diagram using Highcharts library/README.md
diff --git a/Service Portal Widgets/Create diagram using Highcharts library/body.html b/Modern Development/Service Portal Widgets/Create diagram using Highcharts library/body.html
similarity index 100%
rename from Service Portal Widgets/Create diagram using Highcharts library/body.html
rename to Modern Development/Service Portal Widgets/Create diagram using Highcharts library/body.html
diff --git a/Service Portal Widgets/Create diagram using Highcharts library/client.js b/Modern Development/Service Portal Widgets/Create diagram using Highcharts library/client.js
similarity index 100%
rename from Service Portal Widgets/Create diagram using Highcharts library/client.js
rename to Modern Development/Service Portal Widgets/Create diagram using Highcharts library/client.js
diff --git a/Service Portal Widgets/Custom Greetings in portal homepage/README.md b/Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/README.md
similarity index 100%
rename from Service Portal Widgets/Custom Greetings in portal homepage/README.md
rename to Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/README.md
diff --git a/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search-client.js b/Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search-client.js
similarity index 100%
rename from Service Portal Widgets/Custom Greetings in portal homepage/homepage-search-client.js
rename to Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search-client.js
diff --git a/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search.html b/Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search.html
similarity index 100%
rename from Service Portal Widgets/Custom Greetings in portal homepage/homepage-search.html
rename to Modern Development/Service Portal Widgets/Custom Greetings in portal homepage/homepage-search.html
diff --git a/Service Portal Widgets/Digital Clock/README.md b/Modern Development/Service Portal Widgets/Digital Clock/README.md
similarity index 98%
rename from Service Portal Widgets/Digital Clock/README.md
rename to Modern Development/Service Portal Widgets/Digital Clock/README.md
index edd2228013..61ec41ae37 100644
--- a/Service Portal Widgets/Digital Clock/README.md
+++ b/Modern Development/Service Portal Widgets/Digital Clock/README.md
@@ -1,15 +1,15 @@
-# Digital Clock Widget for ServiceNow Portal
-This widget displays a simple digital clock with a black background and white text. It shows the current time in hours, minutes, and seconds and updates every second.
-
-## Features
-Displays the current time in HH:MM:SS format.
-Black background with white text for easy readability.
-Automatic time update every second.
-
-## Usage
-Add this widget to any ServiceNow Portal page where you want to display the digital clock.
-The clock automatically updates every second without requiring any additional configuration.
-
-## Customization
-Background Color: You can change the background-color property in CSS to a different color if desired.
+# Digital Clock Widget for ServiceNow Portal
+This widget displays a simple digital clock with a black background and white text. It shows the current time in hours, minutes, and seconds and updates every second.
+
+## Features
+Displays the current time in HH:MM:SS format.
+Black background with white text for easy readability.
+Automatic time update every second.
+
+## Usage
+Add this widget to any ServiceNow Portal page where you want to display the digital clock.
+The clock automatically updates every second without requiring any additional configuration.
+
+## Customization
+Background Color: You can change the background-color property in CSS to a different color if desired.
Font Color: Modify the color property to set a custom text color.
\ No newline at end of file
diff --git a/Service Portal Widgets/Digital Clock/index.html b/Modern Development/Service Portal Widgets/Digital Clock/index.html
similarity index 95%
rename from Service Portal Widgets/Digital Clock/index.html
rename to Modern Development/Service Portal Widgets/Digital Clock/index.html
index afb9ce6c59..8894620b8d 100644
--- a/Service Portal Widgets/Digital Clock/index.html
+++ b/Modern Development/Service Portal Widgets/Digital Clock/index.html
@@ -1,3 +1,3 @@
-
- {{ currentTime }}
-
+
+ {{ currentTime }}
+
diff --git a/Service Portal Widgets/Digital Clock/script.js b/Modern Development/Service Portal Widgets/Digital Clock/script.js
similarity index 96%
rename from Service Portal Widgets/Digital Clock/script.js
rename to Modern Development/Service Portal Widgets/Digital Clock/script.js
index 25b3c4f390..3bf175a42f 100644
--- a/Service Portal Widgets/Digital Clock/script.js
+++ b/Modern Development/Service Portal Widgets/Digital Clock/script.js
@@ -1,12 +1,12 @@
-api.controller = function($scope, $interval) {
- function updateTime() {
- var now = new Date();
- $scope.currentTime = now.toLocaleTimeString();
- }
-
- // Initialize the clock on load
- updateTime();
-
- // Update the clock every second
- $interval(updateTime, 1000);
-};
+api.controller = function($scope, $interval) {
+ function updateTime() {
+ var now = new Date();
+ $scope.currentTime = now.toLocaleTimeString();
+ }
+
+ // Initialize the clock on load
+ updateTime();
+
+ // Update the clock every second
+ $interval(updateTime, 1000);
+};
diff --git a/Service Portal Widgets/Digital Clock/style.css b/Modern Development/Service Portal Widgets/Digital Clock/style.css
similarity index 95%
rename from Service Portal Widgets/Digital Clock/style.css
rename to Modern Development/Service Portal Widgets/Digital Clock/style.css
index 39eb8f51af..ca2bf88aac 100644
--- a/Service Portal Widgets/Digital Clock/style.css
+++ b/Modern Development/Service Portal Widgets/Digital Clock/style.css
@@ -1,13 +1,13 @@
-.digital-clock {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100px;
- width: 200px;
- margin: auto;
- background-color: #000;
- color: #fff;
- font-family: 'Courier New', Courier, monospace;
- font-size: 2em;
- border-radius: 5px;
-}
+.digital-clock {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100px;
+ width: 200px;
+ margin: auto;
+ background-color: #000;
+ color: #fff;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 2em;
+ border-radius: 5px;
+}
diff --git a/Service Portal Widgets/Drag & drop Widget/README.md b/Modern Development/Service Portal Widgets/Drag & drop Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Drag & drop Widget/README.md
rename to Modern Development/Service Portal Widgets/Drag & drop Widget/README.md
diff --git a/Service Portal Widgets/Drag & drop Widget/client.js b/Modern Development/Service Portal Widgets/Drag & drop Widget/client.js
similarity index 100%
rename from Service Portal Widgets/Drag & drop Widget/client.js
rename to Modern Development/Service Portal Widgets/Drag & drop Widget/client.js
diff --git a/Service Portal Widgets/Drag & drop Widget/html.html b/Modern Development/Service Portal Widgets/Drag & drop Widget/html.html
similarity index 100%
rename from Service Portal Widgets/Drag & drop Widget/html.html
rename to Modern Development/Service Portal Widgets/Drag & drop Widget/html.html
diff --git a/Service Portal Widgets/Drag & drop Widget/remove_icon.png b/Modern Development/Service Portal Widgets/Drag & drop Widget/remove_icon.png
similarity index 100%
rename from Service Portal Widgets/Drag & drop Widget/remove_icon.png
rename to Modern Development/Service Portal Widgets/Drag & drop Widget/remove_icon.png
diff --git a/Service Portal Widgets/Drag & drop Widget/server.js b/Modern Development/Service Portal Widgets/Drag & drop Widget/server.js
similarity index 100%
rename from Service Portal Widgets/Drag & drop Widget/server.js
rename to Modern Development/Service Portal Widgets/Drag & drop Widget/server.js
diff --git a/Service Portal Widgets/Drawer Buttons/README.md b/Modern Development/Service Portal Widgets/Drawer Buttons/README.md
similarity index 100%
rename from Service Portal Widgets/Drawer Buttons/README.md
rename to Modern Development/Service Portal Widgets/Drawer Buttons/README.md
diff --git a/Service Portal Widgets/Drawer Buttons/html_template.html b/Modern Development/Service Portal Widgets/Drawer Buttons/html_template.html
similarity index 100%
rename from Service Portal Widgets/Drawer Buttons/html_template.html
rename to Modern Development/Service Portal Widgets/Drawer Buttons/html_template.html
diff --git a/Service Portal Widgets/Drawer Buttons/style.css b/Modern Development/Service Portal Widgets/Drawer Buttons/style.css
similarity index 100%
rename from Service Portal Widgets/Drawer Buttons/style.css
rename to Modern Development/Service Portal Widgets/Drawer Buttons/style.css
diff --git a/Service Portal Widgets/Dropdown Widget/README.md b/Modern Development/Service Portal Widgets/Dropdown Widget/README.md
similarity index 97%
rename from Service Portal Widgets/Dropdown Widget/README.md
rename to Modern Development/Service Portal Widgets/Dropdown Widget/README.md
index f3250e6d9f..445adaf10d 100644
--- a/Service Portal Widgets/Dropdown Widget/README.md
+++ b/Modern Development/Service Portal Widgets/Dropdown Widget/README.md
@@ -1,23 +1,23 @@
-# FAQ Dropdown Widget
-
-This is a simple FAQ dropdown widget for ServiceNow Portal that allows users to click on questions to reveal their answers. The widget is designed to enhance user experience by providing easy access to frequently asked questions.
-
-## Features
-
-- Interactive dropdown for questions and answers.
-- Animated arrow indicators that change based on the answer's visibility.
-- Simple and clean design that fits seamlessly into the ServiceNow Portal.
-
-## Usage
-
-Add the Widget to a Page
-Once the widget is created, add it to a desired page in your ServiceNow portal.
-Interact with the FAQ
-Load the portal to view the widget and click on the questions to reveal the answers.
-
-
-## Customization
-
-
-You can modify the faqs array in the Client Script to add your own questions and answers.
+# FAQ Dropdown Widget
+
+This is a simple FAQ dropdown widget for ServiceNow Portal that allows users to click on questions to reveal their answers. The widget is designed to enhance user experience by providing easy access to frequently asked questions.
+
+## Features
+
+- Interactive dropdown for questions and answers.
+- Animated arrow indicators that change based on the answer's visibility.
+- Simple and clean design that fits seamlessly into the ServiceNow Portal.
+
+## Usage
+
+Add the Widget to a Page
+Once the widget is created, add it to a desired page in your ServiceNow portal.
+Interact with the FAQ
+Load the portal to view the widget and click on the questions to reveal the answers.
+
+
+## Customization
+
+
+You can modify the faqs array in the Client Script to add your own questions and answers.
Customize the CSS styles to match your portal's design.
\ No newline at end of file
diff --git a/Service Portal Widgets/Dropdown Widget/index.html b/Modern Development/Service Portal Widgets/Dropdown Widget/index.html
similarity index 97%
rename from Service Portal Widgets/Dropdown Widget/index.html
rename to Modern Development/Service Portal Widgets/Dropdown Widget/index.html
index d4440f4a74..e5e7252c47 100644
--- a/Service Portal Widgets/Dropdown Widget/index.html
+++ b/Modern Development/Service Portal Widgets/Dropdown Widget/index.html
@@ -1,12 +1,12 @@
-
+
diff --git a/Service Portal Widgets/Dropdown Widget/script.js b/Modern Development/Service Portal Widgets/Dropdown Widget/script.js
similarity index 97%
rename from Service Portal Widgets/Dropdown Widget/script.js
rename to Modern Development/Service Portal Widgets/Dropdown Widget/script.js
index 065d20cd1f..50d6cdf8de 100644
--- a/Service Portal Widgets/Dropdown Widget/script.js
+++ b/Modern Development/Service Portal Widgets/Dropdown Widget/script.js
@@ -1,21 +1,21 @@
-api.controller = function($scope) {
- // Sample FAQs
- $scope.faqs = [
- {
- question: 'What is ServiceNow?',
- answer: 'ServiceNow is a cloud-based platform that helps companies manage their digital workflows.'
- },
- {
- question: 'How do I create a ticket?',
- answer: 'You can create a ticket by navigating to the Service Desk and filling out the form.'
- },
- {
- question: 'What are the system requirements?',
- answer: 'ServiceNow is a cloud-based solution, so it only requires a modern web browser to access.'
- },
- {
- question: 'How do I reset my password?',
- answer: 'You can reset your password by clicking on the "Forgot Password" link on the login page.'
- }
- ];
-};
+api.controller = function($scope) {
+ // Sample FAQs
+ $scope.faqs = [
+ {
+ question: 'What is ServiceNow?',
+ answer: 'ServiceNow is a cloud-based platform that helps companies manage their digital workflows.'
+ },
+ {
+ question: 'How do I create a ticket?',
+ answer: 'You can create a ticket by navigating to the Service Desk and filling out the form.'
+ },
+ {
+ question: 'What are the system requirements?',
+ answer: 'ServiceNow is a cloud-based solution, so it only requires a modern web browser to access.'
+ },
+ {
+ question: 'How do I reset my password?',
+ answer: 'You can reset your password by clicking on the "Forgot Password" link on the login page.'
+ }
+ ];
+};
diff --git a/Service Portal Widgets/Dropdown Widget/style.css b/Modern Development/Service Portal Widgets/Dropdown Widget/style.css
similarity index 95%
rename from Service Portal Widgets/Dropdown Widget/style.css
rename to Modern Development/Service Portal Widgets/Dropdown Widget/style.css
index 08aa422eb4..cf1b7d3091 100644
--- a/Service Portal Widgets/Dropdown Widget/style.css
+++ b/Modern Development/Service Portal Widgets/Dropdown Widget/style.css
@@ -1,58 +1,58 @@
-.faq-widget {
- max-width: 600px;
- margin: auto;
- font-family: Arial, sans-serif;
-}
-
-h2 {
- text-align: center;
- color: #333;
-}
-
-.faq-item {
- border: 1px solid #ccc;
- border-radius: 5px;
- margin-bottom: 10px;
- overflow: hidden;
- transition: box-shadow 0.2s ease;
-}
-
-.faq-item:hover {
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-}
-
-.faq-question {
- background-color: #007bff; /* Header background color */
- color: white;
- padding: 15px;
- cursor: pointer;
- display: flex;
- justify-content: space-between; /* Align question and arrow */
- align-items: center; /* Center vertically */
-}
-
-.faq-question h3 {
- margin: 0; /* Remove default margin */
-}
-
-.faq-answer {
- padding: 15px;
- background-color: #f9f9f9; /* Answer background color */
- color: #333;
-}
-
-.arrow-up {
- border: solid white;
- border-width: 0 4px 4px 0;
- display: inline-block;
- padding: 3px;
- transform: rotate(-135deg);
-}
-
-.arrow-down {
- border: solid white;
- border-width: 0 4px 4px 0;
- display: inline-block;
- padding: 3px;
- transform: rotate(45deg);
-}
+.faq-widget {
+ max-width: 600px;
+ margin: auto;
+ font-family: Arial, sans-serif;
+}
+
+h2 {
+ text-align: center;
+ color: #333;
+}
+
+.faq-item {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ margin-bottom: 10px;
+ overflow: hidden;
+ transition: box-shadow 0.2s ease;
+}
+
+.faq-item:hover {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}
+
+.faq-question {
+ background-color: #007bff; /* Header background color */
+ color: white;
+ padding: 15px;
+ cursor: pointer;
+ display: flex;
+ justify-content: space-between; /* Align question and arrow */
+ align-items: center; /* Center vertically */
+}
+
+.faq-question h3 {
+ margin: 0; /* Remove default margin */
+}
+
+.faq-answer {
+ padding: 15px;
+ background-color: #f9f9f9; /* Answer background color */
+ color: #333;
+}
+
+.arrow-up {
+ border: solid white;
+ border-width: 0 4px 4px 0;
+ display: inline-block;
+ padding: 3px;
+ transform: rotate(-135deg);
+}
+
+.arrow-down {
+ border: solid white;
+ border-width: 0 4px 4px 0;
+ display: inline-block;
+ padding: 3px;
+ transform: rotate(45deg);
+}
diff --git a/Service Portal Widgets/Export table in portal/README.md b/Modern Development/Service Portal Widgets/Export table in portal/README.md
similarity index 100%
rename from Service Portal Widgets/Export table in portal/README.md
rename to Modern Development/Service Portal Widgets/Export table in portal/README.md
diff --git a/Service Portal Widgets/Export table in portal/export.html b/Modern Development/Service Portal Widgets/Export table in portal/export.html
similarity index 100%
rename from Service Portal Widgets/Export table in portal/export.html
rename to Modern Development/Service Portal Widgets/Export table in portal/export.html
diff --git a/Service Portal Widgets/Export table in portal/export.js b/Modern Development/Service Portal Widgets/Export table in portal/export.js
similarity index 100%
rename from Service Portal Widgets/Export table in portal/export.js
rename to Modern Development/Service Portal Widgets/Export table in portal/export.js
diff --git a/Service Portal Widgets/Floater Feedback Widget/README.md b/Modern Development/Service Portal Widgets/Floater Feedback Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Floater Feedback Widget/README.md
rename to Modern Development/Service Portal Widgets/Floater Feedback Widget/README.md
diff --git a/Service Portal Widgets/Floater Feedback Widget/demo.JPG b/Modern Development/Service Portal Widgets/Floater Feedback Widget/demo.JPG
similarity index 100%
rename from Service Portal Widgets/Floater Feedback Widget/demo.JPG
rename to Modern Development/Service Portal Widgets/Floater Feedback Widget/demo.JPG
diff --git a/Service Portal Widgets/Floater Feedback Widget/feeback_floater.js b/Modern Development/Service Portal Widgets/Floater Feedback Widget/feeback_floater.js
similarity index 100%
rename from Service Portal Widgets/Floater Feedback Widget/feeback_floater.js
rename to Modern Development/Service Portal Widgets/Floater Feedback Widget/feeback_floater.js
diff --git a/Service Portal Widgets/Generate QrCode/Dependencies/qrcode.js b/Modern Development/Service Portal Widgets/Generate QrCode/Dependencies/qrcode.js
similarity index 100%
rename from Service Portal Widgets/Generate QrCode/Dependencies/qrcode.js
rename to Modern Development/Service Portal Widgets/Generate QrCode/Dependencies/qrcode.js
diff --git a/Service Portal Widgets/Generate QrCode/Generated QRCode.png b/Modern Development/Service Portal Widgets/Generate QrCode/Generated QRCode.png
similarity index 100%
rename from Service Portal Widgets/Generate QrCode/Generated QRCode.png
rename to Modern Development/Service Portal Widgets/Generate QrCode/Generated QRCode.png
diff --git a/Service Portal Widgets/Generate QrCode/README.md b/Modern Development/Service Portal Widgets/Generate QrCode/README.md
similarity index 100%
rename from Service Portal Widgets/Generate QrCode/README.md
rename to Modern Development/Service Portal Widgets/Generate QrCode/README.md
diff --git a/Service Portal Widgets/Generate QrCode/qrcode.html b/Modern Development/Service Portal Widgets/Generate QrCode/qrcode.html
similarity index 100%
rename from Service Portal Widgets/Generate QrCode/qrcode.html
rename to Modern Development/Service Portal Widgets/Generate QrCode/qrcode.html
diff --git a/Service Portal Widgets/Generate QrCode/qrcode_client.js b/Modern Development/Service Portal Widgets/Generate QrCode/qrcode_client.js
similarity index 100%
rename from Service Portal Widgets/Generate QrCode/qrcode_client.js
rename to Modern Development/Service Portal Widgets/Generate QrCode/qrcode_client.js
diff --git a/Service Portal Widgets/Guest Login Modal/README.md b/Modern Development/Service Portal Widgets/Guest Login Modal/README.md
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/README.md
rename to Modern Development/Service Portal Widgets/Guest Login Modal/README.md
diff --git a/Service Portal Widgets/Guest Login Modal/Service Portal - Guest Login Modal Widget.xml b/Modern Development/Service Portal Widgets/Guest Login Modal/Service Portal - Guest Login Modal Widget.xml
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/Service Portal - Guest Login Modal Widget.xml
rename to Modern Development/Service Portal Widgets/Guest Login Modal/Service Portal - Guest Login Modal Widget.xml
diff --git a/Service Portal Widgets/Guest Login Modal/client.js b/Modern Development/Service Portal Widgets/Guest Login Modal/client.js
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/client.js
rename to Modern Development/Service Portal Widgets/Guest Login Modal/client.js
diff --git a/Service Portal Widgets/Guest Login Modal/guest_login_modal_example.png b/Modern Development/Service Portal Widgets/Guest Login Modal/guest_login_modal_example.png
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/guest_login_modal_example.png
rename to Modern Development/Service Portal Widgets/Guest Login Modal/guest_login_modal_example.png
diff --git a/Service Portal Widgets/Guest Login Modal/ng-template.html b/Modern Development/Service Portal Widgets/Guest Login Modal/ng-template.html
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/ng-template.html
rename to Modern Development/Service Portal Widgets/Guest Login Modal/ng-template.html
diff --git a/Service Portal Widgets/Guest Login Modal/optionSchema.json b/Modern Development/Service Portal Widgets/Guest Login Modal/optionSchema.json
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/optionSchema.json
rename to Modern Development/Service Portal Widgets/Guest Login Modal/optionSchema.json
diff --git a/Service Portal Widgets/Guest Login Modal/server.js b/Modern Development/Service Portal Widgets/Guest Login Modal/server.js
similarity index 100%
rename from Service Portal Widgets/Guest Login Modal/server.js
rename to Modern Development/Service Portal Widgets/Guest Login Modal/server.js
diff --git a/Service Portal Widgets/HTML List Table from GlideRecord with JSon/README.md b/Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/README.md
similarity index 100%
rename from Service Portal Widgets/HTML List Table from GlideRecord with JSon/README.md
rename to Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/README.md
diff --git a/Service Portal Widgets/HTML List Table from GlideRecord with JSon/ServerScript.js b/Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/ServerScript.js
similarity index 100%
rename from Service Portal Widgets/HTML List Table from GlideRecord with JSon/ServerScript.js
rename to Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/ServerScript.js
diff --git a/Service Portal Widgets/HTML List Table from GlideRecord with JSon/html.html b/Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/html.html
similarity index 100%
rename from Service Portal Widgets/HTML List Table from GlideRecord with JSon/html.html
rename to Modern Development/Service Portal Widgets/HTML List Table from GlideRecord with JSon/html.html
diff --git a/Service Portal Widgets/ImportXml/README.md b/Modern Development/Service Portal Widgets/ImportXml/README.md
similarity index 100%
rename from Service Portal Widgets/ImportXml/README.md
rename to Modern Development/Service Portal Widgets/ImportXml/README.md
diff --git a/Service Portal Widgets/ImportXml/importXml.js b/Modern Development/Service Portal Widgets/ImportXml/importXml.js
similarity index 100%
rename from Service Portal Widgets/ImportXml/importXml.js
rename to Modern Development/Service Portal Widgets/ImportXml/importXml.js
diff --git a/Service Portal Widgets/Incident Sound Alerts/README.md b/Modern Development/Service Portal Widgets/Incident Sound Alerts/README.md
similarity index 100%
rename from Service Portal Widgets/Incident Sound Alerts/README.md
rename to Modern Development/Service Portal Widgets/Incident Sound Alerts/README.md
diff --git a/Service Portal Widgets/Incident Sound Alerts/incident_alerts_widget.js b/Modern Development/Service Portal Widgets/Incident Sound Alerts/incident_alerts_widget.js
similarity index 100%
rename from Service Portal Widgets/Incident Sound Alerts/incident_alerts_widget.js
rename to Modern Development/Service Portal Widgets/Incident Sound Alerts/incident_alerts_widget.js
diff --git a/Service Portal Widgets/Konami Code Easter Egg/KonamiCodeEasterEgg.js b/Modern Development/Service Portal Widgets/Konami Code Easter Egg/KonamiCodeEasterEgg.js
similarity index 100%
rename from Service Portal Widgets/Konami Code Easter Egg/KonamiCodeEasterEgg.js
rename to Modern Development/Service Portal Widgets/Konami Code Easter Egg/KonamiCodeEasterEgg.js
diff --git a/Service Portal Widgets/Konami Code Easter Egg/README.md b/Modern Development/Service Portal Widgets/Konami Code Easter Egg/README.md
similarity index 100%
rename from Service Portal Widgets/Konami Code Easter Egg/README.md
rename to Modern Development/Service Portal Widgets/Konami Code Easter Egg/README.md
diff --git a/Service Portal Widgets/Location hierarchy/README.md b/Modern Development/Service Portal Widgets/Location hierarchy/README.md
similarity index 100%
rename from Service Portal Widgets/Location hierarchy/README.md
rename to Modern Development/Service Portal Widgets/Location hierarchy/README.md
diff --git a/Service Portal Widgets/Location hierarchy/client controller.js b/Modern Development/Service Portal Widgets/Location hierarchy/client controller.js
similarity index 97%
rename from Service Portal Widgets/Location hierarchy/client controller.js
rename to Modern Development/Service Portal Widgets/Location hierarchy/client controller.js
index d3b3c7a5a7..45ba46478e 100644
--- a/Service Portal Widgets/Location hierarchy/client controller.js
+++ b/Modern Development/Service Portal Widgets/Location hierarchy/client controller.js
@@ -1,79 +1,79 @@
-api.controller=function($scope, spModal) {
- var c = this;
- c.newLocations = [];
-
- c.server.get({
- action: 'getChildren',
- type: 'city',
- parent: null
- }).then((res) => {
- c.locations = res.data.locations;
- $scope.locations = res.data.locations.selected;
- $scope.locations.room = '';
- });
-
- c.changeCity = (newSysId) => {
- $scope.locations.city = c.locations.available.city.filter((city) => city.sys_id === newSysId)[0];
- $scope.locations['building/structure'] = c.locations.default['building/structure'];
- $scope.locations.floor = c.locations.default.floor;
- $scope.locations.zone = c.locations.default.zone;
-
- c.getChildren('building/structure', newSysId);
- }
-
- c.changeBuilding = (newSysId) => {
- $scope.locations['building/structure'] = c.locations.available['building/structure'].filter((building) => building.sys_id === newSysId)[0];
- $scope.locations.floor = c.locations.default.floor;
- $scope.locations.zone = c.locations.default.zone;
-
- c.getChildren('floor', newSysId);
- }
-
- c.changeFloor = (newSysId) => {
- $scope.locations.floor = c.locations.available.floor.filter((floor) => floor.sys_id === newSysId)[0];
- $scope.locations.zone = c.locations.default.zone;
-
- c.getChildren('zone', newSysId);
- }
-
- c.changeZone = (newSysId) => {
- $scope.locations.zone = c.locations.available.zone.filter((zone) => zone.sys_id === newSysId)[0];
- }
-
- c.changeRoom = () => {
- //c.newLocations.push($scope.locations.zone.name + $scope.locations.room);
- }
-
- c.addNewLocation = () => {
- c.newLocations.push('City: ' + $scope.locations.city.name + ', building: ' + $scope.locations['building/structure'].name + ', floor: ' + $scope.locations.floor.name + ', corridor: ' + $scope.locations.zone.name + ', room: * ' + $scope.locations.room);
- if ($scope.page.g_form) {
- $scope.page.g_form.setValue('locks_locations_new_locations_added', c.newLocations.join('\n'));
- }
- $scope.locations.room = '';
- }
-
- c.notListedModal = (type) => {
- spModal.prompt('Please enter missing value for the ' + type)
- .then(value => {
- $scope.locations[type] = {name: '* ' + value, sys_id: '-2'};
- });
- }
-
- c.getChildren = (type, parent) => {
- c.server.get({
- action: 'getChildren',
- type: type,
- parent: parent
- }).then((res) => {
- c.locations.available[type] = res.data.locations.available[type];
- });
- }
-
- c.allSelected = () => {
- return $scope.locations &&
- $scope.locations.city.sys_id !== '-1' &&
- $scope.locations['building/structure'].sys_id !== '-1' &&
- $scope.locations.floor.sys_id !== '-1' &&
- $scope.locations.zone.sys_id !== '-1'
- }
-};
+api.controller=function($scope, spModal) {
+ var c = this;
+ c.newLocations = [];
+
+ c.server.get({
+ action: 'getChildren',
+ type: 'city',
+ parent: null
+ }).then((res) => {
+ c.locations = res.data.locations;
+ $scope.locations = res.data.locations.selected;
+ $scope.locations.room = '';
+ });
+
+ c.changeCity = (newSysId) => {
+ $scope.locations.city = c.locations.available.city.filter((city) => city.sys_id === newSysId)[0];
+ $scope.locations['building/structure'] = c.locations.default['building/structure'];
+ $scope.locations.floor = c.locations.default.floor;
+ $scope.locations.zone = c.locations.default.zone;
+
+ c.getChildren('building/structure', newSysId);
+ }
+
+ c.changeBuilding = (newSysId) => {
+ $scope.locations['building/structure'] = c.locations.available['building/structure'].filter((building) => building.sys_id === newSysId)[0];
+ $scope.locations.floor = c.locations.default.floor;
+ $scope.locations.zone = c.locations.default.zone;
+
+ c.getChildren('floor', newSysId);
+ }
+
+ c.changeFloor = (newSysId) => {
+ $scope.locations.floor = c.locations.available.floor.filter((floor) => floor.sys_id === newSysId)[0];
+ $scope.locations.zone = c.locations.default.zone;
+
+ c.getChildren('zone', newSysId);
+ }
+
+ c.changeZone = (newSysId) => {
+ $scope.locations.zone = c.locations.available.zone.filter((zone) => zone.sys_id === newSysId)[0];
+ }
+
+ c.changeRoom = () => {
+ //c.newLocations.push($scope.locations.zone.name + $scope.locations.room);
+ }
+
+ c.addNewLocation = () => {
+ c.newLocations.push('City: ' + $scope.locations.city.name + ', building: ' + $scope.locations['building/structure'].name + ', floor: ' + $scope.locations.floor.name + ', corridor: ' + $scope.locations.zone.name + ', room: * ' + $scope.locations.room);
+ if ($scope.page.g_form) {
+ $scope.page.g_form.setValue('locks_locations_new_locations_added', c.newLocations.join('\n'));
+ }
+ $scope.locations.room = '';
+ }
+
+ c.notListedModal = (type) => {
+ spModal.prompt('Please enter missing value for the ' + type)
+ .then(value => {
+ $scope.locations[type] = {name: '* ' + value, sys_id: '-2'};
+ });
+ }
+
+ c.getChildren = (type, parent) => {
+ c.server.get({
+ action: 'getChildren',
+ type: type,
+ parent: parent
+ }).then((res) => {
+ c.locations.available[type] = res.data.locations.available[type];
+ });
+ }
+
+ c.allSelected = () => {
+ return $scope.locations &&
+ $scope.locations.city.sys_id !== '-1' &&
+ $scope.locations['building/structure'].sys_id !== '-1' &&
+ $scope.locations.floor.sys_id !== '-1' &&
+ $scope.locations.zone.sys_id !== '-1'
+ }
+};
diff --git a/Service Portal Widgets/Location hierarchy/css.css b/Modern Development/Service Portal Widgets/Location hierarchy/css.css
similarity index 97%
rename from Service Portal Widgets/Location hierarchy/css.css
rename to Modern Development/Service Portal Widgets/Location hierarchy/css.css
index 95a9011751..bfc787ab61 100644
--- a/Service Portal Widgets/Location hierarchy/css.css
+++ b/Modern Development/Service Portal Widgets/Location hierarchy/css.css
@@ -1,11 +1,11 @@
-.location-picker-input {
- padding: 6px 12px;
- color: #555555;
- border: 1px solid #939393;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-}
+.location-picker-input {
+ padding: 6px 12px;
+ color: #555555;
+ border: 1px solid #939393;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
diff --git a/Service Portal Widgets/Location hierarchy/html.html b/Modern Development/Service Portal Widgets/Location hierarchy/html.html
similarity index 98%
rename from Service Portal Widgets/Location hierarchy/html.html
rename to Modern Development/Service Portal Widgets/Location hierarchy/html.html
index f7fc7b3166..b4811c34fd 100644
--- a/Service Portal Widgets/Location hierarchy/html.html
+++ b/Modern Development/Service Portal Widgets/Location hierarchy/html.html
@@ -1,47 +1,47 @@
-
- Describe the new location
-
-
+
+ Describe the new location
+
+
diff --git a/Service Portal Widgets/Location hierarchy/server script.js b/Modern Development/Service Portal Widgets/Location hierarchy/server script.js
similarity index 95%
rename from Service Portal Widgets/Location hierarchy/server script.js
rename to Modern Development/Service Portal Widgets/Location hierarchy/server script.js
index d3cdcd37ae..bc17aba60a 100644
--- a/Service Portal Widgets/Location hierarchy/server script.js
+++ b/Modern Development/Service Portal Widgets/Location hierarchy/server script.js
@@ -1,41 +1,41 @@
-(function() {
- data.locations = {
- available: {
- city: [],
- 'building/structure': [],
- floor: [],
- zone: []
- },
- default: {
- city: {name: 'Pick a city', sys_id: '-1'},
- 'building/structure': {name: 'Pick a building', sys_id: '-1'},
- floor: {name: 'Pick a floor', sys_id: '-1'},
- zone: {name: 'Pick a corridor', sys_id: '-1'}
- }
- };
-
- data.locations.selected = data.locations.default;
-
- if (input && input.action === 'getChildren' && input.type) {
- data.locations.available[input.type] = getData(input.type, input.parent);
- }
-
- function getData(locationType, parent) {
- let ret = [];
- let gq = new global.GlideQuery('cmn_location').where('cmn_location_type', locationType);
-
- if (!gs.nil(parent))
- gq = gq.where('parent', parent);
-
- gq
- .orderBy('name')
- .select('name')
- .forEach(function(childLocation){
- ret.push({
- sys_id: childLocation.sys_id,
- name: childLocation.name
- });
- });
- return ret;
- }
-})();
+(function() {
+ data.locations = {
+ available: {
+ city: [],
+ 'building/structure': [],
+ floor: [],
+ zone: []
+ },
+ default: {
+ city: {name: 'Pick a city', sys_id: '-1'},
+ 'building/structure': {name: 'Pick a building', sys_id: '-1'},
+ floor: {name: 'Pick a floor', sys_id: '-1'},
+ zone: {name: 'Pick a corridor', sys_id: '-1'}
+ }
+ };
+
+ data.locations.selected = data.locations.default;
+
+ if (input && input.action === 'getChildren' && input.type) {
+ data.locations.available[input.type] = getData(input.type, input.parent);
+ }
+
+ function getData(locationType, parent) {
+ let ret = [];
+ let gq = new global.GlideQuery('cmn_location').where('cmn_location_type', locationType);
+
+ if (!gs.nil(parent))
+ gq = gq.where('parent', parent);
+
+ gq
+ .orderBy('name')
+ .select('name')
+ .forEach(function(childLocation){
+ ret.push({
+ sys_id: childLocation.sys_id,
+ name: childLocation.name
+ });
+ });
+ return ret;
+ }
+})();
diff --git a/Service Portal Widgets/Mouse Effect/README.md b/Modern Development/Service Portal Widgets/Mouse Effect/README.md
similarity index 98%
rename from Service Portal Widgets/Mouse Effect/README.md
rename to Modern Development/Service Portal Widgets/Mouse Effect/README.md
index 2ae7bec31f..a7bc7fbbdb 100644
--- a/Service Portal Widgets/Mouse Effect/README.md
+++ b/Modern Development/Service Portal Widgets/Mouse Effect/README.md
@@ -1,20 +1,20 @@
-# Cursor Light Ball Widget
-
-This ServiceNow Service Portal widget creates a light blue, glowing "light ball" that follows the cursor with a smooth trailing effect. The light ball is offset slightly from the cursor and has a soft glow, giving a visually appealing effect on the page.
-
-## Widget Components
-
-### HTML
-The widget contains a single `div` element representing the light ball.
-
-### CSS
-This contains the style for the `div` element in HTML
-
-### Script
-This function tracks the cursor's position and updates the light ball's position accordingly with a 10px offset. The mousemove event listener enables smooth, real-time cursor tracking.
-
-## Installation
-1. Add a new widget in ServiceNow and name it, for example, "Cursor Light Ball".
-2. Copy the HTML, CSS, and JavaScript code provided into the respective sections of the widget.
-3. Make sure you copy the JavaScript code in the Client Script section of the widget.
+# Cursor Light Ball Widget
+
+This ServiceNow Service Portal widget creates a light blue, glowing "light ball" that follows the cursor with a smooth trailing effect. The light ball is offset slightly from the cursor and has a soft glow, giving a visually appealing effect on the page.
+
+## Widget Components
+
+### HTML
+The widget contains a single `div` element representing the light ball.
+
+### CSS
+This contains the style for the `div` element in HTML
+
+### Script
+This function tracks the cursor's position and updates the light ball's position accordingly with a 10px offset. The mousemove event listener enables smooth, real-time cursor tracking.
+
+## Installation
+1. Add a new widget in ServiceNow and name it, for example, "Cursor Light Ball".
+2. Copy the HTML, CSS, and JavaScript code provided into the respective sections of the widget.
+3. Make sure you copy the JavaScript code in the Client Script section of the widget.
4. Save the widget, and add it to your Service Portal page to see the light ball effect.
\ No newline at end of file
diff --git a/Service Portal Widgets/Mouse Effect/index.html b/Modern Development/Service Portal Widgets/Mouse Effect/index.html
similarity index 96%
rename from Service Portal Widgets/Mouse Effect/index.html
rename to Modern Development/Service Portal Widgets/Mouse Effect/index.html
index 0460130735..636191207a 100644
--- a/Service Portal Widgets/Mouse Effect/index.html
+++ b/Modern Development/Service Portal Widgets/Mouse Effect/index.html
@@ -1 +1 @@
-
+
diff --git a/Service Portal Widgets/Mouse Effect/script.js b/Modern Development/Service Portal Widgets/Mouse Effect/script.js
similarity index 97%
rename from Service Portal Widgets/Mouse Effect/script.js
rename to Modern Development/Service Portal Widgets/Mouse Effect/script.js
index deec28845d..7eadc4c596 100644
--- a/Service Portal Widgets/Mouse Effect/script.js
+++ b/Modern Development/Service Portal Widgets/Mouse Effect/script.js
@@ -1,14 +1,14 @@
-api.controller=function($scope, $element) {
- var lightBall = $element.find('.light-ball');
-
- // Update the position of the light ball on mouse move
- document.addEventListener('mousemove', function(event) {
- var mouseX = event.pageX + 10; // Offset by 10px to the right
- var mouseY = event.pageY + 10; // Offset by 10px to the bottom
-
- // Apply the position to the light ball
- lightBall.css({
- transform: 'translate(' + (mouseX - 30) + 'px, ' + (mouseY - 30) + 'px)'
- });
- });
-}
+api.controller=function($scope, $element) {
+ var lightBall = $element.find('.light-ball');
+
+ // Update the position of the light ball on mouse move
+ document.addEventListener('mousemove', function(event) {
+ var mouseX = event.pageX + 10; // Offset by 10px to the right
+ var mouseY = event.pageY + 10; // Offset by 10px to the bottom
+
+ // Apply the position to the light ball
+ lightBall.css({
+ transform: 'translate(' + (mouseX - 30) + 'px, ' + (mouseY - 30) + 'px)'
+ });
+ });
+}
diff --git a/Service Portal Widgets/Mouse Effect/style.css b/Modern Development/Service Portal Widgets/Mouse Effect/style.css
similarity index 97%
rename from Service Portal Widgets/Mouse Effect/style.css
rename to Modern Development/Service Portal Widgets/Mouse Effect/style.css
index 16dde2b1a5..846b1459d2 100644
--- a/Service Portal Widgets/Mouse Effect/style.css
+++ b/Modern Development/Service Portal Widgets/Mouse Effect/style.css
@@ -1,13 +1,13 @@
-/* Light Ball Styling */
-.light-ball {
- position: fixed;
- top: 0;
- left: 0;
- width: 60px;
- height: 60px;
- background-color: rgba(173, 216, 230, 0.8); /* Light blue with slight transparency */
- border-radius: 50%;
- filter: blur(25px); /* Creates a fuzzy glow effect */
- pointer-events: none; /* Ensures it doesn't interfere with clicking */
- transition: transform 0.5s ease; /* 500ms latency effect */
-}
+/* Light Ball Styling */
+.light-ball {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 60px;
+ background-color: rgba(173, 216, 230, 0.8); /* Light blue with slight transparency */
+ border-radius: 50%;
+ filter: blur(25px); /* Creates a fuzzy glow effect */
+ pointer-events: none; /* Ensures it doesn't interfere with clicking */
+ transition: transform 0.5s ease; /* 500ms latency effect */
+}
diff --git a/Service Portal Widgets/Open in Platform/README.md b/Modern Development/Service Portal Widgets/Open in Platform/README.md
similarity index 100%
rename from Service Portal Widgets/Open in Platform/README.md
rename to Modern Development/Service Portal Widgets/Open in Platform/README.md
diff --git a/Service Portal Widgets/Open in Platform/body.html b/Modern Development/Service Portal Widgets/Open in Platform/body.html
similarity index 100%
rename from Service Portal Widgets/Open in Platform/body.html
rename to Modern Development/Service Portal Widgets/Open in Platform/body.html
diff --git a/Service Portal Widgets/Open in Platform/server.js b/Modern Development/Service Portal Widgets/Open in Platform/server.js
similarity index 100%
rename from Service Portal Widgets/Open in Platform/server.js
rename to Modern Development/Service Portal Widgets/Open in Platform/server.js
diff --git a/Service Portal Widgets/Paginated Data/README.md b/Modern Development/Service Portal Widgets/Paginated Data/README.md
similarity index 100%
rename from Service Portal Widgets/Paginated Data/README.md
rename to Modern Development/Service Portal Widgets/Paginated Data/README.md
diff --git a/Service Portal Widgets/Paginated Data/paginated-data-server-script.js b/Modern Development/Service Portal Widgets/Paginated Data/paginated-data-server-script.js
similarity index 100%
rename from Service Portal Widgets/Paginated Data/paginated-data-server-script.js
rename to Modern Development/Service Portal Widgets/Paginated Data/paginated-data-server-script.js
diff --git a/Service Portal Widgets/Paginated Data/paginated-data.html b/Modern Development/Service Portal Widgets/Paginated Data/paginated-data.html
similarity index 100%
rename from Service Portal Widgets/Paginated Data/paginated-data.html
rename to Modern Development/Service Portal Widgets/Paginated Data/paginated-data.html
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/CSS.css b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/CSS.css
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/CSS.css
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/CSS.css
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/First Page.png b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/First Page.png
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/First Page.png
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/First Page.png
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/HTML_Script.html b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/HTML_Script.html
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/HTML_Script.html
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/HTML_Script.html
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/Last Page.png b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/Last Page.png
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/Last Page.png
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/Last Page.png
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/README.md b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/README.md
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/README.md
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/README.md
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/client_controller.js b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/client_controller.js
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/client_controller.js
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/client_controller.js
diff --git a/Service Portal Widgets/Pagination widget with next and previous button/server_script.js b/Modern Development/Service Portal Widgets/Pagination widget with next and previous button/server_script.js
similarity index 100%
rename from Service Portal Widgets/Pagination widget with next and previous button/server_script.js
rename to Modern Development/Service Portal Widgets/Pagination widget with next and previous button/server_script.js
diff --git a/Service Portal Widgets/Portal widgets Performance Test/README.md b/Modern Development/Service Portal Widgets/Portal widgets Performance Test/README.md
similarity index 100%
rename from Service Portal Widgets/Portal widgets Performance Test/README.md
rename to Modern Development/Service Portal Widgets/Portal widgets Performance Test/README.md
diff --git a/Service Portal Widgets/Portal widgets Performance Test/code.js b/Modern Development/Service Portal Widgets/Portal widgets Performance Test/code.js
similarity index 100%
rename from Service Portal Widgets/Portal widgets Performance Test/code.js
rename to Modern Development/Service Portal Widgets/Portal widgets Performance Test/code.js
diff --git a/Service Portal Widgets/Recently Viewed Items/README.md b/Modern Development/Service Portal Widgets/Recently Viewed Items/README.md
similarity index 100%
rename from Service Portal Widgets/Recently Viewed Items/README.md
rename to Modern Development/Service Portal Widgets/Recently Viewed Items/README.md
diff --git a/Service Portal Widgets/Recently Viewed Items/Recently viewed widget.png b/Modern Development/Service Portal Widgets/Recently Viewed Items/Recently viewed widget.png
similarity index 100%
rename from Service Portal Widgets/Recently Viewed Items/Recently viewed widget.png
rename to Modern Development/Service Portal Widgets/Recently Viewed Items/Recently viewed widget.png
diff --git a/Service Portal Widgets/Recently Viewed Items/recently-viewed-items-widget.js b/Modern Development/Service Portal Widgets/Recently Viewed Items/recently-viewed-items-widget.js
similarity index 100%
rename from Service Portal Widgets/Recently Viewed Items/recently-viewed-items-widget.js
rename to Modern Development/Service Portal Widgets/Recently Viewed Items/recently-viewed-items-widget.js
diff --git a/Service Portal Widgets/Record process flow/PortalUtils.js b/Modern Development/Service Portal Widgets/Record process flow/PortalUtils.js
similarity index 100%
rename from Service Portal Widgets/Record process flow/PortalUtils.js
rename to Modern Development/Service Portal Widgets/Record process flow/PortalUtils.js
diff --git a/Service Portal Widgets/Record process flow/PortalUtilsBase.js b/Modern Development/Service Portal Widgets/Record process flow/PortalUtilsBase.js
similarity index 100%
rename from Service Portal Widgets/Record process flow/PortalUtilsBase.js
rename to Modern Development/Service Portal Widgets/Record process flow/PortalUtilsBase.js
diff --git a/Service Portal Widgets/Record process flow/README.md b/Modern Development/Service Portal Widgets/Record process flow/README.md
similarity index 100%
rename from Service Portal Widgets/Record process flow/README.md
rename to Modern Development/Service Portal Widgets/Record process flow/README.md
diff --git a/Service Portal Widgets/Record process flow/body.html b/Modern Development/Service Portal Widgets/Record process flow/body.html
similarity index 100%
rename from Service Portal Widgets/Record process flow/body.html
rename to Modern Development/Service Portal Widgets/Record process flow/body.html
diff --git a/Service Portal Widgets/Record process flow/server.js b/Modern Development/Service Portal Widgets/Record process flow/server.js
similarity index 100%
rename from Service Portal Widgets/Record process flow/server.js
rename to Modern Development/Service Portal Widgets/Record process flow/server.js
diff --git a/Service Portal Widgets/Record process flow/style.css b/Modern Development/Service Portal Widgets/Record process flow/style.css
similarity index 100%
rename from Service Portal Widgets/Record process flow/style.css
rename to Modern Development/Service Portal Widgets/Record process flow/style.css
diff --git a/Service Portal Widgets/RecordPickerForListReference/README.md b/Modern Development/Service Portal Widgets/RecordPickerForListReference/README.md
similarity index 100%
rename from Service Portal Widgets/RecordPickerForListReference/README.md
rename to Modern Development/Service Portal Widgets/RecordPickerForListReference/README.md
diff --git a/Service Portal Widgets/RecordPickerForListReference/recordpicker.html b/Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpicker.html
similarity index 100%
rename from Service Portal Widgets/RecordPickerForListReference/recordpicker.html
rename to Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpicker.html
diff --git a/Service Portal Widgets/RecordPickerForListReference/recordpickerclient.js b/Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpickerclient.js
similarity index 100%
rename from Service Portal Widgets/RecordPickerForListReference/recordpickerclient.js
rename to Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpickerclient.js
diff --git a/Service Portal Widgets/RecordPickerForListReference/recordpickerserver.js b/Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpickerserver.js
similarity index 100%
rename from Service Portal Widgets/RecordPickerForListReference/recordpickerserver.js
rename to Modern Development/Service Portal Widgets/RecordPickerForListReference/recordpickerserver.js
diff --git a/Service Portal Widgets/Redirect to different portals based on browser/README.md b/Modern Development/Service Portal Widgets/Redirect to different portals based on browser/README.md
similarity index 100%
rename from Service Portal Widgets/Redirect to different portals based on browser/README.md
rename to Modern Development/Service Portal Widgets/Redirect to different portals based on browser/README.md
diff --git a/Service Portal Widgets/Redirect to different portals based on browser/redirect_to_different_portals_based_on_browser.js b/Modern Development/Service Portal Widgets/Redirect to different portals based on browser/redirect_to_different_portals_based_on_browser.js
similarity index 100%
rename from Service Portal Widgets/Redirect to different portals based on browser/redirect_to_different_portals_based_on_browser.js
rename to Modern Development/Service Portal Widgets/Redirect to different portals based on browser/redirect_to_different_portals_based_on_browser.js
diff --git a/Service Portal Widgets/Set Variables By Url/README.md b/Modern Development/Service Portal Widgets/Set Variables By Url/README.md
similarity index 98%
rename from Service Portal Widgets/Set Variables By Url/README.md
rename to Modern Development/Service Portal Widgets/Set Variables By Url/README.md
index 94a46bd426..b2b966f75c 100644
--- a/Service Portal Widgets/Set Variables By Url/README.md
+++ b/Modern Development/Service Portal Widgets/Set Variables By Url/README.md
@@ -1,13 +1,13 @@
-## Use case
-Sometimes you want to share a link to a catalog item on the portal and you want to pre-set some variables. Like when you make documentation and you want to pre-categorize a ticket with information but you dont show all that.
-
-So you build your link `https://{{instance}}/sp?id=sc_cat_item&sys_id={{itemSysID}}&description=I'cant%20access%20ServiceNow`
-
-Which would set the description variable to "I can't access ServiceNow"
-
-## Set up
-
-1. Create the widget
-2. Goto the https://{{instance}}/nav_to.do?uri=sp_page.do?sysparm_query=id=sc_cat_item
-3. Click the "Open in Designer" link at the bottom
+## Use case
+Sometimes you want to share a link to a catalog item on the portal and you want to pre-set some variables. Like when you make documentation and you want to pre-categorize a ticket with information but you dont show all that.
+
+So you build your link `https://{{instance}}/sp?id=sc_cat_item&sys_id={{itemSysID}}&description=I'cant%20access%20ServiceNow`
+
+Which would set the description variable to "I can't access ServiceNow"
+
+## Set up
+
+1. Create the widget
+2. Goto the https://{{instance}}/nav_to.do?uri=sp_page.do?sysparm_query=id=sc_cat_item
+3. Click the "Open in Designer" link at the bottom
4. Add your widget anywhere as it has no html it will not render any elements.
\ No newline at end of file
diff --git a/Service Portal Widgets/Set Variables By Url/client.js b/Modern Development/Service Portal Widgets/Set Variables By Url/client.js
similarity index 97%
rename from Service Portal Widgets/Set Variables By Url/client.js
rename to Modern Development/Service Portal Widgets/Set Variables By Url/client.js
index 7794e2aa76..d79e11472a 100644
--- a/Service Portal Widgets/Set Variables By Url/client.js
+++ b/Modern Development/Service Portal Widgets/Set Variables By Url/client.js
@@ -1,33 +1,33 @@
-function($scope, $window) {
- // This is the controller, we've included
- // $scope in the function above because
- // it's easy to work with
- var c = this;
- // We are going to simplify accessing
- // g_form within the client script by
- // setting it as a variable named g_form
- var g_form = $scope.page.g_form;
- //We are going to simplify accessing
- // g_form within the HTML by setting
- // it as a $scope attribute
- $scope.g_form = $scope.page.g_form;
- // from here you can just iterate over
- // the url params;
- var params = $window.location.href.split('?')[1];
- console.log(params);
- var paramsToString = params.toString();
- var paramsArr = paramsToString.split('&');
- paramsArr.map(function (keyValue) {
- var key = keyValue.split('=')[0];
- var value = keyValue.split(key + '=').join('');
- value = decodeURIComponent(value);
- try {
- var message = 'Setting ' + key + ' to ';
- message += value + ' from url parameter.';
- //console.log(message);
- $scope.g_form.setValue(key, value);
- } catch (error) {
- console.log('Error setting field', error);
- }
- });
+function($scope, $window) {
+ // This is the controller, we've included
+ // $scope in the function above because
+ // it's easy to work with
+ var c = this;
+ // We are going to simplify accessing
+ // g_form within the client script by
+ // setting it as a variable named g_form
+ var g_form = $scope.page.g_form;
+ //We are going to simplify accessing
+ // g_form within the HTML by setting
+ // it as a $scope attribute
+ $scope.g_form = $scope.page.g_form;
+ // from here you can just iterate over
+ // the url params;
+ var params = $window.location.href.split('?')[1];
+ console.log(params);
+ var paramsToString = params.toString();
+ var paramsArr = paramsToString.split('&');
+ paramsArr.map(function (keyValue) {
+ var key = keyValue.split('=')[0];
+ var value = keyValue.split(key + '=').join('');
+ value = decodeURIComponent(value);
+ try {
+ var message = 'Setting ' + key + ' to ';
+ message += value + ' from url parameter.';
+ //console.log(message);
+ $scope.g_form.setValue(key, value);
+ } catch (error) {
+ console.log('Error setting field', error);
+ }
+ });
}
\ No newline at end of file
diff --git a/Service Portal Widgets/Spiderman Animation/README.md b/Modern Development/Service Portal Widgets/Spiderman Animation/README.md
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/README.md
rename to Modern Development/Service Portal Widgets/Spiderman Animation/README.md
diff --git a/Service Portal Widgets/Spiderman Animation/client_script.js b/Modern Development/Service Portal Widgets/Spiderman Animation/client_script.js
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/client_script.js
rename to Modern Development/Service Portal Widgets/Spiderman Animation/client_script.js
diff --git a/Service Portal Widgets/Spiderman Animation/greengoblin.png b/Modern Development/Service Portal Widgets/Spiderman Animation/greengoblin.png
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/greengoblin.png
rename to Modern Development/Service Portal Widgets/Spiderman Animation/greengoblin.png
diff --git a/Service Portal Widgets/Spiderman Animation/html_template.html b/Modern Development/Service Portal Widgets/Spiderman Animation/html_template.html
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/html_template.html
rename to Modern Development/Service Portal Widgets/Spiderman Animation/html_template.html
diff --git a/Service Portal Widgets/Spiderman Animation/spid.png b/Modern Development/Service Portal Widgets/Spiderman Animation/spid.png
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/spid.png
rename to Modern Development/Service Portal Widgets/Spiderman Animation/spid.png
diff --git a/Service Portal Widgets/Spiderman Animation/spider.mp3 b/Modern Development/Service Portal Widgets/Spiderman Animation/spider.mp3
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/spider.mp3
rename to Modern Development/Service Portal Widgets/Spiderman Animation/spider.mp3
diff --git a/Service Portal Widgets/Spiderman Animation/style.css b/Modern Development/Service Portal Widgets/Spiderman Animation/style.css
similarity index 100%
rename from Service Portal Widgets/Spiderman Animation/style.css
rename to Modern Development/Service Portal Widgets/Spiderman Animation/style.css
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/README.md b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/README.md
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/README.md
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/README.md
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/Squid Game Themed Incident-Request-Knowledge Widget Preview.png b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/Squid Game Themed Incident-Request-Knowledge Widget Preview.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/Squid Game Themed Incident-Request-Knowledge Widget Preview.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/Squid Game Themed Incident-Request-Knowledge Widget Preview.png
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_circle_staff.png b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_circle_staff.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_circle_staff.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_circle_staff.png
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.css b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.css
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.css
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.css
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.html b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.html
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.html
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_game_irk.html
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_honeycomb_candy.png b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_honeycomb_candy.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_honeycomb_candy.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_honeycomb_candy.png
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_square_staff.png b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_square_staff.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_square_staff.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_square_staff.png
diff --git a/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_triangle_staff.png b/Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_triangle_staff.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_triangle_staff.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Incident-Request-Knowledge/squid_triangle_staff.png
diff --git a/Service Portal Widgets/Squid Game Themed Simple List/README.md b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/README.md
similarity index 98%
rename from Service Portal Widgets/Squid Game Themed Simple List/README.md
rename to Modern Development/Service Portal Widgets/Squid Game Themed Simple List/README.md
index 35452957a3..6a1f63f061 100644
--- a/Service Portal Widgets/Squid Game Themed Simple List/README.md
+++ b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/README.md
@@ -1,19 +1,19 @@
-
-Squid Game Themed Simple List Widget
-
-
-
-
-Steps to use this code :
-
-1)Clone the out of box Simple List widget
-2)Add the code from "squid_game_simple_list.html" file to html template
-3)Add the code from "squid_game_simple_list.css" file to css-scss
-4)Not required to modify the existing code in client script and server script of the cloned widget.Keep it as it is.
-5)Upload all the image files in the repo with same name to ui images.
-6)Save and drag and drop on to your required page using page designer .
-7)Click 'ctrl' + 'right click' and open instance in page editor , add name and configure required table,filter condition query,display fields in instance options and you are done.
-
-Future Enhancements:-
-
-Make background image and color dynamic using instance options to make the theme of widget user configurable
+
+Squid Game Themed Simple List Widget
+
+
+
+
+Steps to use this code :
+
+1)Clone the out of box Simple List widget
+2)Add the code from "squid_game_simple_list.html" file to html template
+3)Add the code from "squid_game_simple_list.css" file to css-scss
+4)Not required to modify the existing code in client script and server script of the cloned widget.Keep it as it is.
+5)Upload all the image files in the repo with same name to ui images.
+6)Save and drag and drop on to your required page using page designer .
+7)Click 'ctrl' + 'right click' and open instance in page editor , add name and configure required table,filter condition query,display fields in instance options and you are done.
+
+Future Enhancements:-
+
+Make background image and color dynamic using instance options to make the theme of widget user configurable
diff --git a/Service Portal Widgets/Squid Game Themed Simple List/Squid Game Themed Simple List - Preview.png b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/Squid Game Themed Simple List - Preview.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Simple List/Squid Game Themed Simple List - Preview.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Simple List/Squid Game Themed Simple List - Preview.png
diff --git a/Service Portal Widgets/Squid Game Themed Simple List/squid_game_coffin.png b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_coffin.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Simple List/squid_game_coffin.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_coffin.png
diff --git a/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css
similarity index 92%
rename from Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css
rename to Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css
index f4c0ffac08..6b209f32a8 100644
--- a/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css
+++ b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.css
@@ -1,80 +1,80 @@
-.b{
- border: 0.5rem solid #F44788;
-}
-
-.panel {
-position: relative;
-}
-
-.list-group-item {
- background-color: black;
- border: 4rem solid #F44788;
-}
-
-.text-muted {
- color:white;
-}
-.panel-heading i {
- cursor: pointer;
- position: absolute;
- padding: 10px;
- top: 0px;
- right: 0px;
- cursor: pointer;
-}
-
-.disabled-filter {
- color: #A0A0A0;
-}
-
-.list-group-item.ng-enter {
- transition: all 1s;
- -webkit-transition: all 1s;
-
- background-color: #c0dcfa;
-}
-
-.list-group-item.ng-enter-active {
- background-color: #ffffff;
-}
-
-.hide-x-overflow {
- overflow-x: hidden;
-}
-
-.translated-html > p {
- margin: 0px;
- padding: 0px;
-}
-
-IMG {
- max-width: 320px;
- max-height: 240px;
-}
-
-IMG.img-sm {
- max-height: 40px;
- max-width: 40px;
-}
-
-.filter-box {
- margin-top: 10px;
-}
-
-.panel-footer {
- background-color: black;
- .number-shown-label {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 16px;
- display: inline-block;
- }
-
- a {
- color: inherit;
- }
-}
-
-.list-group-item > a {
- display: inline-block;
-}
+.b{
+ border: 0.5rem solid #F44788;
+}
+
+.panel {
+position: relative;
+}
+
+.list-group-item {
+ background-color: black;
+ border: 4rem solid #F44788;
+}
+
+.text-muted {
+ color:white;
+}
+.panel-heading i {
+ cursor: pointer;
+ position: absolute;
+ padding: 10px;
+ top: 0px;
+ right: 0px;
+ cursor: pointer;
+}
+
+.disabled-filter {
+ color: #A0A0A0;
+}
+
+.list-group-item.ng-enter {
+ transition: all 1s;
+ -webkit-transition: all 1s;
+
+ background-color: #c0dcfa;
+}
+
+.list-group-item.ng-enter-active {
+ background-color: #ffffff;
+}
+
+.hide-x-overflow {
+ overflow-x: hidden;
+}
+
+.translated-html > p {
+ margin: 0px;
+ padding: 0px;
+}
+
+IMG {
+ max-width: 320px;
+ max-height: 240px;
+}
+
+IMG.img-sm {
+ max-height: 40px;
+ max-width: 40px;
+}
+
+.filter-box {
+ margin-top: 10px;
+}
+
+.panel-footer {
+ background-color: black;
+ .number-shown-label {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ display: inline-block;
+ }
+
+ a {
+ color: inherit;
+ }
+}
+
+.list-group-item > a {
+ display: inline-block;
+}
diff --git a/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.html b/Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.html
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.html
rename to Modern Development/Service Portal Widgets/Squid Game Themed Simple List/squid_game_simple_list.html
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/README.md b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/README.md
similarity index 98%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/README.md
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/README.md
index 41ad17bb0b..cecb92a3b3 100644
--- a/Service Portal Widgets/Squid Game Themed User Profile Card/README.md
+++ b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/README.md
@@ -1,19 +1,19 @@
-
-Squid Game Themed User Profile Card Widget
-
-
-
-
-
-Steps to use this code :
-
-1)Clone the out of box User Profile widget
-2)Add the code from "squid_game_user_profile_card.html" file to html template
-3)Add the code from "squid_game_user_profile_card.css" file to css-scss
-4)Not required to modify the existing code in client script and server script of the cloned widget.Keep it as it is.
-5)Upload all the image files in the repo with same name to ui images.
-6)Save and drag and drop on to your required page using page designer and you are done.
-
-Future Enhancements:-
-
+
+Squid Game Themed User Profile Card Widget
+
+
+
+
+
+Steps to use this code :
+
+1)Clone the out of box User Profile widget
+2)Add the code from "squid_game_user_profile_card.html" file to html template
+3)Add the code from "squid_game_user_profile_card.css" file to css-scss
+4)Not required to modify the existing code in client script and server script of the cloned widget.Keep it as it is.
+5)Upload all the image files in the repo with same name to ui images.
+6)Save and drag and drop on to your required page using page designer and you are done.
+
+Future Enhancements:-
+
Configure full user profile page in squid game theme
\ No newline at end of file
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Back - Preview.png b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Back - Preview.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Back - Preview.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Back - Preview.png
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Front - Preview.png b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Front - Preview.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Front - Preview.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/Squid Game Themed User Profile Card - Front - Preview.png
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_card.png b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_card.png
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_card.png
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_card.png
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css
similarity index 94%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css
index 623ed5e18b..7a2dcc98b5 100644
--- a/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css
+++ b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.css
@@ -1,190 +1,190 @@
-
- .card1 {
- background-color: transparent;
- width: 300px;
- height: 300px;
- perspective: 1000px;
-}
-
-.card {
- position: relative;
- width: 100%;
- height: 100%;
- text-align: center;
- transition: transform 0.6s;
- transform-style: preserve-3d;
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-}
-
-.card1:hover .card {
- transform: rotateY(180deg);
-}
-
-.front, .back {
- position: absolute;
- width: 100%;
- height: 100%;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-
-.front {
-
-}
-
-.back {
-
- transform: rotateY(180deg);
-}
-
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
- body {
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: "montserrat", san-serif;
- height: 100vh;
-}
- .card {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 400px;
- height: 250px;
- background-image: url(squid_game_card.png);
- background-color: #b29967;
- cursor: pointer;
- transform-style: preserve-3d;
- transition: all 0.5s ease;
- position: relative;
-}
- .card .front {
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- backface-visibility: hidden;
-}
- .card .front .circle {
- width: 70px;
- height: 70px;
- border: 7px solid #000;
- border-radius: 50%;
- margin-right: 0.5em;
-}
- .card .front .triangle {
- position: relative;
- border-left: 45px solid transparent;
- border-right: 45px solid transparent;
- border-bottom: 70px solid #000;
-}
- .card .front .triangle:before {
- width: 68px;
- height: 55px;
- content: " ";
- background: url(squid_game_card.png) center center;
- clip-path: polygon(50% 5%, 0% 100%, 100% 100%);
- position: absolute;
- top: 10px;
- left: -34px;
-}
- .card .front .square {
- width: 70px;
- height: 70px;
- border: 7px solid #000;
- margin-left: 0.5em;
-}
- .back {
- display: flex;
- justify-content: center;
- align-items: center;
- transform: rotateY(180deg);
-}
- .back .icon {
- width: 50px;
- height: 50px;
- background-color: #485461;
- background-image: linear-gradient(315deg, #485461 0%, #28313b 74%);
- border-radius: 50%;
- margin-right: 1em;
-}
- .back p {
- font-weight: 400;
- letter-spacing: 1px;
-}
- .flip-card {
- transform: rotateY(180deg);
-}
-
-
-
-
-
-
-
-
-.list-group-item {
- border: none;
- padding: 5px 15px;
-
- .btn-link {
- padding-left: 0;
- padding-right: 0;
- }
-}
-
-.user-name {
- word-break: break-word;
-}
-
-.select2-container.select2-allowclear .select2-choice .select2-chosen {
- margin-right: 60px;
-}
-
-.mia i {
- font-size: 6rem;
-}
-
-.mia {
- color: #808080;
-}
-
-.popover {
- z-index: 1049;
-}
-
-.user-profile-container {
- width: 100%;
- max-width: 755px;
- margin: 0 auto;
- padding: 0 8px;
-}
-.input-switch input[type=checkbox]:checked ~ .switch {
- background-color: $brand-primary;
-}
-
-// accessible accessibility toggle
-@media screen and (-ms-high-contrast: active) {
- .input-switch input.ng-not-empty+label.switch[for="accessibility-enabled"] {
- background-color: highlight;
- border: none;
-
- &:before {
- background-color: highlightText;
- }
- }
-
- .input-switch input.ng-empty+label[for="accessibility-enabled"] {
- background-color: window;
- border: 1px solid windowText;
-
- &:before {
- background-color: windowText;
- }
- }
-}
+
+ .card1 {
+ background-color: transparent;
+ width: 300px;
+ height: 300px;
+ perspective: 1000px;
+}
+
+.card {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ transition: transform 0.6s;
+ transform-style: preserve-3d;
+ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+}
+
+.card1:hover .card {
+ transform: rotateY(180deg);
+}
+
+.front, .back {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.front {
+
+}
+
+.back {
+
+ transform: rotateY(180deg);
+}
+
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+ body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-family: "montserrat", san-serif;
+ height: 100vh;
+}
+ .card {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 400px;
+ height: 250px;
+ background-image: url(squid_game_card.png);
+ background-color: #b29967;
+ cursor: pointer;
+ transform-style: preserve-3d;
+ transition: all 0.5s ease;
+ position: relative;
+}
+ .card .front {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ backface-visibility: hidden;
+}
+ .card .front .circle {
+ width: 70px;
+ height: 70px;
+ border: 7px solid #000;
+ border-radius: 50%;
+ margin-right: 0.5em;
+}
+ .card .front .triangle {
+ position: relative;
+ border-left: 45px solid transparent;
+ border-right: 45px solid transparent;
+ border-bottom: 70px solid #000;
+}
+ .card .front .triangle:before {
+ width: 68px;
+ height: 55px;
+ content: " ";
+ background: url(squid_game_card.png) center center;
+ clip-path: polygon(50% 5%, 0% 100%, 100% 100%);
+ position: absolute;
+ top: 10px;
+ left: -34px;
+}
+ .card .front .square {
+ width: 70px;
+ height: 70px;
+ border: 7px solid #000;
+ margin-left: 0.5em;
+}
+ .back {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transform: rotateY(180deg);
+}
+ .back .icon {
+ width: 50px;
+ height: 50px;
+ background-color: #485461;
+ background-image: linear-gradient(315deg, #485461 0%, #28313b 74%);
+ border-radius: 50%;
+ margin-right: 1em;
+}
+ .back p {
+ font-weight: 400;
+ letter-spacing: 1px;
+}
+ .flip-card {
+ transform: rotateY(180deg);
+}
+
+
+
+
+
+
+
+
+.list-group-item {
+ border: none;
+ padding: 5px 15px;
+
+ .btn-link {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.user-name {
+ word-break: break-word;
+}
+
+.select2-container.select2-allowclear .select2-choice .select2-chosen {
+ margin-right: 60px;
+}
+
+.mia i {
+ font-size: 6rem;
+}
+
+.mia {
+ color: #808080;
+}
+
+.popover {
+ z-index: 1049;
+}
+
+.user-profile-container {
+ width: 100%;
+ max-width: 755px;
+ margin: 0 auto;
+ padding: 0 8px;
+}
+.input-switch input[type=checkbox]:checked ~ .switch {
+ background-color: $brand-primary;
+}
+
+// accessible accessibility toggle
+@media screen and (-ms-high-contrast: active) {
+ .input-switch input.ng-not-empty+label.switch[for="accessibility-enabled"] {
+ background-color: highlight;
+ border: none;
+
+ &:before {
+ background-color: highlightText;
+ }
+ }
+
+ .input-switch input.ng-empty+label[for="accessibility-enabled"] {
+ background-color: window;
+ border: 1px solid windowText;
+
+ &:before {
+ background-color: windowText;
+ }
+ }
+}
diff --git a/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.html b/Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.html
similarity index 100%
rename from Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.html
rename to Modern Development/Service Portal Widgets/Squid Game Themed User Profile Card/squid_game_user_profile_card.html
diff --git a/Service Portal Widgets/Standard Ticket Header With On Hold Reason/README.md b/Modern Development/Service Portal Widgets/Standard Ticket Header With On Hold Reason/README.md
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Header With On Hold Reason/README.md
rename to Modern Development/Service Portal Widgets/Standard Ticket Header With On Hold Reason/README.md
diff --git a/Service Portal Widgets/Standard Ticket Header With On Hold Reason/ticket_header.png b/Modern Development/Service Portal Widgets/Standard Ticket Header With On Hold Reason/ticket_header.png
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Header With On Hold Reason/ticket_header.png
rename to Modern Development/Service Portal Widgets/Standard Ticket Header With On Hold Reason/ticket_header.png
diff --git a/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/README.md b/Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/README.md
rename to Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/README.md
diff --git a/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/enhanced_action_sp_widget.png b/Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/enhanced_action_sp_widget.png
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/enhanced_action_sp_widget.png
rename to Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/enhanced_action_sp_widget.png
diff --git a/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/sp_widget_std_action.xml b/Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/sp_widget_std_action.xml
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/sp_widget_std_action.xml
rename to Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/sp_widget_std_action.xml
diff --git a/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/standard_ticket_config.png b/Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/standard_ticket_config.png
similarity index 100%
rename from Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/standard_ticket_config.png
rename to Modern Development/Service Portal Widgets/Standard Ticket Page Enhanced Action Widget/standard_ticket_config.png
diff --git a/Service Portal Widgets/Tab Panel Widget/CSS-SCSS.scss b/Modern Development/Service Portal Widgets/Tab Panel Widget/CSS-SCSS.scss
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/CSS-SCSS.scss
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/CSS-SCSS.scss
diff --git a/Service Portal Widgets/Tab Panel Widget/HTML Template.html b/Modern Development/Service Portal Widgets/Tab Panel Widget/HTML Template.html
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/HTML Template.html
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/HTML Template.html
diff --git a/Service Portal Widgets/Tab Panel Widget/Image 1.png b/Modern Development/Service Portal Widgets/Tab Panel Widget/Image 1.png
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/Image 1.png
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/Image 1.png
diff --git a/Service Portal Widgets/Tab Panel Widget/Options.json b/Modern Development/Service Portal Widgets/Tab Panel Widget/Options.json
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/Options.json
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/Options.json
diff --git a/Service Portal Widgets/Tab Panel Widget/README.md b/Modern Development/Service Portal Widgets/Tab Panel Widget/README.md
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/README.md
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/README.md
diff --git a/Service Portal Widgets/Tab Panel Widget/image 2.png b/Modern Development/Service Portal Widgets/Tab Panel Widget/image 2.png
similarity index 100%
rename from Service Portal Widgets/Tab Panel Widget/image 2.png
rename to Modern Development/Service Portal Widgets/Tab Panel Widget/image 2.png
diff --git a/Service Portal Widgets/Upload Files/README.md b/Modern Development/Service Portal Widgets/Upload Files/README.md
similarity index 100%
rename from Service Portal Widgets/Upload Files/README.md
rename to Modern Development/Service Portal Widgets/Upload Files/README.md
diff --git a/Service Portal Widgets/Upload Files/body.html b/Modern Development/Service Portal Widgets/Upload Files/body.html
similarity index 100%
rename from Service Portal Widgets/Upload Files/body.html
rename to Modern Development/Service Portal Widgets/Upload Files/body.html
diff --git a/Service Portal Widgets/Upload Files/client.js b/Modern Development/Service Portal Widgets/Upload Files/client.js
similarity index 100%
rename from Service Portal Widgets/Upload Files/client.js
rename to Modern Development/Service Portal Widgets/Upload Files/client.js
diff --git a/Service Portal Widgets/Upload Files/server.js b/Modern Development/Service Portal Widgets/Upload Files/server.js
similarity index 100%
rename from Service Portal Widgets/Upload Files/server.js
rename to Modern Development/Service Portal Widgets/Upload Files/server.js
diff --git a/Service Portal Widgets/Upload Files/style.css b/Modern Development/Service Portal Widgets/Upload Files/style.css
similarity index 100%
rename from Service Portal Widgets/Upload Files/style.css
rename to Modern Development/Service Portal Widgets/Upload Files/style.css
diff --git a/Service Portal Widgets/g_form on SP/README.md b/Modern Development/Service Portal Widgets/g_form on SP/README.md
similarity index 100%
rename from Service Portal Widgets/g_form on SP/README.md
rename to Modern Development/Service Portal Widgets/g_form on SP/README.md
diff --git a/Service Portal Widgets/g_form on SP/gform_on_sp.html b/Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp.html
similarity index 100%
rename from Service Portal Widgets/g_form on SP/gform_on_sp.html
rename to Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp.html
diff --git a/Service Portal Widgets/g_form on SP/gform_on_sp_client.js b/Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp_client.js
similarity index 100%
rename from Service Portal Widgets/g_form on SP/gform_on_sp_client.js
rename to Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp_client.js
diff --git a/Service Portal Widgets/g_form on SP/gform_on_sp_server.js b/Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp_server.js
similarity index 100%
rename from Service Portal Widgets/g_form on SP/gform_on_sp_server.js
rename to Modern Development/Service Portal Widgets/g_form on SP/gform_on_sp_server.js
diff --git a/Service Portal Widgets/iFrame/README.md b/Modern Development/Service Portal Widgets/iFrame/README.md
similarity index 100%
rename from Service Portal Widgets/iFrame/README.md
rename to Modern Development/Service Portal Widgets/iFrame/README.md
diff --git a/Service Portal Widgets/iFrame/Service Portal - iFrame Widget.xml b/Modern Development/Service Portal Widgets/iFrame/Service Portal - iFrame Widget.xml
similarity index 100%
rename from Service Portal Widgets/iFrame/Service Portal - iFrame Widget.xml
rename to Modern Development/Service Portal Widgets/iFrame/Service Portal - iFrame Widget.xml
diff --git a/Service Portal Widgets/iFrame/client.js b/Modern Development/Service Portal Widgets/iFrame/client.js
similarity index 100%
rename from Service Portal Widgets/iFrame/client.js
rename to Modern Development/Service Portal Widgets/iFrame/client.js
diff --git a/Service Portal Widgets/iFrame/optionsSchema.json b/Modern Development/Service Portal Widgets/iFrame/optionsSchema.json
similarity index 100%
rename from Service Portal Widgets/iFrame/optionsSchema.json
rename to Modern Development/Service Portal Widgets/iFrame/optionsSchema.json
diff --git a/Service Portal Widgets/iFrame/server.js b/Modern Development/Service Portal Widgets/iFrame/server.js
similarity index 100%
rename from Service Portal Widgets/iFrame/server.js
rename to Modern Development/Service Portal Widgets/iFrame/server.js
diff --git a/Service Portal Widgets/iFrame/style.scss b/Modern Development/Service Portal Widgets/iFrame/style.scss
similarity index 100%
rename from Service Portal Widgets/iFrame/style.scss
rename to Modern Development/Service Portal Widgets/iFrame/style.scss
diff --git a/Service Portal Widgets/iFrame/template.html b/Modern Development/Service Portal Widgets/iFrame/template.html
similarity index 100%
rename from Service Portal Widgets/iFrame/template.html
rename to Modern Development/Service Portal Widgets/iFrame/template.html
diff --git a/Service Portal/Active Tickets Dashboard/README.md b/Modern Development/Service Portal/Active Tickets Dashboard/README.md
similarity index 100%
rename from Service Portal/Active Tickets Dashboard/README.md
rename to Modern Development/Service Portal/Active Tickets Dashboard/README.md
diff --git a/Service Portal/Active Tickets Dashboard/active_tasks_service_script.js b/Modern Development/Service Portal/Active Tickets Dashboard/active_tasks_service_script.js
similarity index 100%
rename from Service Portal/Active Tickets Dashboard/active_tasks_service_script.js
rename to Modern Development/Service Portal/Active Tickets Dashboard/active_tasks_service_script.js
diff --git a/Service Portal/Active Tickets Dashboard/active_tickets_client_script.js b/Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_client_script.js
similarity index 100%
rename from Service Portal/Active Tickets Dashboard/active_tickets_client_script.js
rename to Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_client_script.js
diff --git a/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.css b/Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.css
similarity index 100%
rename from Service Portal/Active Tickets Dashboard/active_tickets_dashboard.css
rename to Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.css
diff --git a/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.html b/Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.html
similarity index 100%
rename from Service Portal/Active Tickets Dashboard/active_tickets_dashboard.html
rename to Modern Development/Service Portal/Active Tickets Dashboard/active_tickets_dashboard.html
diff --git a/Service Portal/Search Sources/Approvals.html b/Modern Development/Service Portal/Search Sources/Approvals.html
similarity index 100%
rename from Service Portal/Search Sources/Approvals.html
rename to Modern Development/Service Portal/Search Sources/Approvals.html
diff --git a/Service Portal/Search Sources/DataFetchScript.js b/Modern Development/Service Portal/Search Sources/DataFetchScript.js
similarity index 100%
rename from Service Portal/Search Sources/DataFetchScript.js
rename to Modern Development/Service Portal/Search Sources/DataFetchScript.js
diff --git a/Service Portal/Search Sources/README.md b/Modern Development/Service Portal/Search Sources/README.md
similarity index 100%
rename from Service Portal/Search Sources/README.md
rename to Modern Development/Service Portal/Search Sources/README.md
diff --git a/Service Portal/dark-mode-switcher/README.md b/Modern Development/Service Portal/dark-mode-switcher/README.md
similarity index 98%
rename from Service Portal/dark-mode-switcher/README.md
rename to Modern Development/Service Portal/dark-mode-switcher/README.md
index 613d17d0e1..8f06da9087 100644
--- a/Service Portal/dark-mode-switcher/README.md
+++ b/Modern Development/Service Portal/dark-mode-switcher/README.md
@@ -1,38 +1,38 @@
-# Dark mode switcher ☀️/🌑
-
-This is a simple demonstration of achieving a dark mode switcher for Employee Center portal. The switcher itself allows user to quickly toggle between multiple color modes:
-
-* OS Default - uses the color scheme based on OS settings
-* Dark - uses the dark color scheme ignoring OS settings
-* Light - uses the light color scheme ignoring OS setting
-
-
-
-This implementation doesn't need to clone any widget 🤯 and was originally build for Tokyo release 🗼 of Employee Center portal. Before trying to use it in your environment consider the following 👇:
-* it was built just for fun 🎉 and as a personal challenge
-* not all colors have been adjusted for dark mode, I even barely tested the homepage 🦄
-* it might break in any upcoming releases 🐛
-* finding the right color balance with good contrast ratio for all pages might require some additional effort and patience
-* consider how all of your images will look on both color schemes (you might even end with providing 2 color variants)
-* let's hope that the nextgen portal will have this built-in OOTB 🤞
-
-## Implementations Details
-
-### user preference
-For storing the user's preference of color scheme I created a user preference with the name `preferred_color_scheme`. I suggest to create a global one with the value `os-default`.
-
-### Angular Providers
-The following angular providers need to be created and attached to the `Employee Center Header` widget. You can create those via `m2m_sp_ng_pro_sp_widget` table.
-
-[themeSwitcherMenu](themeSwitcherMenu.js) - a directive that will allow user to change color scheme
-
-[avatarDropDown](avatarDropDown.js) - a "hacky" directive that will inject our theme switcher into the portal header next to the avatar profile menu
-
-### Portal Theme
-
-[EC Theme](portal_theme.scss) - just put this into your portal theme
-
-### CSS Include
-
-[EC Dark Mode](dark_mode.scss) - put this into your theme as a CSS Include
-
+# Dark mode switcher ☀️/🌑
+
+This is a simple demonstration of achieving a dark mode switcher for Employee Center portal. The switcher itself allows user to quickly toggle between multiple color modes:
+
+* OS Default - uses the color scheme based on OS settings
+* Dark - uses the dark color scheme ignoring OS settings
+* Light - uses the light color scheme ignoring OS setting
+
+
+
+This implementation doesn't need to clone any widget 🤯 and was originally build for Tokyo release 🗼 of Employee Center portal. Before trying to use it in your environment consider the following 👇:
+* it was built just for fun 🎉 and as a personal challenge
+* not all colors have been adjusted for dark mode, I even barely tested the homepage 🦄
+* it might break in any upcoming releases 🐛
+* finding the right color balance with good contrast ratio for all pages might require some additional effort and patience
+* consider how all of your images will look on both color schemes (you might even end with providing 2 color variants)
+* let's hope that the nextgen portal will have this built-in OOTB 🤞
+
+## Implementations Details
+
+### user preference
+For storing the user's preference of color scheme I created a user preference with the name `preferred_color_scheme`. I suggest to create a global one with the value `os-default`.
+
+### Angular Providers
+The following angular providers need to be created and attached to the `Employee Center Header` widget. You can create those via `m2m_sp_ng_pro_sp_widget` table.
+
+[themeSwitcherMenu](themeSwitcherMenu.js) - a directive that will allow user to change color scheme
+
+[avatarDropDown](avatarDropDown.js) - a "hacky" directive that will inject our theme switcher into the portal header next to the avatar profile menu
+
+### Portal Theme
+
+[EC Theme](portal_theme.scss) - just put this into your portal theme
+
+### CSS Include
+
+[EC Dark Mode](dark_mode.scss) - put this into your theme as a CSS Include
+
diff --git a/Service Portal/dark-mode-switcher/avatarDropDown.js b/Modern Development/Service Portal/dark-mode-switcher/avatarDropDown.js
similarity index 96%
rename from Service Portal/dark-mode-switcher/avatarDropDown.js
rename to Modern Development/Service Portal/dark-mode-switcher/avatarDropDown.js
index f59088afb4..1fe7ad5484 100644
--- a/Service Portal/dark-mode-switcher/avatarDropDown.js
+++ b/Modern Development/Service Portal/dark-mode-switcher/avatarDropDown.js
@@ -1,10 +1,10 @@
-function avatarDropDown($compile){
- return {
- restrict: 'C',
- link: function(scope, element) {
- var $themeSwitcher = angular.element('');
- element.before($themeSwitcher);
- $compile($themeSwitcher)(scope);
- }
- };
+function avatarDropDown($compile){
+ return {
+ restrict: 'C',
+ link: function(scope, element) {
+ var $themeSwitcher = angular.element('');
+ element.before($themeSwitcher);
+ $compile($themeSwitcher)(scope);
+ }
+ };
}
\ No newline at end of file
diff --git a/Service Portal/dark-mode-switcher/dark_mode.scss b/Modern Development/Service Portal/dark-mode-switcher/dark_mode.scss
similarity index 100%
rename from Service Portal/dark-mode-switcher/dark_mode.scss
rename to Modern Development/Service Portal/dark-mode-switcher/dark_mode.scss
diff --git a/Service Portal/dark-mode-switcher/demo.gif b/Modern Development/Service Portal/dark-mode-switcher/demo.gif
similarity index 100%
rename from Service Portal/dark-mode-switcher/demo.gif
rename to Modern Development/Service Portal/dark-mode-switcher/demo.gif
diff --git a/Service Portal/dark-mode-switcher/portal_theme.scss b/Modern Development/Service Portal/dark-mode-switcher/portal_theme.scss
similarity index 97%
rename from Service Portal/dark-mode-switcher/portal_theme.scss
rename to Modern Development/Service Portal/dark-mode-switcher/portal_theme.scss
index 6a801132c1..7546219853 100644
--- a/Service Portal/dark-mode-switcher/portal_theme.scss
+++ b/Modern Development/Service Portal/dark-mode-switcher/portal_theme.scss
@@ -1,536 +1,536 @@
-$background-primary: var(--sp-color--background-primary);
-$background-secondary: var(--sp-color--background-secondary);
-$text-color: var(--sp-color--text-color);
-$gray-base: var(--sp-color--gray-base);
-$color-lightest: var(--sp-color--lightest);
-$text-primary: var(--sp-color--text-primary);
-
-//=New Variables
- //==Text color
- //$text-primary: #181A1F; //$text-color --now-color_text--primary
- $text-secondary: #474D5A; //--now-color_text--secondary
- $text-tertiary: #656E81; //$text-muted --now-color_text--tertiary
- $text-white: #ffffff; //--now-color--neutral-0
-
- //==Backgrounds
- //$background-primary: #ffffff; //--now-color_background--primary
- //$background-secondary: #f6f6f8; //--now-color_background--secondary
- $background-tertiary: #F0F1F5; //--now-color_background--tertiary
-
- //==borders
- $border-primary: #8790A1; //--now-color_border--primary
- $border-secondary: #ACB2BE; //--now-color_border--secondary
- $border-tertiary: #DADDE2; //--now-color_border--tertiary
-
- //==colors for selected
- $select-primary: #007b58; //--now-color_selection--primary-2
- $select-primary-lighter: #D7EBE5; //--now-color_selection--primary-0
- $select-primary-darker: #003929; //--now-color_selection--primary-4
-
- //==Primary color
- $brand-primary-darkest: #1D1E46; //--now-color--primary-3
- $brand-primary-darker: #333579; //--now-color--primary-2
- $brand-primary-lighter: #8789D2; //--now-color--interactive-1
- $brand-primary-lightest: #D1D2EE; //--now-color--primary-0
- $brand-primary-opacity: #E3E4F2; //--now-color--primary-0 (with opacity 0.5)
-
- //==Brand Darker colors
- $brand-danger-darker: #CC293C!default; //--now-color_alert--critical-3
- $brand-warning-darker: #AFA400!default; //--now-color_alert--warning-3
- $brand-moderate-darker: #6B52C4!default; //--now-color_alert--moderate-3
- $brand-low-darker: #6E6F78!default; //--now-color_alert--low-3
- $brand-success-darker: #3B7F00!default; //--now-color_alert--positive-3
- $brand-info-darker: #297CB2!default; //--now-color_alert--info-3
-
- //==spacing according to Ryan's design
- $sp-space--xxs: 2px;
- $sp-space--xs: 4px;
- $sp-space--sm: 8px;
- $sp-space--md: 12px;
- $sp-space--lg: 16px;
- $sp-space--xl: 24px;
- $sp-space--xxl: 32px;
- $sp-space--3xl: 40px;
-
- //==Box shadow according to Ryan's design
- $sp-panel-box-shadow: 0 4px 8px 0 rgba(23,40,52,0.08);
-
- //==Subnav background-color
- $sp-nav-subnav: $sp-navbar-divider-color;
-
- //==End new variables ----/
-
-
- // Define NavBar
- $sp-navbar-height: 60px;
- $sp-navbar-divider-color: #333579 !default; //--now-color_chrome--divider-10
- $sp-navbar-inverse-bg: $navbar-inverse-bg !default;
- $navbar-inverse-bg: #181826 !default; //--now-color_chrome--brand-10
- $navbar-inverse-link-color: #DADDE2 !default; //--now-color--neutral-2
- $navbar-inverse-link-hover-color: #ffffff !default; //--now-color--neutral-0
- $sp-logo-margin-x: 6px !default;
- $sp-logo-margin-y: 6px !default;
- $sp-tagline-color: $text-color !default;
-
- // Define Body
- $body-bg: $background-secondary!default;
- $sp-body-bg: $background-secondary;
- $table-hover: #e6f2ee; //--now-color_surface--brand-1
-
- $text-color: $text-primary!default;
- $text-muted: $text-tertiary!default;
-
- //## Gray and brand colors for use across Bootstrap.
- //$gray-base: #000000; //--now-color--neutral-21
- $gray-darker: #181A1F; //--now-color--neutral-18
- $gray-dark: #282C33; //--now-color--neutral-16
- $gray: #4f5664; //--now-color--neutral-11
- $gray-light: #656E81; //--now-color--neutral-9
- $gray-lighter: #F6F6F8; //--now-color--neutral-1
-
- $brand-primary: #4f52bd!default; //--now-color--primary-1
- $brand-danger: #ff334b!default; //--now-color_alert--critical-2
- $brand-warning: #F0E000!default; //--now-color_alert--warning-2
- $brand-moderate: #8B6BFF!default; //--now-color_alert--moderate-2 NEW
- $brand-low: #9698A4!default; //--now-color_alert--low-2 NEW
- $brand-success: #51ae00!default; //--now-color_alert--positive-2
- $brand-info: #38aaf4!default; //--now-color_alert--info-2
-
- $primary: $brand-primary;
- $warning: $brand-warning;
- $success: $brand-success;
- $info: $brand-info;
- $danger: $brand-danger;
- $error: $danger;
-
- $color-darkest: #181A1F; //--now-color--neutral-18
- $color-darker: #474D5A; //--now-color--neutral-12
- $color-dark: #575F6E; //--now-color--neutral-10
- $color-disabled: #9AA1AF; //--now-color--neutral-6
- $color-light: #BDC2CB; //--now-color--neutral-4
- $color-lighter: #F0F1F5; //--now-color--neutral-2
-
- $color-accent: #007b58; //--now-color_selection--primary-2
- $color-accent-light: #51A58D; //--now-color_selection--primary-1
- $color-accent-lightest: #D7EBE5; //--now-color_selection--primary-0
-
- $border: $border-tertiary;
- $panel-primary: $border;
-
- $overdue: $brand-danger;
- $due-today: $brand-warning;
- $due-later: $brand-success;
- $complete: $brand-low;
- $in-progress: $brand-success;
-
- $color-blue-lightest: #D9F4F9; //--now-color_grouped--blue-0
- $color-blue-light: #A0E3EF; //--now-color_grouped--blue-1
- $color-blue-dark: #3A7782; //--now-color_grouped--blue-4
- $color-grey: #C6CBCB; //--now-color_grouped--gray-1
- $color-green-dark: #1C4122; //--now-color_grouped--green-5
-
- $progress-bar: $brand-primary;
-
- //define service portal preview outline highlighting
- $preview-outline: #1A4E70; //--now-color_alert--info-4
- $preview-outline-text-color: #ffffff; //--now-color--neutral-0
-
-
-
- ////Bootstrap variable
-
- //** Global textual link color.
- $link-color: #3c59e7; //--now-color--link-2
- $link-hover-color: #263994; //--now-color--link-3
-
- //== Typography
- $font-family-sans-serif: "Lato", sans-serif;
-
- $font-size-base: 16px;
- $font-size-3xl: ceil(($font-size-base * 2.25)); // 36px New
- $font-size-xxl: ceil(($font-size-base * 1.875)); // 30px New
- $font-size-xl: ceil(($font-size-base * 1.5)); // 24px New
- $font-size-large: ceil(($font-size-base * 1.25)); // 20px
- $font-size-md: $font-size-base; // 16px New
- $font-size-small: ceil(($font-size-base * 0.875)); // 14px
- $font-size-xs: ceil(($font-size-base * 0.75)); // 12px New
-
- $font-size-h1: ceil(($font-size-base * 2)); // 32px
- $font-size-h2: ceil(($font-size-base * 1.5)); // 24px
- $font-size-h3: ceil(($font-size-base * 1.25)); // 20px
- $font-size-h4: ceil(($font-size-base * 1.125)); // 18px
- $font-size-h5: $font-size-base;
- $font-size-h6: ceil(($font-size-base * 0.875)); // 14px
-
- $line-height-base: 1.4;
-
- $headings-font-family: 'Lato', sans-serif;
- $headings-font-weight: 600;
- $headings-line-height: 1.1;
-
- //== Components
- //
- $padding-base-vertical: 6px;
- $padding-base-horizontal: $sp-space--lg;
-
- $padding-large-vertical: $sp-space--sm;
- $padding-large-horizontal: $sp-space--xl;
-
- $padding-small-vertical: $sp-space--xs;
- $padding-small-horizontal: $sp-space--md;
-
- $padding-xs-vertical: $sp-space--xs;
- $padding-xs-horizontal: $sp-space--sm;
-
- $border-radius-base: 4px;
- $border-radius-large: 8px;
- $border-radius-small: 2px;
-
- //== Global color for active items (e.g., navs or dropdowns).
- $component-active-color: $text-white;
- $component-active-bg: $select-primary;
-
-
- //== Tables
- //
- $table-cell-padding: $sp-space--sm;
- $table-condensed-cell-padding: $sp-space--xs;
-
- $table-bg: transparent;
- $table-bg-accent: $background-secondary;
- $table-bg-hover: $background-tertiary;
- $table-border-color: $border-tertiary;
-
- //== Buttons
- //
- $btn-font-weight: 600;
-
- $btn-default-color: $brand-primary;
- $btn-default-bg: $background-primary;
- $btn-default-border: $brand-primary;
-
- $btn-primary-color: $text-white;
- $btn-primary-bg: $brand-primary;
- $btn-primary-border: $brand-primary;
-
- $btn-success-color: $text-white;
- $btn-success-bg: #3B7F00; //--now-color_alert--positive-3
- $btn-success-border: $btn-success-bg;
-
- $btn-info-color: $text-primary;
- $btn-info-bg: #8CCEF9; //--now-color_alert--info-1
- $btn-info-border: $btn-info-bg;
-
- $btn-warning-color: $text-primary;
- $btn-warning-bg: #F6ED6C; //--now-color_alert--warning-1
- $btn-warning-border: $btn-warning-bg;
-
- $btn-danger-color: $text-white;
- $btn-danger-bg: #CC293C; //--now-color_alert--critical-3
- $btn-danger-border: $btn-danger-bg;
-
- $btn-link-disabled-color: $text-muted;
-
- // Allows for customizing button radius independently from global border radius
- $btn-border-radius-base: $border-radius-base;
- $btn-border-radius-large: $border-radius-base;
- $btn-border-radius-small: $border-radius-base;
-
-
- //== Forms
- //
- $input-bg: $background-primary;
- $input-bg-disabled: $background-secondary;
- $input-color: $text-primary;
- $input-border: $border-primary;
-
- $input-border-focus: #3c59e7; //--now-color--focus-2
- $input-color-placeholder: $text-tertiary;
-
- $form-group-margin-bottom: $sp-space--lg;
- $label-margin-bottom: $sp-space--xs;
-
- $legend-color: $text-secondary;
- $legend-border-color: $border-tertiary;
-
- //** Background color for textual input addons
- $input-group-addon-bg: $background-secondary;
- $input-group-addon-border-color: $input-border;
-
-
- //== Dropdowns
- //
- $dropdown-bg: $background-primary;
- $dropdown-border: $border-tertiary;
- $dropdown-fallback-border: $border-tertiary;
- $dropdown-divider-bg: $dropdown-border;
-
- $dropdown-link-color: $text-primary;
- $dropdown-link-hover-color: $text-primary;
- $dropdown-link-hover-bg: $background-secondary;
-
- $dropdown-link-active-color: $component-active-color;
- $dropdown-link-active-bg: $component-active-bg;
- $dropdown-link-disabled-color: $text-muted;
-
- $dropdown-header-color: $text-muted;
-
-
- //== Grid system
- //
- $grid-gutter-width: 32px;
-
-
- //== Navbar
- //
- $navbar-height: $sp-navbar-height;
- //=== Inverted navbar
- // Reset inverted navbar basics
- $navbar-inverse-color: #F0F1F5 !default; //--now-color--neutral-2
- $navbar-inverse-bg: #181826 !default; //--now-color_chrome--brand-10
- $navbar-inverse-border: #0a090f !default; //--now-color_chrome--divider-10
-
- // Inverted navbar links
- $navbar-inverse-link-color: #F0F1F5 !default; //--now-color--neutral-2
- $navbar-inverse-link-hover-color: #ffffff !default; //--now-color--neutral-0
- $navbar-inverse-link-hover-bg: transparent !default;
- $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
- $navbar-inverse-link-active-bg: #0a090f; //--now-color_chrome--divider-10
- $navbar-inverse-link-disabled-color: #DADDE2; //--now-color--neutral-3
- $navbar-inverse-link-disabled-bg: transparent;
-
- // Inverted navbar brand label
- $navbar-inverse-brand-color: $navbar-inverse-link-color;
- $navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
- $navbar-inverse-brand-hover-bg: transparent;
-
-
- //== Navs
- //
- $nav-link-padding: $sp-space--sm $sp-space--lg;
- $nav-link-hover-bg: $background-secondary;
- $nav-disabled-link-color: $text-muted;
- $nav-disabled-link-hover-color: $text-muted;
-
- //== Tabs
- $nav-tabs-border-color: transparent;
- $nav-tabs-link-hover-border-color: transparent;
- $nav-tabs-active-link-hover-bg: $select-primary;
- $nav-tabs-active-link-hover-color: $text-white;
- $nav-tabs-active-link-hover-border-color: $select-primary;
- $nav-tabs-justified-link-border-color: transparent;
- $nav-tabs-justified-active-link-border-color: $select-primary;
-
- //== Pills
- $nav-pills-border-radius: $border-radius-base !default;
- $nav-pills-active-link-hover-bg: $select-primary;
- $nav-pills-active-link-hover-color: $text-white;
-
-
- //== Pagination
- //
- $pagination-color: $link-color;
- $pagination-bg: $background-primary;
- $pagination-border: $border-tertiary;
-
- $pagination-hover-color: $link-hover-color;
- $pagination-hover-bg: $background-secondary;
- $pagination-hover-border: $border-secondary;
-
- $pagination-active-color: $text-white;
- $pagination-active-bg: $brand-primary;
- $pagination-active-border: $brand-primary;
-
- $pagination-disabled-color: $text-muted;
- $pagination-disabled-bg: $background-primary;
- $pagination-disabled-border: $border-tertiary;
-
-
- //== Pager
- //
- $pager-border-radius: $sp-space--lg;
-
- //== Form states and alerts
- //
- $state-success-text: $text-primary;
- $state-success-bg: #D2EABC; //--now-color_alert--positive-0
- $state-success-border: $brand-success;
-
- $state-info-text: $text-primary;
- $state-info-bg: #CBE9FC; //--now-color_alert--info-0
- $state-info-border: $brand-info;
-
- $state-warning-text: $text-primary;
- $state-warning-bg: #FBF7BC; //--now-color_alert--warning-0
- $state-warning-border: $brand-warning;
-
- $state-danger-text: $btn-danger-bg;
- $state-danger-bg: #FFCCD2; //--now-color_alert--critical-0
- $state-danger-border: $brand-danger;
-
- //== Popovers
- //
- $popover-bg: $background-primary;
- $popover-border-color: $border-tertiary;
- $popover-fallback-border-color: $border-tertiary;
- $popover-title-bg: $background-secondary;
-
-
- //== Labels
- //
- $label-default-bg: #C2C4CA; //--now-color_alert--low-1
- $label-primary-bg: $brand-primary-lightest;
- $label-success-bg: $state-success-bg;
- $label-info-bg: $state-info-bg;
- $label-warning-bg: $state-warning-bg;
- $label-danger-bg: $state-danger-bg;
- $label-color: $text-primary;
- $label-link-hover-color: $text-primary;
-
-
- //== Modals
- //
- $modal-inner-padding: $sp-space--lg;
- $modal-title-padding: $sp-space--lg;
- $modal-content-bg: $background-primary;
- $modal-content-border-color: $border-tertiary;
- $modal-content-fallback-border-color: $border-tertiary;
-
- $modal-backdrop-bg: $gray-base;
- $modal-backdrop-opacity: .5 !default;
- $modal-header-border-color: $border-tertiary;
- $modal-footer-border-color: $modal-header-border-color !default;
-
- //== Alerts
- //
- $alert-padding: $sp-space--lg;
- $alert-success-bg: $state-success-bg;
- $alert-success-text: $state-success-text;
- $alert-success-border: $state-success-border;
-
- $alert-info-bg: $state-info-bg;
- $alert-info-text: $state-info-text;
- $alert-info-border: $state-info-border;
-
- $alert-warning-bg: $state-warning-bg;
- $alert-warning-text: $state-warning-text;
- $alert-warning-border: $state-warning-border;
-
- $alert-danger-bg: $state-danger-bg;
- $alert-danger-text: $state-danger-text;
- $alert-danger-border: $state-danger-border;
-
- //== Progress bars
- //
- $progress-bg: $background-tertiary;
- $progress-bar-color: $text-white;
-
- //== List group
- //
- $list-group-bg: $background-primary;
- $list-group-border: $border-tertiary;
- $list-group-hover-bg: $background-secondary;
- $list-group-active-color: $component-active-color;
- $list-group-active-bg: $component-active-bg;
- $list-group-active-border: $list-group-active-bg;
- $list-group-active-text-color: $list-group-active-color;
- $list-group-disabled-color: $text-tertiary;
- $list-group-disabled-bg: $background-secondary;
- $list-group-disabled-text-color: $list-group-disabled-color;
-
- $list-group-link-color: $text-primary;
- $list-group-link-hover-color: $list-group-link-color;
- $list-group-link-heading-color: $text-primary;
-
- //== Panels
- //
- $panel-bg: $background-primary!default;
- $panel-body-padding: $sp-space--lg $sp-space--xl;
- $panel-heading-padding: $sp-space--xl;
- $panel-border-radius: $border-radius-large;
-
- //** Border color for elements within panels
- $panel-inner-border: $border-tertiary;
- $panel-footer-bg: $background-secondary;
-
- $panel-default-text: $text-primary;
- $panel-default-border: $border-tertiary;
- $panel-default-heading-bg: $background-secondary;
-
- $panel-primary-text: $text-white;
-
- //== Thumbnails
- //
- $thumbnail-padding: $sp-space--xs;
- $thumbnail-border: $border;
- $thumbnail-caption-padding: $sp-space--sm;
-
- //== Wells
- //
- $well-bg: $body-bg;
- $well-border: $border;
-
- //== Badges
- //
- $badge-color: $text-white;
- $badge-link-hover-color: $text-white;
- $badge-bg: $gray-light;
- $badge-active-color: $link-color;
- $badge-active-bg: $background-primary;
-
- //== Breadcrumbs
- //
- $breadcrumb-padding-vertical: $sp-space--sm;
- $breadcrumb-padding-horizontal: $sp-space--lg;
- $breadcrumb-bg: $body-bg;
- $breadcrumb-color: $text-tertiary;
- $breadcrumb-active-color: $text-primary;
-
- //== Carousel
- //
- $carousel-indicator-active-bg: $brand-primary;
-
- //== Code
- //
- $code-color: #cd293c; //--now-color_alert--critical-3
- $code-bg: $background-tertiary;
-
- $kbd-color: $text-white;
- $kbd-bg: $gray-dark;
-
- $pre-bg: $background-secondary;
- $pre-color: $gray-dark;
- $pre-border-color: $border-tertiary;
-
- //== Type
- //
- $abbr-border-color: $border-tertiary;
- $headings-small-color: $text-muted;
- $blockquote-small-color: $text-muted;
- $blockquote-border-color: $border-tertiary;
- $page-header-border-color: $border-tertiary;
- $hr-border: $border-tertiary;
-
- $sp-b-border-color: $border;
- $panel-default-border: $border;
-
- //sc help icon color
- $sc-field-error-color: $text-secondary;
-
- //define La Jolla variable that is used for KB Star colors
- $fav-star-color: $brand-warning;
- $fav-star-color-off: #ffffff;
- $fav-star-outline-color: darken($brand-warning, 30%);
- $fav-star-outline: -1px 0 $fav-star-outline-color, 0 1px $fav-star-outline-color, 1px 0$fav-star-outline-color, 0 -1px $fav-star-outline-color;
-
-
- //==AI Search
- $now-sp-font-family-sans-serif: 'Lato', sans-serif;
- $now-sp-tabs--selected--color: $select-primary;
- $now-sp-tabs--color--hover: $select-primary;
- $now-sp-tabs--border-color: $sp-b-border-color;
- $now-sp-tabs--selected--background-color: $select-primary;
-
- //==Chat
- $sp-agent-chat-bg: $brand-primary;
+$background-primary: var(--sp-color--background-primary);
+$background-secondary: var(--sp-color--background-secondary);
+$text-color: var(--sp-color--text-color);
+$gray-base: var(--sp-color--gray-base);
+$color-lightest: var(--sp-color--lightest);
+$text-primary: var(--sp-color--text-primary);
+
+//=New Variables
+ //==Text color
+ //$text-primary: #181A1F; //$text-color --now-color_text--primary
+ $text-secondary: #474D5A; //--now-color_text--secondary
+ $text-tertiary: #656E81; //$text-muted --now-color_text--tertiary
+ $text-white: #ffffff; //--now-color--neutral-0
+
+ //==Backgrounds
+ //$background-primary: #ffffff; //--now-color_background--primary
+ //$background-secondary: #f6f6f8; //--now-color_background--secondary
+ $background-tertiary: #F0F1F5; //--now-color_background--tertiary
+
+ //==borders
+ $border-primary: #8790A1; //--now-color_border--primary
+ $border-secondary: #ACB2BE; //--now-color_border--secondary
+ $border-tertiary: #DADDE2; //--now-color_border--tertiary
+
+ //==colors for selected
+ $select-primary: #007b58; //--now-color_selection--primary-2
+ $select-primary-lighter: #D7EBE5; //--now-color_selection--primary-0
+ $select-primary-darker: #003929; //--now-color_selection--primary-4
+
+ //==Primary color
+ $brand-primary-darkest: #1D1E46; //--now-color--primary-3
+ $brand-primary-darker: #333579; //--now-color--primary-2
+ $brand-primary-lighter: #8789D2; //--now-color--interactive-1
+ $brand-primary-lightest: #D1D2EE; //--now-color--primary-0
+ $brand-primary-opacity: #E3E4F2; //--now-color--primary-0 (with opacity 0.5)
+
+ //==Brand Darker colors
+ $brand-danger-darker: #CC293C!default; //--now-color_alert--critical-3
+ $brand-warning-darker: #AFA400!default; //--now-color_alert--warning-3
+ $brand-moderate-darker: #6B52C4!default; //--now-color_alert--moderate-3
+ $brand-low-darker: #6E6F78!default; //--now-color_alert--low-3
+ $brand-success-darker: #3B7F00!default; //--now-color_alert--positive-3
+ $brand-info-darker: #297CB2!default; //--now-color_alert--info-3
+
+ //==spacing according to Ryan's design
+ $sp-space--xxs: 2px;
+ $sp-space--xs: 4px;
+ $sp-space--sm: 8px;
+ $sp-space--md: 12px;
+ $sp-space--lg: 16px;
+ $sp-space--xl: 24px;
+ $sp-space--xxl: 32px;
+ $sp-space--3xl: 40px;
+
+ //==Box shadow according to Ryan's design
+ $sp-panel-box-shadow: 0 4px 8px 0 rgba(23,40,52,0.08);
+
+ //==Subnav background-color
+ $sp-nav-subnav: $sp-navbar-divider-color;
+
+ //==End new variables ----/
+
+
+ // Define NavBar
+ $sp-navbar-height: 60px;
+ $sp-navbar-divider-color: #333579 !default; //--now-color_chrome--divider-10
+ $sp-navbar-inverse-bg: $navbar-inverse-bg !default;
+ $navbar-inverse-bg: #181826 !default; //--now-color_chrome--brand-10
+ $navbar-inverse-link-color: #DADDE2 !default; //--now-color--neutral-2
+ $navbar-inverse-link-hover-color: #ffffff !default; //--now-color--neutral-0
+ $sp-logo-margin-x: 6px !default;
+ $sp-logo-margin-y: 6px !default;
+ $sp-tagline-color: $text-color !default;
+
+ // Define Body
+ $body-bg: $background-secondary!default;
+ $sp-body-bg: $background-secondary;
+ $table-hover: #e6f2ee; //--now-color_surface--brand-1
+
+ $text-color: $text-primary!default;
+ $text-muted: $text-tertiary!default;
+
+ //## Gray and brand colors for use across Bootstrap.
+ //$gray-base: #000000; //--now-color--neutral-21
+ $gray-darker: #181A1F; //--now-color--neutral-18
+ $gray-dark: #282C33; //--now-color--neutral-16
+ $gray: #4f5664; //--now-color--neutral-11
+ $gray-light: #656E81; //--now-color--neutral-9
+ $gray-lighter: #F6F6F8; //--now-color--neutral-1
+
+ $brand-primary: #4f52bd!default; //--now-color--primary-1
+ $brand-danger: #ff334b!default; //--now-color_alert--critical-2
+ $brand-warning: #F0E000!default; //--now-color_alert--warning-2
+ $brand-moderate: #8B6BFF!default; //--now-color_alert--moderate-2 NEW
+ $brand-low: #9698A4!default; //--now-color_alert--low-2 NEW
+ $brand-success: #51ae00!default; //--now-color_alert--positive-2
+ $brand-info: #38aaf4!default; //--now-color_alert--info-2
+
+ $primary: $brand-primary;
+ $warning: $brand-warning;
+ $success: $brand-success;
+ $info: $brand-info;
+ $danger: $brand-danger;
+ $error: $danger;
+
+ $color-darkest: #181A1F; //--now-color--neutral-18
+ $color-darker: #474D5A; //--now-color--neutral-12
+ $color-dark: #575F6E; //--now-color--neutral-10
+ $color-disabled: #9AA1AF; //--now-color--neutral-6
+ $color-light: #BDC2CB; //--now-color--neutral-4
+ $color-lighter: #F0F1F5; //--now-color--neutral-2
+
+ $color-accent: #007b58; //--now-color_selection--primary-2
+ $color-accent-light: #51A58D; //--now-color_selection--primary-1
+ $color-accent-lightest: #D7EBE5; //--now-color_selection--primary-0
+
+ $border: $border-tertiary;
+ $panel-primary: $border;
+
+ $overdue: $brand-danger;
+ $due-today: $brand-warning;
+ $due-later: $brand-success;
+ $complete: $brand-low;
+ $in-progress: $brand-success;
+
+ $color-blue-lightest: #D9F4F9; //--now-color_grouped--blue-0
+ $color-blue-light: #A0E3EF; //--now-color_grouped--blue-1
+ $color-blue-dark: #3A7782; //--now-color_grouped--blue-4
+ $color-grey: #C6CBCB; //--now-color_grouped--gray-1
+ $color-green-dark: #1C4122; //--now-color_grouped--green-5
+
+ $progress-bar: $brand-primary;
+
+ //define service portal preview outline highlighting
+ $preview-outline: #1A4E70; //--now-color_alert--info-4
+ $preview-outline-text-color: #ffffff; //--now-color--neutral-0
+
+
+
+ ////Bootstrap variable
+
+ //** Global textual link color.
+ $link-color: #3c59e7; //--now-color--link-2
+ $link-hover-color: #263994; //--now-color--link-3
+
+ //== Typography
+ $font-family-sans-serif: "Lato", sans-serif;
+
+ $font-size-base: 16px;
+ $font-size-3xl: ceil(($font-size-base * 2.25)); // 36px New
+ $font-size-xxl: ceil(($font-size-base * 1.875)); // 30px New
+ $font-size-xl: ceil(($font-size-base * 1.5)); // 24px New
+ $font-size-large: ceil(($font-size-base * 1.25)); // 20px
+ $font-size-md: $font-size-base; // 16px New
+ $font-size-small: ceil(($font-size-base * 0.875)); // 14px
+ $font-size-xs: ceil(($font-size-base * 0.75)); // 12px New
+
+ $font-size-h1: ceil(($font-size-base * 2)); // 32px
+ $font-size-h2: ceil(($font-size-base * 1.5)); // 24px
+ $font-size-h3: ceil(($font-size-base * 1.25)); // 20px
+ $font-size-h4: ceil(($font-size-base * 1.125)); // 18px
+ $font-size-h5: $font-size-base;
+ $font-size-h6: ceil(($font-size-base * 0.875)); // 14px
+
+ $line-height-base: 1.4;
+
+ $headings-font-family: 'Lato', sans-serif;
+ $headings-font-weight: 600;
+ $headings-line-height: 1.1;
+
+ //== Components
+ //
+ $padding-base-vertical: 6px;
+ $padding-base-horizontal: $sp-space--lg;
+
+ $padding-large-vertical: $sp-space--sm;
+ $padding-large-horizontal: $sp-space--xl;
+
+ $padding-small-vertical: $sp-space--xs;
+ $padding-small-horizontal: $sp-space--md;
+
+ $padding-xs-vertical: $sp-space--xs;
+ $padding-xs-horizontal: $sp-space--sm;
+
+ $border-radius-base: 4px;
+ $border-radius-large: 8px;
+ $border-radius-small: 2px;
+
+ //== Global color for active items (e.g., navs or dropdowns).
+ $component-active-color: $text-white;
+ $component-active-bg: $select-primary;
+
+
+ //== Tables
+ //
+ $table-cell-padding: $sp-space--sm;
+ $table-condensed-cell-padding: $sp-space--xs;
+
+ $table-bg: transparent;
+ $table-bg-accent: $background-secondary;
+ $table-bg-hover: $background-tertiary;
+ $table-border-color: $border-tertiary;
+
+ //== Buttons
+ //
+ $btn-font-weight: 600;
+
+ $btn-default-color: $brand-primary;
+ $btn-default-bg: $background-primary;
+ $btn-default-border: $brand-primary;
+
+ $btn-primary-color: $text-white;
+ $btn-primary-bg: $brand-primary;
+ $btn-primary-border: $brand-primary;
+
+ $btn-success-color: $text-white;
+ $btn-success-bg: #3B7F00; //--now-color_alert--positive-3
+ $btn-success-border: $btn-success-bg;
+
+ $btn-info-color: $text-primary;
+ $btn-info-bg: #8CCEF9; //--now-color_alert--info-1
+ $btn-info-border: $btn-info-bg;
+
+ $btn-warning-color: $text-primary;
+ $btn-warning-bg: #F6ED6C; //--now-color_alert--warning-1
+ $btn-warning-border: $btn-warning-bg;
+
+ $btn-danger-color: $text-white;
+ $btn-danger-bg: #CC293C; //--now-color_alert--critical-3
+ $btn-danger-border: $btn-danger-bg;
+
+ $btn-link-disabled-color: $text-muted;
+
+ // Allows for customizing button radius independently from global border radius
+ $btn-border-radius-base: $border-radius-base;
+ $btn-border-radius-large: $border-radius-base;
+ $btn-border-radius-small: $border-radius-base;
+
+
+ //== Forms
+ //
+ $input-bg: $background-primary;
+ $input-bg-disabled: $background-secondary;
+ $input-color: $text-primary;
+ $input-border: $border-primary;
+
+ $input-border-focus: #3c59e7; //--now-color--focus-2
+ $input-color-placeholder: $text-tertiary;
+
+ $form-group-margin-bottom: $sp-space--lg;
+ $label-margin-bottom: $sp-space--xs;
+
+ $legend-color: $text-secondary;
+ $legend-border-color: $border-tertiary;
+
+ //** Background color for textual input addons
+ $input-group-addon-bg: $background-secondary;
+ $input-group-addon-border-color: $input-border;
+
+
+ //== Dropdowns
+ //
+ $dropdown-bg: $background-primary;
+ $dropdown-border: $border-tertiary;
+ $dropdown-fallback-border: $border-tertiary;
+ $dropdown-divider-bg: $dropdown-border;
+
+ $dropdown-link-color: $text-primary;
+ $dropdown-link-hover-color: $text-primary;
+ $dropdown-link-hover-bg: $background-secondary;
+
+ $dropdown-link-active-color: $component-active-color;
+ $dropdown-link-active-bg: $component-active-bg;
+ $dropdown-link-disabled-color: $text-muted;
+
+ $dropdown-header-color: $text-muted;
+
+
+ //== Grid system
+ //
+ $grid-gutter-width: 32px;
+
+
+ //== Navbar
+ //
+ $navbar-height: $sp-navbar-height;
+ //=== Inverted navbar
+ // Reset inverted navbar basics
+ $navbar-inverse-color: #F0F1F5 !default; //--now-color--neutral-2
+ $navbar-inverse-bg: #181826 !default; //--now-color_chrome--brand-10
+ $navbar-inverse-border: #0a090f !default; //--now-color_chrome--divider-10
+
+ // Inverted navbar links
+ $navbar-inverse-link-color: #F0F1F5 !default; //--now-color--neutral-2
+ $navbar-inverse-link-hover-color: #ffffff !default; //--now-color--neutral-0
+ $navbar-inverse-link-hover-bg: transparent !default;
+ $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
+ $navbar-inverse-link-active-bg: #0a090f; //--now-color_chrome--divider-10
+ $navbar-inverse-link-disabled-color: #DADDE2; //--now-color--neutral-3
+ $navbar-inverse-link-disabled-bg: transparent;
+
+ // Inverted navbar brand label
+ $navbar-inverse-brand-color: $navbar-inverse-link-color;
+ $navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color;
+ $navbar-inverse-brand-hover-bg: transparent;
+
+
+ //== Navs
+ //
+ $nav-link-padding: $sp-space--sm $sp-space--lg;
+ $nav-link-hover-bg: $background-secondary;
+ $nav-disabled-link-color: $text-muted;
+ $nav-disabled-link-hover-color: $text-muted;
+
+ //== Tabs
+ $nav-tabs-border-color: transparent;
+ $nav-tabs-link-hover-border-color: transparent;
+ $nav-tabs-active-link-hover-bg: $select-primary;
+ $nav-tabs-active-link-hover-color: $text-white;
+ $nav-tabs-active-link-hover-border-color: $select-primary;
+ $nav-tabs-justified-link-border-color: transparent;
+ $nav-tabs-justified-active-link-border-color: $select-primary;
+
+ //== Pills
+ $nav-pills-border-radius: $border-radius-base !default;
+ $nav-pills-active-link-hover-bg: $select-primary;
+ $nav-pills-active-link-hover-color: $text-white;
+
+
+ //== Pagination
+ //
+ $pagination-color: $link-color;
+ $pagination-bg: $background-primary;
+ $pagination-border: $border-tertiary;
+
+ $pagination-hover-color: $link-hover-color;
+ $pagination-hover-bg: $background-secondary;
+ $pagination-hover-border: $border-secondary;
+
+ $pagination-active-color: $text-white;
+ $pagination-active-bg: $brand-primary;
+ $pagination-active-border: $brand-primary;
+
+ $pagination-disabled-color: $text-muted;
+ $pagination-disabled-bg: $background-primary;
+ $pagination-disabled-border: $border-tertiary;
+
+
+ //== Pager
+ //
+ $pager-border-radius: $sp-space--lg;
+
+ //== Form states and alerts
+ //
+ $state-success-text: $text-primary;
+ $state-success-bg: #D2EABC; //--now-color_alert--positive-0
+ $state-success-border: $brand-success;
+
+ $state-info-text: $text-primary;
+ $state-info-bg: #CBE9FC; //--now-color_alert--info-0
+ $state-info-border: $brand-info;
+
+ $state-warning-text: $text-primary;
+ $state-warning-bg: #FBF7BC; //--now-color_alert--warning-0
+ $state-warning-border: $brand-warning;
+
+ $state-danger-text: $btn-danger-bg;
+ $state-danger-bg: #FFCCD2; //--now-color_alert--critical-0
+ $state-danger-border: $brand-danger;
+
+ //== Popovers
+ //
+ $popover-bg: $background-primary;
+ $popover-border-color: $border-tertiary;
+ $popover-fallback-border-color: $border-tertiary;
+ $popover-title-bg: $background-secondary;
+
+
+ //== Labels
+ //
+ $label-default-bg: #C2C4CA; //--now-color_alert--low-1
+ $label-primary-bg: $brand-primary-lightest;
+ $label-success-bg: $state-success-bg;
+ $label-info-bg: $state-info-bg;
+ $label-warning-bg: $state-warning-bg;
+ $label-danger-bg: $state-danger-bg;
+ $label-color: $text-primary;
+ $label-link-hover-color: $text-primary;
+
+
+ //== Modals
+ //
+ $modal-inner-padding: $sp-space--lg;
+ $modal-title-padding: $sp-space--lg;
+ $modal-content-bg: $background-primary;
+ $modal-content-border-color: $border-tertiary;
+ $modal-content-fallback-border-color: $border-tertiary;
+
+ $modal-backdrop-bg: $gray-base;
+ $modal-backdrop-opacity: .5 !default;
+ $modal-header-border-color: $border-tertiary;
+ $modal-footer-border-color: $modal-header-border-color !default;
+
+ //== Alerts
+ //
+ $alert-padding: $sp-space--lg;
+ $alert-success-bg: $state-success-bg;
+ $alert-success-text: $state-success-text;
+ $alert-success-border: $state-success-border;
+
+ $alert-info-bg: $state-info-bg;
+ $alert-info-text: $state-info-text;
+ $alert-info-border: $state-info-border;
+
+ $alert-warning-bg: $state-warning-bg;
+ $alert-warning-text: $state-warning-text;
+ $alert-warning-border: $state-warning-border;
+
+ $alert-danger-bg: $state-danger-bg;
+ $alert-danger-text: $state-danger-text;
+ $alert-danger-border: $state-danger-border;
+
+ //== Progress bars
+ //
+ $progress-bg: $background-tertiary;
+ $progress-bar-color: $text-white;
+
+ //== List group
+ //
+ $list-group-bg: $background-primary;
+ $list-group-border: $border-tertiary;
+ $list-group-hover-bg: $background-secondary;
+ $list-group-active-color: $component-active-color;
+ $list-group-active-bg: $component-active-bg;
+ $list-group-active-border: $list-group-active-bg;
+ $list-group-active-text-color: $list-group-active-color;
+ $list-group-disabled-color: $text-tertiary;
+ $list-group-disabled-bg: $background-secondary;
+ $list-group-disabled-text-color: $list-group-disabled-color;
+
+ $list-group-link-color: $text-primary;
+ $list-group-link-hover-color: $list-group-link-color;
+ $list-group-link-heading-color: $text-primary;
+
+ //== Panels
+ //
+ $panel-bg: $background-primary!default;
+ $panel-body-padding: $sp-space--lg $sp-space--xl;
+ $panel-heading-padding: $sp-space--xl;
+ $panel-border-radius: $border-radius-large;
+
+ //** Border color for elements within panels
+ $panel-inner-border: $border-tertiary;
+ $panel-footer-bg: $background-secondary;
+
+ $panel-default-text: $text-primary;
+ $panel-default-border: $border-tertiary;
+ $panel-default-heading-bg: $background-secondary;
+
+ $panel-primary-text: $text-white;
+
+ //== Thumbnails
+ //
+ $thumbnail-padding: $sp-space--xs;
+ $thumbnail-border: $border;
+ $thumbnail-caption-padding: $sp-space--sm;
+
+ //== Wells
+ //
+ $well-bg: $body-bg;
+ $well-border: $border;
+
+ //== Badges
+ //
+ $badge-color: $text-white;
+ $badge-link-hover-color: $text-white;
+ $badge-bg: $gray-light;
+ $badge-active-color: $link-color;
+ $badge-active-bg: $background-primary;
+
+ //== Breadcrumbs
+ //
+ $breadcrumb-padding-vertical: $sp-space--sm;
+ $breadcrumb-padding-horizontal: $sp-space--lg;
+ $breadcrumb-bg: $body-bg;
+ $breadcrumb-color: $text-tertiary;
+ $breadcrumb-active-color: $text-primary;
+
+ //== Carousel
+ //
+ $carousel-indicator-active-bg: $brand-primary;
+
+ //== Code
+ //
+ $code-color: #cd293c; //--now-color_alert--critical-3
+ $code-bg: $background-tertiary;
+
+ $kbd-color: $text-white;
+ $kbd-bg: $gray-dark;
+
+ $pre-bg: $background-secondary;
+ $pre-color: $gray-dark;
+ $pre-border-color: $border-tertiary;
+
+ //== Type
+ //
+ $abbr-border-color: $border-tertiary;
+ $headings-small-color: $text-muted;
+ $blockquote-small-color: $text-muted;
+ $blockquote-border-color: $border-tertiary;
+ $page-header-border-color: $border-tertiary;
+ $hr-border: $border-tertiary;
+
+ $sp-b-border-color: $border;
+ $panel-default-border: $border;
+
+ //sc help icon color
+ $sc-field-error-color: $text-secondary;
+
+ //define La Jolla variable that is used for KB Star colors
+ $fav-star-color: $brand-warning;
+ $fav-star-color-off: #ffffff;
+ $fav-star-outline-color: darken($brand-warning, 30%);
+ $fav-star-outline: -1px 0 $fav-star-outline-color, 0 1px $fav-star-outline-color, 1px 0$fav-star-outline-color, 0 -1px $fav-star-outline-color;
+
+
+ //==AI Search
+ $now-sp-font-family-sans-serif: 'Lato', sans-serif;
+ $now-sp-tabs--selected--color: $select-primary;
+ $now-sp-tabs--color--hover: $select-primary;
+ $now-sp-tabs--border-color: $sp-b-border-color;
+ $now-sp-tabs--selected--background-color: $select-primary;
+
+ //==Chat
+ $sp-agent-chat-bg: $brand-primary;
\ No newline at end of file
diff --git a/Service Portal/dark-mode-switcher/themeSwitcherMenu.js b/Modern Development/Service Portal/dark-mode-switcher/themeSwitcherMenu.js
similarity index 97%
rename from Service Portal/dark-mode-switcher/themeSwitcherMenu.js
rename to Modern Development/Service Portal/dark-mode-switcher/themeSwitcherMenu.js
index bc060b2928..459a12947d 100644
--- a/Service Portal/dark-mode-switcher/themeSwitcherMenu.js
+++ b/Modern Development/Service Portal/dark-mode-switcher/themeSwitcherMenu.js
@@ -1,78 +1,78 @@
-function themeSwitcherMenu(){
- return {
- restrict: 'E',
- replace: true,
- controllerAs: 'c',
- controller: function(userPreferences){
- var c = this;
- c.$onInit = function(){
- userPreferences.getPreference('preferred_color_scheme').then(function(response){
- c.currentTheme = response || 'os-default';
- document.documentElement.dataset["colorScheme"] = c.currentTheme;
- });
-
- };
-
- c.THEME_ICON = {
- "os-default": "adjust",
- light: "sun-o",
- dark: "moon-o"
- };
-
- c.themeChosen = function(theme){
- c.currentTheme = theme;
- userPreferences.setPreference('preferred_color_scheme', theme);
- document.documentElement.dataset["colorScheme"] = theme;
- };
-
- },
- template: "\n" +
- " \n" +
- " - \n" +
- " \n" +
- " \n" +
- "
\n" +
- " \n" +
- " \n" +
- " \n" +
- "\n"
- };
+function themeSwitcherMenu(){
+ return {
+ restrict: 'E',
+ replace: true,
+ controllerAs: 'c',
+ controller: function(userPreferences){
+ var c = this;
+ c.$onInit = function(){
+ userPreferences.getPreference('preferred_color_scheme').then(function(response){
+ c.currentTheme = response || 'os-default';
+ document.documentElement.dataset["colorScheme"] = c.currentTheme;
+ });
+
+ };
+
+ c.THEME_ICON = {
+ "os-default": "adjust",
+ light: "sun-o",
+ dark: "moon-o"
+ };
+
+ c.themeChosen = function(theme){
+ c.currentTheme = theme;
+ userPreferences.setPreference('preferred_color_scheme', theme);
+ document.documentElement.dataset["colorScheme"] = theme;
+ };
+
+ },
+ template: "