Cleaned up pc.js
This commit is contained in:
parent
a92da271d1
commit
8b3d2d525b
42
out/js/pc.js
42
out/js/pc.js
@ -1,9 +1,15 @@
|
|||||||
// Init Elm
|
// Init Elm
|
||||||
|
var localStuff = localStorage.getItem("pc_data");
|
||||||
|
if (typeof localStuff !== "string") localStuff = "";
|
||||||
|
|
||||||
var app = Elm.Main.init({
|
var app = Elm.Main.init({
|
||||||
node: document.getElementById("elm"),
|
node: document.getElementById("elm"),
|
||||||
// flags: Date.now()
|
flags: localStuff
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// ###################################################################
|
||||||
|
// ###################################################################
|
||||||
|
|
||||||
// Dom Objects
|
// Dom Objects
|
||||||
let pc = document.getElementsByClassName("pc")[0];
|
let pc = document.getElementsByClassName("pc")[0];
|
||||||
let pc_ram = pc.getElementsByClassName("ram")[0];
|
let pc_ram = pc.getElementsByClassName("ram")[0];
|
||||||
@ -41,36 +47,11 @@ function scrollToCurrent(){
|
|||||||
// pc.scrollIntoView();
|
// pc.scrollIntoView();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ###################################################################
|
||||||
|
// ###################################################################
|
||||||
|
|
||||||
function shrinkTableHead(scroll){
|
|
||||||
let scroller = scroll.target;
|
|
||||||
let pos = scroller.scrollTop;
|
|
||||||
let thead = scroller.getElementsByClassName("head")[0];
|
|
||||||
|
|
||||||
if( pos > 70 ){
|
|
||||||
thead.classList.add("shrunk");
|
|
||||||
}else if (pos < 40){
|
|
||||||
thead.classList.remove("shrunk");
|
|
||||||
}
|
|
||||||
thead.classList.add("shrunk");
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadStorage() {
|
|
||||||
let content = localStorage.getItem("pc_data");
|
|
||||||
if( typeof content == "string" ){
|
|
||||||
app.ports.localStorageRecieve.send( content );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Load last state of pc
|
|
||||||
//loadStorage();
|
|
||||||
|
|
||||||
// EVENT LISTENERS
|
// EVENT LISTENERS
|
||||||
pc_ram_scroller.addEventListener("scroll", shrinkTableHead);
|
|
||||||
pc_cu_scroller.addEventListener("scroll", shrinkTableHead);
|
|
||||||
|
|
||||||
// Recieve Elm updates via ports
|
// Recieve Elm updates via ports
|
||||||
app.ports.sendUUpdate.subscribe( (message) => {
|
app.ports.sendUUpdate.subscribe( (message) => {
|
||||||
@ -87,3 +68,8 @@ app.ports.localStorageSend.subscribe( (message) => {
|
|||||||
if( cookieAccepted() )
|
if( cookieAccepted() )
|
||||||
localStorage.setItem("pc_data", message);
|
localStorage.setItem("pc_data", message);
|
||||||
} );
|
} );
|
||||||
|
|
||||||
|
|
||||||
|
// ###################################################################
|
||||||
|
// ###################################################################
|
||||||
|
// Done.
|
Loading…
x
Reference in New Issue
Block a user