☰

FSD Button

Adds auto select button for FSD work order.

// ==UserScript==
// @name         FSD Button
// @namespace    https://almedawaterwell.com/
// @version      1.3
// @description  Adds auto select button for FSD work order.
// @author       Luke Pyburn
// @match        https://reveal.us.fleetmatics.com/fsd/*
// @match        https://reveal.fleetmatics.com/fsd/*
// @grant        GM_addStyle
// @grant        GM_setClipboard
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==

/*--- Create the FSD auto select button in a container div.  It will be styled and
    positioned with CSS.
*/
var multipleTransfersGlobal;
var zNode = document.createElement ('div');
zNode.innerHTML = '<button id="myButton" type="button">'
                + 'Select Job Details</button>'
                ;
zNode.setAttribute ('id', 'myContainer');
document.body.appendChild (zNode);

//--- Activate the newly added button.
document.getElementById ("myButton").addEventListener (
    "click", ButtonClickAction, false
);

function ButtonClickAction (zEvent) {
    window.getSelection().selectAllChildren(
    document.getElementById("side-panel")
);
    multipleTransfersGlobal = document.getElementById("description").value;
    console.log(multipleTransfersGlobal);
    GM_setClipboard(multipleTransfersGlobal);
};


//--- Style our newly added elements using CSS.
GM_addStyle ( `
    #myContainer {
        position:               absolute;
        top:                    15px;
        right:                  200px;
        font-size:              20px;
        background:             #E30000;
        border:                 2px outset black;
        margin:                 0px;
        opacity:                0.85;
        z-index:                1100;
        padding:                5px 20px;
        border-radius:          10px;
    }
    #myButton {
        cursor:                 pointer;
        border-radius:          4px;
        align-content:             center;
    }
    #myContainer p {
        color:                  red;
        background:             white;
        align-content:             center;
    }
` );