list-color clock Facebook figuccio

data ora calendario lista colori

// ==UserScript==
// @name          list-color clock Facebook figuccio
// @namespace     https://greasyfork.org/users/237458
// @version       1.2
// @author        figuccio
// @description   data ora calendario lista colori
// @match         *://*/*
// @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==
   ///////////////////////time-list color///////////
var $ = window.jQuery;
var j = $.noConflict();
//avvia la funzione dopo che la pagina e 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="mylist";
box.style=style;
j(box).draggable();
body.append(box);

function provalist(){
var box = document.getElementById('mylist');
box.style.display = ((box.style.display!='none') ? 'none' : 'block');
}
GM_registerMenuCommand("nascondi/mostra time",provalist);
///////////////////////////////////////////////////////////////
   //Imposta lo stile CSS degli elementi nel menu  (#setui aggiungere altre lettere accanto per non interferire con altri script simili resta centrata)
  GM_addStyle(`
  #setuitu{width:auto;height:25px; margin-top:-6px;margin-left:-12px; margin-right:-12px;margin-bottom:0px;border-width:1px;}

  #selectColor{background:#3b3b3b;color:lime;border:1px solid yellow; border-radius:5px;}

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

            `);

setInterval(function(){
let today = new Date();
today.setMinutes(today.getMinutes() - today.getTimezoneOffset());
document.getElementById('datePicker1').value = today.toISOString().slice(0, -1);
}, 70);

    ///////////////////////stile colori
$(function(){
$("select").change(function(){
var $selectedOption = $(this).find("option:selected");
$(this).removeAttr("style").attr("style", $selectedOption.attr("style"));
});
});
    /////////////////////////local storage///////////
              //mantiene il colore della lista cambia colore pagina
    $(function() {
    $('#selectColor').change(function() {
    GM_setValue('lista', this.value);
        //backgroundColor su google search risolve il problema che bisognava ricaricare
    document.body.style.backgroundColor=GM_getValue('lista');
    /////////////barra facebook
   // $("div[aria-label=Facebook][role=navigation]").css("background-color" ,GM_getValue("lista"));
    });
/////////////////////////////////////////////////recupero storage
     if(GM_getValue('lista')){
     $('#selectColor').val(GM_getValue('lista'));
     document.getElementById('selectColor').value =GM_getValue('lista');
     document.body.style.backgroundColor=GM_getValue('lista');
     /////barra facebook
   //  $("div[aria-label=Facebook][role=navigation]").css("background-color" ,GM_getValue("lista"));
    }
});

 //elemento html nel div readonly datatime non fa comparire licona del calendario width:340px evita che spostandolo hai lati cambi di dimensioni
    box.innerHTML=`
                      </p>
                     <fieldset style="background:#3b3b3b;border:2px solid red;color:lime;border-radius:7px;text-align:center;width:340px;height:44px;">
                            <legend>LIST-COLOR</legend>
  <div id=setuitu>

  <select  id="selectColor" title="Selettore colori">
  <option value="">Scegli ...</option>
  <option style="background-color: Purple" value="Purple">Purple</option>
  <option style="background-color: Blue" value="Blue">Blue</option>
  <option style="background-color: Green" value="Green">Green</option>
  <option style="background-color: Orange" value="Orange">Orange</option>
  <option style="background-color: Brown" value="Brown">Brown</option>
  <option style="background-color: Cyan" value="Cyan">Cyan</option>
  <option style="background-color: Gray" value="Gray">Gray</option>
  <option style="background-color: Indigo" value="Indigo">Indigo</option>
  <option style="background-color: Magenta" value="Magenta">Magenta</option>
  <option style="background-color: Pink" value="Pink">Pink</option>
  <option style="background-color: Red" value="Red">Red</option>
  <option style="background-color: Violet" value="Violet">Violet</option>
  <option style="background-color: Yellow" value="Yellow">Yellow</option>
  <option style="background-color: Black" value="Black">Black</option>
  <option style="background-color: lightgreen" value="lightgreen">lightgreen</option>
  <option style="background-color: lightyellow" value="lightyellow">lightyellow</option>
  <option style="background-color: lightblue" value="lightblue">lightblue</option>
  <option style="background-color: lightgrey" value="lightgrey">lightgrey</option>
  </select>



 <input readonly id="datePicker1" type="datetime-local" title="Data-ora" />

                                                    </p>
                    </div>
                    </fieldset>
            `;
// Funzione per memorizzare la posizione dopo il trascinamento
    function savePosition() {
        var box = document.getElementById('mylist');
        var position = $(box).offset(); // Ottieni le coordinate della posizione
        GM_setValue('boxPosition', JSON.stringify(position)); // Salva le coordinate nel localStorage
    }

    // Ripristina la posizione dal localStorage
    function restorePosition() {
        var box = document.getElementById('mylist');
        var savedPosition = GM_getValue('boxPosition');
        if (savedPosition) {
            var position = JSON.parse(savedPosition);
            $(box).offset(position); // Ripristina la posizione
        }
    }

    // Esegui la funzione dopo il caricamento della pagina
    restorePosition();

    // Al termine del trascinamento, salva la posizione
    j(box).draggable({
        stop: savePosition
    });

})();