☰

Pestpac - Easy Quick Scheduler Buttons

Adds buttons to select technicians by area and dates up to 7 days from the latest selected date in the calendar in Pestpac

  1. // ==UserScript==
  2. // @name        Pestpac - Easy Quick Scheduler Buttons
  3. // @version     5.2.2
  4. // @description Adds buttons to select technicians by area and dates up to 7 days from the latest selected date in the calendar in Pestpac
  5. // @match       https://app.pestpac.com/appointment/*
  6. // @author      Jamie Cruz
  7. // @grant       none
  8. // @license MIT
  9. // @namespace https://greasyfork.org/users/1433767
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     /**
  16.      * Creates and inserts the button container for technician selection.
  17.      * This container is styled as a scrollable two-column grid.
  18.      * It is placed next to the "Refresh Search" button for accessibility.
  19.      * @returns {HTMLElement} The created container element.
  20.      */
  21.     function createButtonContainer() {
  22.         var container = document.createElement("div");
  23.         container.id = "techbuttons";
  24.         container.classList.add("slim-scrollbar", "pr-tiny"); // Applies styling for custom scrollbar
  25.         container.style.display = "grid";
  26.         container.style.gridTemplateColumns = "auto auto"; // Two columns with flexible sizing
  27.         container.style.gap = "5px"; // Space between buttons
  28.         container.style.overflowY = "auto"; // Enables vertical scrolling
  29.         container.style.maxHeight = "125px"; // Limits height for a compact view
  30.         container.style.border = "1px solid #ccc"; // Adds a border for clarity
  31.         container.style.padding = "10px";
  32.         container.style.marginBottom = "10px";
  33.         container.style.width = "fit-content"; // Prevents unnecessary horizontal scrolling
  34.  
  35.         var refreshSearchButton = document.getElementById("butRefreshSearch");
  36.         if (refreshSearchButton) {
  37.             refreshSearchButton.parentNode.insertBefore(container, refreshSearchButton.nextSibling);
  38.         } else {
  39.             console.error("Element with ID 'butRefreshSearch' not found."); // Logs an error if the expected element is missing
  40.         }
  41.         return container;
  42.     }
  43.  
  44.     /**
  45.      * Adds a technician selection button to the container.
  46.      * Clicking the button selects specific rows based on given range IDs.
  47.      * @param {string} buttonText - Label for the button.
  48.      * @param {string} color - Background color for the button.
  49.      * @param {Array} rowRanges - Array of start and end row IDs to select.
  50.      * @param {HTMLElement} container - The container to add the button to.
  51.      * @param {string} position - Positioning data for organizational purposes.
  52.      */
  53.     function addTechButton(buttonText, color, rowRanges, container, position) {
  54.         var button = document.createElement("button");
  55.         button.innerHTML = buttonText;
  56.         button.style.width = "90px"; // Uniform button size
  57.         button.style.height = "28px";
  58.         button.style.fontSize = "12px"; // Smaller text for clarity
  59.         button.style.backgroundColor = color;
  60.         button.style.color = "white";
  61.         button.style.border = "none";
  62.         button.style.borderRadius = "5px";
  63.         button.style.cursor = "pointer";
  64.         button.style.textAlign = "center";
  65.         button.setAttribute("data-position", position); // Stores position metadata
  66.         
  67.         var positionParts = position.split(":");
  68.         button.style.gridRow = positionParts[0];  // Assigns the row number
  69.         button.style.gridColumn = positionParts[1]; // Assigns the column number 
  70.  
  71.         container.appendChild(button);
  72.  
  73.         button.addEventListener("click", function() {
  74.             // Deselects all previously selected rows
  75.             document.querySelectorAll("tr.SelectedRow").forEach(row => {
  76.                 row.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
  77.                 row.classList.remove("SelectedRow");
  78.             });
  79.  
  80.             // Selects new rows based on predefined ID ranges
  81.             for (let range of rowRanges) {
  82.                 for (let i = range.start; i <= range.end; i++) {
  83.                     let row = document.querySelector("table.insetTable #MultiTechRow" + i);
  84.                     if (row) {
  85.                         row.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
  86.                         row.classList.add("SelectedRow");
  87.                     } else {
  88.                         console.error("Row with ID 'MultiTechRow" + i + "' not found.");
  89.                     }
  90.                 }
  91.             }
  92.         });
  93.     }
  94.  
  95.     /**
  96.      * Adds a button to automatically select the next 7 calendar dates after the last selected date.
  97.      * Useful for scheduling appointments efficiently.
  98.      */
  99.     function addSelectButton() {
  100.         var button = document.createElement("button");
  101.         button.innerHTML = "+7";
  102.         button.style.width = "60px"; // Compact button
  103.         button.style.height = "28px";
  104.         button.style.fontSize = "12px";
  105.         button.style.backgroundColor = "#1565C0";
  106.         button.style.color = "white";
  107.         button.style.border = "none";
  108.         button.style.borderRadius = "5px";
  109.         button.style.cursor = "pointer";
  110.  
  111.         var updateCalendarButton = document.getElementById("butUpdateCalendarDate");
  112.         if (updateCalendarButton) {
  113.             updateCalendarButton.parentNode.insertBefore(button, updateCalendarButton.nextSibling);
  114.         } else {
  115.             console.error("Element with ID 'butUpdateCalendarDate' not found.");
  116.         }
  117.  
  118.         button.addEventListener("click", function() {
  119.             var selectedDates = document.querySelectorAll(".selectedcalendarlink");
  120.             if (selectedDates.length === 0) {
  121.                 alert("No date selected.");
  122.                 return;
  123.             }
  124.  
  125.             var latestSelectedDate = selectedDates[selectedDates.length - 1];
  126.             var latestDateText = latestSelectedDate.textContent.trim();
  127.             var latestDate = new Date(latestDateText);
  128.  
  129.             var calendarDates = document.querySelectorAll("table.insetTable .calendarlink, table.insetTable .selectedcalendarlink");
  130.             var count = 0;
  131.             var latestFound = false;
  132.             for (var i = 0; i < calendarDates.length; i++) {
  133.                 var dateText = calendarDates[i].textContent.trim();
  134.                 if (latestFound && count < 7) {
  135.                     calendarDates[i].dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
  136.                     count++;
  137.                 }
  138.                 if (dateText === latestDateText) {
  139.                     latestFound = true;
  140.                 }
  141.             }
  142.         });
  143.     }
  144.  
  145.     /**
  146.      * Initializes the script by creating the button container and adding technician selection buttons.
  147.      * Also adds the "+7" button for date selection.
  148.      */
  149.     window.onload = function() {
  150.         var container = createButtonContainer();
  151.  
  152.         addTechButton("VA techs", "#262F6A", [{ start: 3, end: 10 }], container, "1:1");
  153.         addTechButton("VA ACT", "#0057E9", [{ start: 3, end: 4 }, { start: 6, end: 7 }], container, "2:1");
  154.         addTechButton("VA TM", "#262F6A", [{ start: 4, end: 4 }, { start: 6, end: 6 }], container, "3:1");
  155.         addTechButton("Tide", "#52C5D8", [{ start: 24, end: 26 }], container, "4:1");
  156.         addTechButton("MD techs", "#EF4255", [{ start: 11, end: 23 }], container, "1:2");
  157.         addTechButton("MD TM", "#EF4255", [{ start: 11, end: 14 }, { start: 17, end: 17 }], container, "3:2");
  158.         addTechButton("MD ACT", "#F5A623", [{ start: 11, end: 18 }, { start: 21, end: 21 }], container, "2:2");
  159.  
  160.         addSelectButton("+7", "#1565C0");
  161.     };
  162. })();