element with classes "nav" and "navbar-nav"
83 | const navbar = document.querySelector('ul.nav.navbar-nav');
84 |
85 | const existingMenu = document.getElementById('recentsmenu');
86 | if (existingMenu){
87 | existingMenu.remove();
88 | }
89 |
90 |
91 | // Check if the navbar was found
92 | if (navbar) {
93 | // Create the new
element to append
94 | const newMenuItem = document.createElement('li');
95 | newMenuItem.className = 'dropdown menu02';
96 | newMenuItem.id = "recentsmenu";
97 |
98 | let recentItems = "";
99 |
100 | recentOppsList.forEach(obj => {
101 | // Get the first (and only) key-value pair from each object in the array
102 | const [key, value] = Object.entries(obj)[0];
103 | recentItems += `
element to the navbar
117 | navbar.appendChild(newMenuItem);
118 |
119 | // Add event listener for the "Clear Recents" link
120 | document.getElementById('clearRecentsLink').addEventListener('click', function(event) {
121 | event.preventDefault(); // Prevent default link behavior
122 | clearRecentOpportunitiesList();
123 | });
124 |
125 | // modify the normal menu items to make room for the new one
126 | var dashButton = document.querySelector("li.menu00");
127 | dashButton.querySelector("a").innerText = "Dash";
128 |
129 | var peopleButton = document.querySelector("li.menu01");
130 | peopleButton.querySelector("a").innerText = "People & Orgs";
131 |
132 |
133 |
134 |
135 |
136 | }
137 | }
138 |
--------------------------------------------------------------------------------
/CRMS Extension/scripts/autocheckin.js:
--------------------------------------------------------------------------------
1 | console.log("Auto check-in script is live");
2 |
3 | const inputField = document.getElementById('global_check_in_stock_level_asset_number');
4 | const submitButton = document.querySelector('input[type="submit"][value="check-in"]');
5 |
6 | let listToCheckIn = [];
7 | let listOfResponses = [];
8 | let readyToProcess = true;
9 |
10 | // Get the current page URL
11 | const currentUrl = window.location.href;
12 |
13 | // Get the last 8 characters of the URL
14 | const containerRef = currentUrl.slice(-8);
15 | console.log(containerRef);
16 |
17 | window.addEventListener("load", function() {
18 | // Your code here
19 | console.log("Page is fully loaded, including all resources.");
20 | });
21 |
22 |
23 | function processItem(){
24 | if (readyToProcess){
25 | readyToProcess = false;
26 | console.log(listToCheckIn.length);
27 | if (listToCheckIn.length > 0){
28 | var nextItem = listToCheckIn[0];
29 | console.log(`Checking-in item: ${nextItem.asset}`);
30 | inputField.value = nextItem.asset;
31 | listToCheckIn.shift();
32 | submitButton.click();
33 | } else {
34 | harvestItems();
35 | }
36 | }
37 | }
38 |
39 | function harvestItems(){
40 | var checkedInSucessfully = [];
41 | const assetsIn = document.querySelectorAll("td.optional-01");
42 | assetsIn.forEach((item) => {
43 | var thisEntry = item.innerText.trim();
44 | if (thisEntry != "Rental"){
45 | const firstSpaceIndex = thisEntry.indexOf(' ');
46 | // If there's no space, return the entire string
47 | if (firstSpaceIndex === -1) {
48 | checkedInSucessfully.push(thisEntry);
49 | } else {
50 | thisEntry = thisEntry.substring(0, firstSpaceIndex);
51 | checkedInSucessfully.push(thisEntry);
52 | }
53 | }
54 | });
55 | console.log(`We have checked in:`);
56 | console.log(checkedInSucessfully);
57 |
58 |
59 | // Now click the element with the ID "show_complete_modal"
60 | const completeButton = document.getElementById("show_complete_modal");
61 | if (completeButton) {
62 | chrome.runtime.sendMessage({
63 | messageType: "autocheckinreport",
64 | containerRef: containerRef,
65 | assets: checkedInSucessfully
66 | });
67 | completeButton.click();
68 | const finalButton = document.querySelector('button.btn.btn-primary[data-disable-with="wait ..."]');
69 | if (finalButton) {
70 | finalButton.click();
71 | setTimeout(function () {
72 | chrome.runtime.sendMessage({ action: "closeTab" });
73 | }, 50);
74 | }
75 | }
76 |
77 |
78 |
79 | }
80 |
81 |
82 | chrome.storage.local.get([containerRef]).then((result) => {
83 | if (result) {
84 | console.log(result);
85 | listToCheckIn = result[containerRef];
86 | processItem();
87 | }
88 | });
89 |
90 |
91 |
92 |
93 | // function that looks for any changes to the webpage once it has loaded, and triggers responses if these are relevant.
94 | const observer = new MutationObserver((mutations) => {
95 |
96 |
97 |
98 | mutations.forEach((mutation) => {
99 |
100 | const addedNodes = Array.from(mutation.addedNodes);
101 |
102 |
103 | // Code to dismiss the multi-opportunity box if it appears.
104 | const globalCheckModal = addedNodes.filter((node) => {
105 | // Check if node is an HTMLElement and has a querySelector method
106 | if (node instanceof HTMLElement && node.querySelector) {
107 | // Use querySelector to find the child element with the specified class
108 | const childElement = node.querySelector('.btn.btn-primary.pull-right');
109 |
110 | // Check if the child element with the specified class exists
111 | return childElement !== null;
112 | }
113 |
114 | // Return false if node is not an HTMLElement or lacks querySelector method
115 | return false;
116 | });
117 |
118 | if (globalCheckModal.length > 0) {
119 | var selectAllBox = document.querySelectorAll('input[name="asset_select_all"]');
120 | selectAllBox[0].click();
121 | var checkInButton = document.querySelectorAll('input[name="commit"][value="check-in"]');
122 | checkInButton[1].click();
123 | }
124 |
125 |
126 | const toastMessages = addedNodes.filter((node) => node.classList?.contains("toast")); // filters the ellements that have appeared on the webpage to spot toast messages
127 |
128 | addedNodes.forEach((node) => {
129 |
130 | if (node.classList?.contains("toast-success") || node.classList?.contains("toast-error")){
131 | if (node.classList?.contains("toast-success")){
132 | readyToProcess = true;
133 | } else if (node.classList?.contains("toast-error")){
134 | readyToProcess = true;
135 | }
136 | processItem();
137 |
138 | }
139 |
140 |
141 |
142 | });
143 | });
144 | });
145 |
146 | // Start observing the body for mutations. This looks out for changes to the webpage, so we can spot toast messages appearing.
147 | observer.observe(document.body, {
148 | childList: true,
149 | subtree: true,
150 | characterData: true
151 | });
152 |
--------------------------------------------------------------------------------
/CRMS Extension/scripts/availabilityscrape.js:
--------------------------------------------------------------------------------
1 |
2 | debugMode = false;
3 |
4 | console.log("Availability Scrape is active");
5 |
6 |
7 | availabilityData = {};
8 | currentUrl = window.location.href;
9 |
10 | ignoreStart = 0;
11 | ignoreEnd = 0;
12 |
13 | function shouldScrape() {
14 | return currentUrl.endsWith("scrape");
15 | }
16 |
17 | function shouldScrapeQty() {
18 | return currentUrl.endsWith("scrapeqty");
19 | }
20 |
21 |
22 | function createBlockOutOverlay() {
23 | var overlay = document.createElement('div');
24 | overlay.className = 'block-out';
25 | var text = document.createElement('span');
26 | text.textContent = 'THIS DUMMY TAB IS FOR BACKGROUND SCRAPING BY CURRENT-RMS HELPER. IF YOU ARE READING THIS AN ERROR HAS OCCURED. SORRY!';
27 | overlay.appendChild(text);
28 | if (!debugMode){
29 | document.body.appendChild(overlay);
30 | }
31 | }
32 |
33 | function convertToDateTime(timeStr) {
34 | var hours = parseInt(timeStr.substring(0, 2));
35 | var minutes = parseInt(timeStr.substring(2, 4));
36 | return hours * 60 + minutes;
37 | }
38 |
39 | function extractStartParameter(str) {
40 | // Split the string at "?"
41 | var parts = str.split('?');
42 |
43 | // Check if there is a part after "?"
44 | if (parts.length > 1) {
45 | // Further split the second part at "&" and return the first element
46 | return parts[1].split('&')[0];
47 | }
48 |
49 | // Return empty string if no "?" is found
50 | return '';
51 | }
52 |
53 | function extractEndParameter(str) {
54 | // Split the string at "&"
55 | var parts = str.split('&');
56 |
57 | // Check if there are at least two "&" characters
58 | if (parts.length > 2) {
59 | // Return the second element in the array, which is between the two "&"s
60 | return parts[1];
61 | }
62 |
63 | // Return empty string if not enough "&"s are found
64 | return '';
65 | }
66 |
67 |
68 | if (shouldScrape()) {
69 | console.log("Scraping availability.");
70 | createBlockOutOverlay();
71 |
72 | // Find the table with the ID 'availability-grid'
73 | var table = document.getElementById('availability-grid');
74 |
75 | // check if we're working to a period less than a full day
76 | var timeDivide = 1;
77 | if (table.classList.contains("period2")){
78 | timeDivide = 2;
79 | } else if (table.classList.contains("period4")){
80 | timeDivide = 4;
81 | }
82 |
83 | if (timeDivide > 1){
84 | // get start and end time from the url
85 | var startString = extractStartParameter(currentUrl);
86 | var endString = extractEndParameter(currentUrl);
87 | var startTime = convertToDateTime(startString);
88 | var endTime = convertToDateTime(endString);
89 |
90 | console.log("Start string: " + startString);
91 | console.log("End string: " + endString);
92 |
93 | console.log("Start Time: " + startTime);
94 | console.log("End Time: " + endTime);
95 |
96 |
97 |
98 | console.log("timeDivide: " + timeDivide);
99 |
100 |
101 | if (timeDivide == 2){
102 | if (startTime > convertToDateTime("1200")){
103 | ignoreStart = 1;
104 | }
105 | if (endTime <= convertToDateTime("1200")){
106 | ignoreEnd = 1;
107 | }
108 |
109 |
110 | } else if (timeDivide == 4){
111 | if (startTime > convertToDateTime("1800")){
112 | ignoreStart = 3;
113 | } else if (startTime > convertToDateTime("1200")){
114 | ignoreStart = 2;
115 | } else if (startTime > convertToDateTime("0600")){
116 | ignoreStart = 1;
117 | }
118 |
119 | if (endTime <= convertToDateTime("0600")){
120 | ignoreEnd = 3;
121 | } else if (endTime <= convertToDateTime("1200")){
122 | ignoreEnd = 2;
123 | } else if (endTime <= convertToDateTime("1800")){
124 | ignoreEnd = 1;
125 | }
126 |
127 | }
128 | console.log("ignoreStart: " + ignoreStart);
129 | console.log("ignoreEnd: " + ignoreEnd);
130 | } // end if time divide > 1
131 |
132 |
133 | // Check if the table exists
134 | if (table) {
135 | // Find all
elements within the table
136 | var cells = table.getElementsByTagName('td');
137 |
138 | // Iterate through each cell
139 | for (var i = 0; i < cells.length; i++) {
140 | var cell = cells[i];
141 |
142 | // Check if the cell has the class 'product_booking'
143 | if (cell.classList.contains('product_booking')) {
144 | // Log the trimmed innerText of the 'product_booking' cell
145 | var productName = cell.innerText.trim()
146 | console.log('Product Booking:', productName);
147 |
148 | // Get the parent row of the current cell
149 | var row = cell.parentElement;
150 |
151 | // Find all 'period-of-day' cells in the same row
152 | var periodCells = row.getElementsByClassName('period-of-day');
153 | var lowestValue = null;
154 |
155 | // Iterate through each 'period-of-day' cell to find the lowest value
156 | for (var j = ignoreStart; j < (periodCells.length - ignoreEnd); j++) {
157 | var periodText = periodCells[j].innerText.trim();
158 | var firstNumber = periodText.split('\n')[0]; // Get the first line (the number before any brackets)
159 |
160 | // Convert the extracted number to an integer
161 | var number = parseInt(firstNumber, 10);
162 |
163 | // Update the lowest value if necessary
164 | if (lowestValue === null || number < lowestValue) {
165 | lowestValue = number;
166 | }
167 | }
168 |
169 | // Log the lowest value if found
170 | if (lowestValue !== null) {
171 | console.log('Lowest Period of Day:', lowestValue);
172 | availabilityData[productName] = lowestValue;
173 | }
174 | }
175 | }
176 | console.log(availabilityData);
177 | console.log(Object.keys(availabilityData).length);
178 |
179 | // grab the opp number to pass back for warehouse notes
180 | var thisOpp = document.getElementById("opportunity_id").value;
181 |
182 |
183 | if (Object.keys(availabilityData).length > 0){
184 | chrome.runtime.sendMessage({messageType: "availabilityData", messageData: availabilityData, messageOpp: thisOpp});
185 | }
186 | chrome.runtime.sendMessage({ action: "closeTab" });
187 | } else {
188 | console.log('Table with ID "availability-grid" not found.');
189 | }
190 |
191 | } else if (shouldScrapeQty()) {
192 | var prodString = extractStartParameter(currentUrl);
193 | console.log("Requested scrape of qty for item: " + prodString);
194 |
195 | // Get all
elements in the document
196 | var trElements = document.querySelectorAll('tr');
197 |
198 | var searchString = "loadProductBookings("+prodString+");"
199 |
200 | // Loop through each
element
201 | trElements.forEach(function(tr) {
202 | // Check if the onclick attribute of the current
matches the desired value
203 | if (tr.getAttribute('onclick') === searchString) {
204 |
205 | // Find the first
element with the class "quantity"
206 | var quantityTd = tr.querySelector('td.quantity');
207 |
208 | // Check if the quantityTd exists
209 | if (quantityTd) {
210 | // Get the inner text of the quantityTd
211 | var quantityText = quantityTd.textContent.trim();
212 | console.log(quantityText);
213 | chrome.runtime.sendMessage({messageType: "productQtyData", messageData: quantityText});
214 | } else {
215 | console.log("No
element with class 'quantity' found.");
216 | }
217 |
218 | // end the forEach loop
219 | return;
220 | }
221 | });
222 | chrome.runtime.sendMessage({ action: "closeTab" });
223 |
224 |
225 | } else {
226 | console.log("This will not be scraped (URL is missing 'scrape' suffix).");
227 | }
228 |
--------------------------------------------------------------------------------
/CRMS Extension/scripts/containercheckin.js:
--------------------------------------------------------------------------------
1 | console.log("Container check-in script is live");
2 |
3 | // Find the submit button with type "submit" and value "scan"
4 | const submitButton = document.querySelector('input[type="submit"][value="Scan"]');
5 |
6 | let containerRef;
7 |
8 | // Check if this user can access Global Check-in
9 | const globalOption = document.querySelector('a[href="/global_check_in"]');
10 |
11 |
12 | // Check if the submit button was found and has a parent div
13 | if (globalOption && submitButton && submitButton.parentElement.tagName === 'DIV') {
14 | // Get the parent div
15 | const parentDiv = submitButton.parentElement;
16 |
17 | // Create a new div with the specified classes
18 | const newDiv = document.createElement('div');
19 | newDiv.className = 'col-md-2 col-sm-2';
20 | newDiv.innerHTML = ``
21 |
22 | // Insert the new div directly after the parent div
23 | parentDiv.insertAdjacentElement('afterend', newDiv);
24 |
25 | // Select the previous sibling element
26 | const previousElement = newDiv.previousElementSibling;
27 | previousElement.classList.remove("col-md-2", "col-sm-2")
28 | previousElement.classList.add("col-md-1", "col-sm-1")
29 |
30 |
31 | // Add event listener for the new button
32 | document.getElementById('check-in-button').addEventListener('click', function(event) {
33 | checkincontainercomponents();
34 | });
35 |
36 | } else {
37 | console.log('Submit button with value "scan" not found or it does not have a parent div.');
38 | }
39 |
40 |
41 | function checkincontainercomponents(){
42 |
43 | let componentsList = [];
44 |
45 | var componentTable = document.getElementById('serialised_components_body');
46 | var componentRows = componentTable.querySelectorAll("tr");
47 |
48 | componentRows.forEach((item) => {
49 |
50 | var essentialTDs = item.querySelectorAll("td.essential");
51 | var rowAsset = essentialTDs[0].innerText;
52 | var rowProduct = essentialTDs[1].innerText;
53 | var rowQuantity = essentialTDs[2].innerText;
54 | var itemObj = {asset: rowAsset, product: rowProduct, quantity: rowQuantity * 1};
55 | if (rowAsset != "Bulk Stock"){
56 | componentsList.push(itemObj);
57 | }
58 |
59 | });
60 |
61 | var containerAsset = document.querySelector("div.subtitle").innerText;
62 |
63 | const h1Element = document.querySelector('h1.subject-title');
64 |
65 | // Extract the text content of the
without the subtitle
66 | const containerProduct = Array.from(h1Element.childNodes)
67 | .filter(node => node.nodeType === Node.TEXT_NODE)
68 | .map(node => node.textContent.trim())
69 | .join('');
70 |
71 | var countainerObj = {asset: containerAsset, product: containerProduct, quantity: 1};
72 | componentsList.push(countainerObj);
73 | //componentsList.push(containerAsset);
74 |
75 | console.log("Components list:");
76 | console.log(componentsList);
77 |
78 | containerRef = Math.floor(10000000 + Math.random() * 90000000);
79 |
80 | chrome.storage.local.set({ [containerRef]: componentsList }).then(() => {
81 | console.log("container check-in list was saved");
82 | // Send message with current opp value
83 | chrome.runtime.sendMessage({
84 | messageType: "containercheckin",
85 | containerRef: containerRef
86 | });
87 | document.getElementById('check-in-button').value = "Please wait...";
88 | document.getElementById('check-in-button').disabled = true;
89 |
90 | });
91 |
92 | }
93 |
94 |
95 | // Messages from the extension service worker to trigger changes
96 | chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
97 | console.log("Message received from service-worker:");
98 |
99 | if (message.messageType == "autocheckinreport"){
100 | console.log(message);
101 | if (message.containerRef == containerRef){
102 | var checkedAssets = message.assets;
103 | var componentTable = document.getElementById('serialised_components_body');
104 | var componentRows = componentTable.querySelectorAll("tr");
105 |
106 | componentRows.forEach((item, i) => {
107 | var essentialTDs = item.querySelectorAll("td.essential");
108 | var rowAsset = essentialTDs[0].innerText;
109 | if (checkedAssets.includes(rowAsset)){
110 | var markerSpace = item.querySelector("td.optional-01");
111 | if (markerSpace.innerHTML.includes("checked")){
112 | // already marked
113 | } else {
114 | markerSpace.innerHTML += `
115 |
').attr("data-editing", "true");
111 |
112 | $.ajax({
113 | url: `/opportunities/${opportunityID}/update_opportunity_cost`,
114 | type: 'PATCH',
115 | data: requestData,
116 | beforeSend: function(xhr, settings) {
117 | // Set the request headers
118 | if (typeof settings.dataType === 'undefined') {
119 | xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
120 | }
121 | },
122 | success: function(response) {
123 | console.log('Value updated successfully:', response);
124 | $td.attr('data-costed', newValue);
125 | $td.removeAttr('data-editing');
126 | },
127 | error: function(xhr, status, error) {
128 | console.error('Error updating value:', {
129 | status: xhr.status,
130 | statusText: xhr.statusText,
131 | responseText: xhr.responseText
132 | });
133 |
134 | // Revert the value on error
135 | const originalValue = $td.attr('data-original-value');
136 | $td.text(originalValue).removeAttr('data-editing');
137 | }
138 | });
139 | }
140 |
141 |
142 | // SECTION TO ADD INLINE EDIT FUNCTIONALITY TO SERVICE COST TYPE SELECTS
143 |
144 |
145 | // event listener for the select elements changing cost types
146 | $('#opportunity_item_costs_body')
147 | .on('change', 'select.cost-type-select', function () {
148 | const $theSelect = $(this);
149 | const newValue = $theSelect.val();
150 | const originalVal = $theSelect.attr('data-cost-type');
151 |
152 | console.log('Original:', originalVal, 'New:', newValue);
153 | if (newValue === originalVal) return;
154 |
155 | updateCostTypeOnServer($theSelect, newValue);
156 | });
157 |
158 | // Function to send the updated value to the server
159 | function updateCostTypeOnServer($theSelect, $newValue) {
160 | const dataId = $theSelect.closest('[data-id]').attr('data-id');
161 |
162 | if (!dataId) {
163 | console.error('Error: data-id is missing for the row.');
164 | return;
165 | }
166 |
167 | let newType;
168 |
169 | if ($newValue == "day"){
170 | newType = 1;
171 | } else if ($newValue == "hour"){
172 | newType = 2;
173 | } else if ($newValue == "dist"){
174 | newType = 3;
175 | } else if ($newValue == "flat"){
176 | newType = 4;
177 | }
178 |
179 |
180 |
181 |
182 | const requestData = {
183 | update_type: 'inline',
184 | opportunity_cost: {
185 | id: dataId,
186 | service_rate_type: newType
187 | }
188 | };
189 |
190 | console.log('Sending PATCH request to server:', {
191 |
192 | url: `/opportunities/${opportunityID}/update_opportunity_cost`,
193 | data: requestData
194 | });
195 | overlay_spinner();
196 | $theSelect.prop('disabled', true);
197 | $.ajax({
198 | url: `/opportunities/${opportunityID}/update_opportunity_cost`,
199 | type: 'PATCH',
200 | data: requestData,
201 | beforeSend: function(xhr, settings) {
202 | // Set the request headers
203 | if (typeof settings.dataType === 'undefined') {
204 | xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
205 | }
206 | },
207 | success: function(response) {
208 | console.log('Value updated successfully:', response);
209 | $theSelect.removeAttr('data-original-value').removeAttr('data-editing');
210 | $theSelect.prop('disabled', false);
211 | remove_overlay_spinner();
212 | },
213 | error: function(xhr, status, error) {
214 | console.error('Error updating value:', {
215 | status: xhr.status,
216 | statusText: xhr.statusText,
217 | responseText: xhr.responseText
218 | });
219 |
220 | $theSelect.prop('disabled', false);
221 | remove_overlay_spinner();
222 | }
223 | });
224 | }
225 |
226 |
227 |
228 |
229 |
230 | } else {
231 | console.warn('$.fn.editable is not available.');
232 | }
233 | } else {
234 | console.warn('jQuery is not available.');
235 | }
236 | }, 1000); // Delay execution by 1 second
237 | }
238 | })();
239 |
240 |
241 | function overlay_spinner() {
242 | div = $('