jonaskeutel / Lyreco

// ==UserScript==
// @name         Lyreco
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  SAP IoT dashboard with Lyreco look and feel
// @author       You
// @match        https://dashboardbase-sdciot.dispatcher.hana.ondemand.com/
// @grant        none
// @downloadURL  https://openuserjs.org/install/jonaskeutel/Lyreco.user.js
// @updateURL  https://openuserjs.org/install/jonaskeutel/Lyreco.user.js
// ==/UserScript==
/* jshint -W097 */
'use strict';

// Change Colors
var x = document.getElementsByClassName("sapMTile");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "#D1E6EB";
}

document.getElementById("page").style.backgroundColor = "white";
document.getElementById("tilecontainer-cnt").style.marginTop = "90px";
var div = document.getElementById('tilecontainer-scrl');

var space = document.createElement('div');
space.style.width = "100%";
space.style.height = "90px";
space.style.backgroundColor = "white";
div.appendChild(space);

var bar = document.createElement('div');
bar.style.width = "100%";
bar.style.height = "20px";
bar.style.backgroundColor = "#003166";
div.appendChild(bar);



// add images
var img = new Image();

img.onload = function() {
  space.appendChild(img);
};

img.src = 'http://www2.lyreco.com/staticwebshop/pictures/looknfeel/FRFR/logo-lyreco.jpg';
img.style.position = "absolute";
img.style.left = "25%";
img.style.height = "90px";

var img2 = new Image();

img2.onload = function() {
  space.appendChild(img2);
};

img2.src = 'http://fs5.directupload.net/images/160116/jmgeh6np.png';
img2.style.position = "absolute";
img2.style.right = "25%";
img2.style.height = "90px";

var list = document.getElementById("configuration-layout");
list.setAttribute("onclick", "var x = document.getElementsByClassName(\"mainContentSensorTag\"); x[x.length-1].innerHTML = \"This sensor is associated with 'Lot 5 recharges tableau de conference papier recycle 50 feuilles 100 X 65 cm'.\"; x = document.getElementsByClassName(\"tileHeader\"); x[x.length-1].innerHTML = \"DECATHLON (Z80114021)\";"); 

var salesName = document.createElement('div');
salesName.innerHTML  = "Mr. REMI HAEZEBROUK";
salesName.style.position = "absolute";
salesName.style.right = "2%";
salesName.style.top = "1em";
document.body.appendChild(salesName);
//innerHTML += "<span style=\"position: relative; left: 85%\">Mr. REMI HAEZEBROUK</span>";