☰

clock Facebook figuccio data-time

data ora calendario

// ==UserScript==
// @name          clock Facebook figuccio data-time
// @namespace     https://greasyfork.org/users/237458
// @version       0.8
// @author        figuccio
// @description   data ora calendario
// @match         https://*.facebook.com/*
// @match         https://*.facebook.com/me/*
// @grant         GM_addStyle
// @grant         GM_setValue
// @grant         GM_getValue
// @grant         GM_registerMenuCommand
// @require       https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
// @run-at        document-start
// @require       http://code.jquery.com/jquery-latest.js
// @require       https://code.jquery.com/ui/1.12.1/jquery-ui.js
// @icon          data:image/gif;base64,R0lGODlhEAAQAKECABEREe7u7v///////yH5BAEKAAIALAAAAAAQABAAAAIplI+py30Bo5wB2IvzrXDvaoFcCIBeeXaeSY4tibqxSWt2RuWRw/e+UQAAOw==
// @require       https://greasyfork.org/scripts/12228/code/setMutationHandler.js
// @noframes
// @license        MIT
// ==/UserScript==
(function() {
    'use strict';
    ///////////////////////time///////////
    var $ = window.jQuery;
    var j = $.noConflict();

    //avvia la funzione dopo che la pagina è stata caricata
    $(document).ready(function() {
        var body = document.body;
        var style = "position:fixed; top:0px;margin-left:760px;z-index:99999;"
        var box = document.createElement("div");
        box.id = "mydata";
        box.style = style;
        j(box).draggable();
        body.append(box);

        // Funzione per salvare la posizione nel localStorage
        function savePosition(top, left) {
            GM_setValue('boxPosition', JSON.stringify({ top: top, left: left }));
        }

        // Funzione per ripristinare la posizione dal localStorage
        function restorePosition() {
            var storedPosition = GM_getValue('boxPosition');
            if (storedPosition) {
                var parsedPosition = JSON.parse(storedPosition);
                box.style.top = parsedPosition.top + 'px';
                box.style.left = parsedPosition.left + 'px';
            }
        }

        // Avvio del ripristino della posizione al caricamento della pagina
        restorePosition();

        // Avvio del salvataggio della posizione al rilascio del mouse dopo il trascinamento
        box.addEventListener('mouseup', function() {
            var top = parseInt(box.style.top, 10);
            var left = parseInt(box.style.left, 10);
            savePosition(top, left);
        });

        function prova() {
            box.style.display = ((box.style.display != 'none') ? 'none' : 'block');
        }

        GM_registerMenuCommand("nascondi/mostra time", prova);

        // Set interval for updating datetime-local input
        setInterval(function() {
            let today = new Date();
            today.setMinutes(today.getMinutes() - today.getTimezoneOffset());
            document.getElementById('datePicker1').value = today.toISOString().slice(0, -1);
        }, 70);

        // Imposta lo stile CSS degli elementi nel menu
        GM_addStyle(`
            #setuiclock {
                width:auto;
                height:25px;
                margin-top:-12px;
                margin-left:-12px;
                margin-right:-12px;
                margin-bottom:0px;
                border-width:1px;
            }

            input[type="datetime-local"] {
                background:#3b3b3b;
                color:lime;
                border:1px solid yellow;
                border-radius: 5px;
                margin:9px;
                text-align:center;
            }
        `);

        // Inserimento HTML nel div readonly datatime non fa comparire l'icona del calendario
        box.innerHTML = `
            <fieldset style="background:#3b3b3b; border: 2px solid red;color:lime;border-radius:7px;text-align:center;">
                <legend>DATA-TIME</legend>
                <div id=setuiclock>
                    <input readonly id="datePicker1" type="datetime-local" title="Data-ora" />
                </div>
            </fieldset>
        `;

    });
})();