1556 lines
48 KiB
Plaintext
1556 lines
48 KiB
Plaintext
<%@ page pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||
|
||
<c:set var="language"
|
||
value="${not empty param.language ? param.language : not empty language ? language : pageContext.request.locale}"
|
||
scope="session" />
|
||
<fmt:setLocale value="${language}" />
|
||
|
||
<fmt:setBundle basename="mymirror.i18n.Message" />
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Theme Made By www.w3schools.com - No Copyright -->
|
||
<title>MyMirror - The Mirror</title>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="stylesheet"
|
||
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||
<link href="http://fonts.googleapis.com/css?family=Montserrat"
|
||
rel="stylesheet" type="text/css">
|
||
<link href="http://fonts.googleapis.com/css?family=Lato"
|
||
rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet"
|
||
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
||
<!-- <link rel="stylesheet" href="inc/css/monCSS.css"> -->
|
||
<link rel="stylesheet" href="inc/css/jquery-ui.css">
|
||
<link rel="stylesheet" href="inc/css/cssMirror.css">
|
||
<link rel="stylesheet" href="inc/css/li-scroller.css">
|
||
<script
|
||
src="inc/js/jsMirror.js" type="text/javascript">
|
||
</script>
|
||
<script
|
||
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||
<script
|
||
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
||
<script
|
||
src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.js"
|
||
type="text/javascript"></script>
|
||
<!--<script src="inc/js/mqttws31.js"></script>
|
||
|
||
<script src="inc/js/jquery-1.12.4.js"></script>
|
||
-->
|
||
<script src="inc/js/jquery-ui.js"></script>
|
||
<script src="inc/js/jquery.li-scroller.1.0.js"></script>
|
||
<script src="https://apis.google.com/js/api.js"></script>
|
||
|
||
|
||
|
||
|
||
</head>
|
||
<body style="background-color: #000000">
|
||
|
||
<div id="WelcomeDrawId">
|
||
<div id="Message" style="text-align: center">${sessionUtilisateur.display.widgetList.get('welcome').message}</div>
|
||
</div>
|
||
|
||
<div class="outside-div" id="HorlogeDrawId">
|
||
<div id="div_date"></div>
|
||
<div id="div_horloge"></div>
|
||
</div>
|
||
|
||
<div id="WeatherDrawId">
|
||
<p id="cityTemp"></p>
|
||
<table style="text-align: center; margin:auto">
|
||
|
||
<tr>
|
||
<td colspan=2>
|
||
<p id="degree"></p>
|
||
</td>
|
||
|
||
<td><img id="ImageWeather" /></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td>
|
||
<p id="wind"></p>
|
||
</td>
|
||
<td><img id="ImageWind" /></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td>
|
||
<p id="rain"></p>
|
||
</td>
|
||
<td><img id="ImageUmbrella" /></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="NewsDrawId">
|
||
<!--
|
||
<ul id="ticker01">
|
||
<li><a id="News" href="#"></a>
|
||
|
||
<li><a href="#">Spider-Man Surprising Everyone With His Heroic Dance Moves Is Just What the Doctor Ordered</a></li>
|
||
<li><a href="#">The Pentagon Warned That Climate Change Threatens Half of America’s Military Installations</a></li>
|
||
<li><a href="#">Five Injured, Female Student in Custody After Shooting at L.A. Middle School</a></li>
|
||
<li><a href="#">A ‘Person of Interest’ Is Being Investigated in Death of 16-Year-Old Girl Found in Park</a></li>
|
||
<li><a href="#">Rose McGowan on Her ‘Brave’ New Book and Surviving the ‘Cult of Hollywood’</a></li>
|
||
<li><a href="#">Fundraising for the 2020 Presidential Election Is Already Going Strong</a></li>
|
||
<li><a href="#">Nearly 1,000 South African Miners Are Trapped Underground</a></li>
|
||
<li><a href="#">A 3-Year-Old Boy Was Beaten to Death Over a Cupcake, Police Say</a></li>
|
||
|
||
<p id="News"></p>
|
||
</ul>
|
||
-->
|
||
<marquee behavior="scroll" direction="left" id="News"></marquee>
|
||
|
||
</div>
|
||
|
||
|
||
<div id="TrafficDrawId" style="text-align:center">
|
||
<table style="text-align: center; margin:auto">
|
||
<tr>
|
||
<td>
|
||
<h1>
|
||
<span id="ImageTraffic"></span>
|
||
</h1>
|
||
</td>
|
||
</tr>
|
||
<!--
|
||
<tr>
|
||
<td>
|
||
<p id="city"></p>
|
||
|
||
</td>
|
||
</tr>
|
||
-->
|
||
<tr>
|
||
<td>
|
||
<p id="duration"></p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="HouseDrawId">
|
||
<p id="tempKotNew"></p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div id="HealthDrawId">
|
||
<table style="width: 100%">
|
||
<tr>
|
||
<td><img src="images/step.png" /></td>
|
||
<td>
|
||
<p>7000</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="images/sleep.png"></img></td>
|
||
<td>
|
||
<p>GOOD</p>
|
||
</td>
|
||
<td>
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<p>23:12pm</p>
|
||
</td>
|
||
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<p>6:52am</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
|
||
|
||
<div id="AgendaDrawId">
|
||
<table style="width: 100%">
|
||
|
||
|
||
|
||
<tr>
|
||
<td id="DayAgenda">
|
||
<p>Today</p>
|
||
</td>
|
||
<td id="ToDoAgenda">
|
||
|
||
<p style="font-size: 150%">Shooting</p>
|
||
<p style="font-size: 80%">video</p>
|
||
|
||
|
||
</td>
|
||
</tr>
|
||
|
||
<tr style="border-bottom: 1px solid black">
|
||
<td id="DayAgenda">
|
||
<p style="font-size: 200%">02</p>
|
||
<p style="font-size: 60%">THU</p>
|
||
</td>
|
||
<td id="ToDoAgenda">
|
||
<p>2 PM</p>
|
||
<p style="font-size: 150%">Meeting</p>
|
||
<p style="font-size: 80%">Coworkers</p>
|
||
<!-- <hr>
|
||
<p>8 PM</p>
|
||
<p style="font-size: 150%">Feedback MM</p>
|
||
<p style="font-size: 80%"></p>-->
|
||
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div id="CryptoDrawId">
|
||
<table style="width: 100%">
|
||
<tr>
|
||
<td><img src="images/bitcoin.png" /></td>
|
||
<td id="CurrencyName">
|
||
<p>Bitcoin</p>
|
||
|
||
</td>
|
||
<td>
|
||
<p id="priceBitcoin">5636.88€</p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
<td>
|
||
<p id="percentage24HourBitcoin">3.57%</p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="images/ethereum.png" /></td>
|
||
<td id="CurrencyName">
|
||
<p>Ethereum</p>
|
||
</td>
|
||
<td>
|
||
<p id="priceEthereum"></p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
<td>
|
||
<p id="percentage24HourEthereum"></p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="images/litecoin.png" /></td>
|
||
<td id="CurrencyName">
|
||
<p>Litecoin</p>
|
||
</td>
|
||
<td>
|
||
<p id="priceLitecoin"></p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
<td>
|
||
<p id="percentage24HourLitecoin"></p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="images/apple.jpg" align="left" /></td>
|
||
<td id="CurrencyName">
|
||
<p>Apple</p>
|
||
</td>
|
||
<td>
|
||
<p id="">174.97$</p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
<td>
|
||
<p id="percentage24HourApple">0.01%</p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
|
||
|
||
<div id="LogoMyMirrorId">
|
||
<img src="images/logoNew.png" class="img-rounded" alt="LogoMyMirror">
|
||
|
||
</div>
|
||
<div id="RadioLogoId">
|
||
<img id="ImageRadio" />
|
||
|
||
</div>
|
||
<audio id="RadioAudio">
|
||
<source id="RadioID" type="audio/mp3" />
|
||
</audio>
|
||
</body>
|
||
|
||
|
||
<script type="text/javascript">
|
||
//Create a client instance: Broker, Port, Websocket Path, Client ID
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
|
||
<!-- (DOCUMENT).READY -->
|
||
|
||
$(document)
|
||
.ready(
|
||
function() {
|
||
|
||
|
||
//displayDiv();
|
||
//$("#LogoMyMirrorId").fadeIn(durationFadeIn);
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('welcome').widgetActivate}" != "false") {
|
||
affWelcome.color=affWelcome.color.replace('H','#');
|
||
varToCss("#WelcomeDrawId", affWelcome);
|
||
|
||
$("#WelcomeDrawId").fadeIn(durationFadeIn);
|
||
setTimeout(function() {
|
||
$("#WelcomeDrawId").fadeOut(durationFadeIn);
|
||
},3000);
|
||
};
|
||
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('hour').widgetActivate}" != "false") {
|
||
affHorloge.color=affHorloge.color.replace('H','#');
|
||
varToCss("#HorlogeDrawId", affHorloge);
|
||
horloge('div_horloge');
|
||
date('div_date');
|
||
$("#HorlogeDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('weather').widgetActivate}" != "false") {
|
||
affWeather.color=affWeather.color.replace('H','#');
|
||
varToCss("#WeatherDrawId", affWeather);
|
||
getInfoWeather('div_weather');
|
||
$("#WeatherDrawId").fadeIn(durationFadeIn);
|
||
|
||
};
|
||
if ("${sessionUtilisateur.display.widgetList.get('news').widgetActivate}" != "false") {
|
||
affNews.color=affNews.color.replace('H','#');
|
||
varToCss("#NewsDrawId", affNews);
|
||
$("#NewsDrawId a").css("color", affNews.color);
|
||
getNews();
|
||
$("#NewsDrawId").fadeIn(durationFadeIn);
|
||
$(function(){
|
||
$("ul#ticker01").liScroll();
|
||
});
|
||
|
||
//document.getElementById('NewsDrawId').innerHTML = "<marquee id='News' style='font-size: 20px'></marquee>";
|
||
};
|
||
if ("${sessionUtilisateur.display.widgetList.get('agenda').widgetActivate}" != "false") {
|
||
affAgenda.color=affAgenda.color.replace('H','#');
|
||
varToCss("#AgendaDrawId", affAgenda);
|
||
$("#AgendaDrawId p").css("color", affAgenda.color);
|
||
//colorWidget(affAgenda.color, "#AgendaDrawId p");
|
||
getAgenda();
|
||
$("#AgendaDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('traffic').widgetActivate}" != "false") {
|
||
affTraffic.color=affTraffic.color.replace('H','#');
|
||
varToCss("#TrafficDrawId", affTraffic);
|
||
getTraffic();
|
||
$("#TrafficDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
if ("${sessionUtilisateur.email}" != "jl@hotm"){
|
||
varToCss("#HealthDrawId", affHealth);
|
||
$("#HealthDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('radio').widgetActivate}" != "false") {
|
||
getRadio('RadioAudio');
|
||
if ("${sessionUtilisateur.display.widgetList.get('radio').logo}" == "true"){
|
||
varToCss("#RadioLogoId", affRadio);
|
||
$("#RadioLogoId").fadeIn(durationFadeIn);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('smartHome').widgetActivate}" != "false"){
|
||
|
||
affHouse.color=affHouse.color.replace('H','#');
|
||
|
||
varToCss("#HouseDrawId", affHouse);
|
||
|
||
getTempHome();
|
||
$("#HouseDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoActivate}" != "false") {
|
||
varToCss("#CryptoDrawId", affCrypto);
|
||
getCrypto();
|
||
$("#percentage24HourBitcoin").css("color","green");
|
||
$("#percentage24HourEthereum").css("color","red");
|
||
$("#percentage24HourLitecoin").css("color","green");
|
||
$("#percentage24HourApple").css("color","green");
|
||
$("#CryptoDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
});
|
||
|
||
// WINDOWS ONLOAD
|
||
|
||
window.onload = function() {
|
||
|
||
|
||
|
||
|
||
};
|
||
|
||
|
||
/*var wsbroker = "m21.cloudmqtt.com"; //mqtt websocket enabled broker
|
||
var wsport = 38932 // port for above*/
|
||
var wsbroker = "192.168.145.50"; //mqtt websocket enabled broker 192.168.0.13 et maison : 192.168.1.31
|
||
var wsport = 1884;
|
||
var client = new Paho.MQTT.Client(wsbroker, wsport, "web_"
|
||
+ parseInt(Math.random() * 100, 10));//alert("Client_" + parseInt(Math.random() * 100, 10));
|
||
// set callback handlers
|
||
var open = "true";
|
||
var radioInt;
|
||
|
||
var testRadio = "${sessionUtilisateur.display.widgetList.get('radio').providerRadio}";
|
||
|
||
|
||
switch (testRadio) {
|
||
case "NRJ":
|
||
radioInt = 0;
|
||
break;
|
||
|
||
case "La Premiere":
|
||
radioInt = 1;
|
||
break;
|
||
|
||
case "RTL":
|
||
radioInt = 2;
|
||
break;
|
||
|
||
case "Radio Contact":
|
||
radioInt = 3;
|
||
break;
|
||
|
||
alert(radioInt);
|
||
|
||
}
|
||
|
||
//alert("test");
|
||
|
||
client.onConnectionLost = onConnectionLost;
|
||
client.onMessageArrived = onMessageArrived;
|
||
|
||
// connect the client
|
||
//client.connect(options);
|
||
client.connect({
|
||
onSuccess : onConnect
|
||
});
|
||
|
||
var options = {
|
||
//useSSL: false,
|
||
//userName: "oilkfgjy",
|
||
//password: "lEyZb90q49Rf",
|
||
onSuccess : onConnect,
|
||
onFailure : doFail
|
||
}
|
||
|
||
// called when the client connects
|
||
function onConnect() {
|
||
//alert("C'est toujours un succès !");
|
||
client.subscribe("Close");
|
||
//client.subscribe("temp");
|
||
client.subscribe("DegreeHome");
|
||
client.subscribe("MAJ");
|
||
client.subscribe("Reload");
|
||
|
||
/*message = new Paho.MQTT.Message("COUCOU bébé");
|
||
message.destinationName = "Close";
|
||
client.send(message);*/
|
||
//alert("connect");
|
||
var str;
|
||
var ville = "${sessionUtilisateur.display.widgetList.get('weather').city}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
|
||
$.ajax({
|
||
url : 'GetWeather',
|
||
type : 'GET',
|
||
data : 'ville=' + ville,
|
||
dataType : 'html',
|
||
success : function(result) {
|
||
var data = JSON.parse(result);
|
||
|
||
if (data.image == "clear sky") {
|
||
message = new Paho.MQTT.Message("2");
|
||
message.destinationName = "temp";
|
||
client.send(message);
|
||
}
|
||
if (data.image == "snow" || data.image == "light snow") {
|
||
message = new Paho.MQTT.Message("3");
|
||
message.destinationName = "temp";
|
||
client.send(message);
|
||
}
|
||
if (data.image == "broken clouds" || data.image == "clouds"
|
||
|| data.image == "few clouds" || data.image == "mist"
|
||
|| data.image == "overcast clouds"
|
||
|| data.image == "scattered clouds") {
|
||
message = new Paho.MQTT.Message("5");
|
||
message.destinationName = "temp";
|
||
client.send(message);
|
||
}
|
||
if (data.image == "thunderstorm") {
|
||
message = new Paho.MQTT.Message("4");
|
||
message.destinationName = "temp";
|
||
client.send(message);
|
||
}
|
||
if (data.image == "rain" || data.image == "heavy intensity rain"
|
||
|| data.image == "light rain"
|
||
|| data.image == "moderate rain") {
|
||
message = new Paho.MQTT.Message("6");
|
||
message.destinationName = "temp";
|
||
client.send(message);
|
||
}
|
||
|
||
},
|
||
|
||
});
|
||
|
||
}
|
||
|
||
function doFail(e) {
|
||
//console.log(e);
|
||
}
|
||
|
||
// called when the client loses its connection
|
||
function onConnectionLost(responseObject) {
|
||
if (responseObject.errorCode !== 0) {
|
||
//console.log("onConnectionLost:"+responseObject.errorMessage);
|
||
//alert("onConnectionLost:"+responseObject.errorMessage);
|
||
}
|
||
}
|
||
|
||
// called when a message arrives
|
||
function onMessageArrived(message, client) {
|
||
//console.log("onMessageArrived:"+message.payloadString);
|
||
//alert("onMessageArrived:" + message.payloadString);
|
||
var messageArrived = message.payloadString;
|
||
var isaTemp = messageArrived.substring(0, 4);
|
||
//alert(message.topic);
|
||
|
||
if (message.payloadString == "ReloadTrue") {
|
||
window.location.reload();
|
||
}
|
||
|
||
//Fermeture Miroir
|
||
if (message.payloadString == "Yes" && open == "true") {
|
||
$("#WeatherDrawId").fadeOut(durationFadeIn);
|
||
$("#WelcomeDrawId").fadeOut(durationFadeIn);
|
||
$("#NewsDrawId").fadeOut(durationFadeIn);
|
||
$("#HorlogeDrawId").fadeOut(durationFadeIn);
|
||
$("#HouseDrawId").fadeOut(durationFadeIn);
|
||
$("#AgendaDrawId").fadeOut(durationFadeIn);
|
||
$("#TrafficDrawId").fadeOut(durationFadeIn);
|
||
$("#CryptoDrawId").fadeOut(durationFadeIn);
|
||
$("#HealthDrawId").fadeOut(durationFadeIn);
|
||
$("#RadioLogoId").fadeOut(durationFadeIn);
|
||
/*defondu('WeatherDrawId');
|
||
defondu('WelcomeDrawId');
|
||
defondu('NewsDrawId');
|
||
defondu('HorlogeDrawId');
|
||
defondu('HouseDrawId');
|
||
defondu('AgendaDrawId');
|
||
defondu('TrafficDrawId');
|
||
defonfu('CryptoDrawId');
|
||
defonfu('HealthDrawId');
|
||
defonfu('RadioLogoId');*/
|
||
|
||
|
||
open = "false";
|
||
/*message = new Paho.MQTT.Message("0");
|
||
message.destinationName = "temp";
|
||
client.send(message);*/
|
||
var x = document.getElementById("RadioAudio");
|
||
x.pause();
|
||
}
|
||
//Reouverture Miroir
|
||
if (message.payloadString == "No" && open == "false") {
|
||
|
||
displayDiv();
|
||
/*$("#LogoMyMirrorId").fadeIn(durationFadeIn);*/
|
||
|
||
|
||
|
||
|
||
open = "true";
|
||
var x = document.getElementById("RadioAudio");
|
||
x.play();
|
||
}
|
||
if (message.payloadString == "SubmitPos") {
|
||
//alert("coucou reload");
|
||
window.location.reload();
|
||
} else {
|
||
$("#tempKotNew").text(message.payloadString + "°");
|
||
} // ----> NEEEEED RECUPERATION TOPIC
|
||
|
||
if (message.payloadString == "Profile=Left") {
|
||
if ("${sessionUtilisateur.email}" == "jl@hotm") {
|
||
window.location.href = 'http://localhost:8080/MyMirror/Mirror?email=tom@hot';
|
||
}
|
||
if ("${sessionUtilisateur.email}" == "tom@hot") {
|
||
window.location.href = 'http://localhost:8080/MyMirror/Mirror?email=jl@hotm';
|
||
}
|
||
}
|
||
|
||
if (message.payloadString == "Profile=Right") {
|
||
if ("${sessionUtilisateur.email}" == "jl@hotm") {
|
||
window.location.href = 'http://localhost:8080/MyMirror/Mirror?email=tom@hot';
|
||
}
|
||
if ("${sessionUtilisateur.email}" == "tom@hot") {
|
||
window.location.href = 'http://localhost:8080/MyMirror/Mirror?email=jl@hotm';
|
||
}
|
||
}
|
||
|
||
if (message.payloadString == "Radio=Down"
|
||
|| message.payloadString == "Radio=Up") {
|
||
|
||
if (message.payloadString == "Radio=Down") {
|
||
radioInt = radioInt - 1;
|
||
if (radioInt < 0)
|
||
radioInt = 3;
|
||
}
|
||
|
||
if (message.payloadString == "Radio=Up") {
|
||
radioInt = radioInt + 1;
|
||
if (radioInt > 3)
|
||
radioInt = 0;
|
||
}
|
||
|
||
switch (radioInt) {
|
||
case 0:
|
||
alert(" radio int = " + radioInt);
|
||
$("#RadioID").attr("src",
|
||
"http:\/\/nrjbe.ice.infomaniak.ch\/nrjbe-high.mp3");
|
||
$("#ImageRadio").attr("src", "images/nrj.png");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case 1:
|
||
$("#RadioID").attr("src",
|
||
"http://lapremiere.ice.rtbf.be/lapremiere-128.mp3");
|
||
$("#ImageRadio").attr("src", "images/la-premiere.png");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case 2:
|
||
$("#RadioID").attr("src",
|
||
"http://streaming.radio.rtl.fr/rtl-1-48-192");
|
||
$("#ImageRadio").attr("src", "images/rtl.png");
|
||
$("#ImageRadio").css("width", "90px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case 3:
|
||
$("#RadioID").attr("src", "http://audiostream.rtl.be/contactfr");
|
||
$("#ImageRadio").attr("src", "images/radioContact.png");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
}
|
||
//fonduFaster('RadioLogoId');
|
||
var x = document.getElementById("RadioAudio");
|
||
x.load();
|
||
|
||
}
|
||
|
||
if (isaTemp == "Temp=") {
|
||
var tempValue = messageArrived.substring(5);
|
||
$("#tempKotNew").text(tempValue + "°");
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
function date(el) {
|
||
if (typeof el == "string") {
|
||
el = document.getElementById(el);
|
||
}
|
||
function actualiser() {
|
||
var date = new Date();
|
||
var str = date.getHours();
|
||
//annee = date.getFullYear();
|
||
moi = date.getMonth();
|
||
mois = new Array("<fmt:message key="configuration.January"/>",
|
||
"<fmt:message key="configuration.February"/>",
|
||
"<fmt:message key="configuration.March"/>",
|
||
"<fmt:message key="configuration.April"/>",
|
||
"<fmt:message key="configuration.May"/>",
|
||
"<fmt:message key="configuration.June"/>",
|
||
"<fmt:message key="configuration.July"/>",
|
||
"<fmt:message key="configuration.August"/>",
|
||
"<fmt:message key="configuration.September"/>",
|
||
"<fmt:message key="configuration.October"/>",
|
||
"<fmt:message key="configuration.November"/>",
|
||
"<fmt:message key="configuration.December"/>"); // FMT !!!
|
||
j = date.getDate();
|
||
jour = date.getDay();
|
||
|
||
jours = new Array("<fmt:message key="configuration.Sunday"/>",
|
||
"<fmt:message key="configuration.Monday"/>",
|
||
"<fmt:message key="configuration.Tuesday"/>",
|
||
"<fmt:message key="configuration.Wednesday"/>",
|
||
"<fmt:message key="configuration.Thursday"/>",
|
||
"<fmt:message key="configuration.Friday"/>",
|
||
"<fmt:message key="configuration.Saturday"/>");
|
||
var resultat = jours[jour] + ', ' + j + ' ' + mois[moi];
|
||
el.innerHTML = resultat;
|
||
//el.innerHTML = 'Jeudi, 11 Mai';
|
||
}
|
||
actualiser();
|
||
setInterval(actualiser, 10000);
|
||
}
|
||
|
||
function getInfoWeather() {
|
||
var degree = document.getElementById('degree');
|
||
var image = document.getElementById('image');
|
||
var wind = document.getElementById('wind');
|
||
var rain = document.getElementById('rain');
|
||
|
||
function getInfo() {
|
||
var str;
|
||
var ville = "${sessionUtilisateur.display.widgetList.get('weather').city}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
|
||
$.ajax({
|
||
url : 'GetWeather',
|
||
type : 'GET',
|
||
data : 'ville=' + ville,
|
||
dataType : 'html',
|
||
success : function(result) {
|
||
var data = JSON.parse(result);
|
||
$("#cityTemp").text(ville);
|
||
$("#degree").text(data.degree + "°");
|
||
|
||
|
||
|
||
$("#ImageWeather").attr("src", "images/cloudy.svg");
|
||
//$("#ImageWeather").css("width", 150);
|
||
//$("#ImageWeather").css("height", 150);
|
||
//$("#ImageWeather").css("background", "white");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('weather').wind}" == "true") {
|
||
$("#ImageWind").css("width", 25);
|
||
$("#ImageWind").css("height", 35);
|
||
$("#ImageWind").attr("src", "images/Wind.jpg");
|
||
$("#wind").text(data.wind + " m/s");
|
||
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('weather').rain}" == "true") {
|
||
$("#ImageUmbrella").css("width", 25);
|
||
$("#ImageUmbrella").css("height", 30);
|
||
$("#ImageUmbrella").attr("src","images/Parapluie.jpg");
|
||
|
||
}
|
||
},
|
||
|
||
});
|
||
|
||
}
|
||
getInfo();
|
||
//fondu('WeatherDrawId');
|
||
setInterval(getInfo, 1800000);
|
||
}
|
||
|
||
function getCrypto() {
|
||
var bitcoin = document.getElementById('bitcoin');
|
||
var priceBitcoin = document.getElementById('priceBitcoin');
|
||
var percentageHourBitcoin = document
|
||
.getElementById('percentageHourBitcoin');
|
||
var percentage24HourBitcoin = document
|
||
.getElementById('percentage24HourBitcoin');
|
||
var percentageDayBitcoin = document.getElementById('percentageDayBitcoin');
|
||
var ethereum = document.getElementById('ethereum');
|
||
var priceEthereum = document.getElementById('priceEthereum');
|
||
var percentageHourEthereum = document
|
||
.getElementById('percentageHourEthereum');
|
||
var percentage24HourEthereum = document
|
||
.getElementById('percentage24HourEthereum');
|
||
var percentageDayEthereum = document
|
||
.getElementById('percentageDayEthereum');
|
||
var litecoin = document.getElementById('litecoin');
|
||
var priceLitecoin = document.getElementById('priceLitecoin');
|
||
var percentageHourLitecoin = document
|
||
.getElementById('percentageHourLitecoin');
|
||
var percentage24HourLitecoin = document
|
||
.getElementById('percentage24HourLitecoin');
|
||
var percentageDayLitecoin = document
|
||
.getElementById('percentageDayLitecoin');
|
||
var ripple = document.getElementById('ripple');
|
||
var priceRipple = document.getElementById('priceRipple');
|
||
var percentageHourRipple = document.getElementById('percentageHourRipple');
|
||
var percentage24HourRipple = document
|
||
.getElementById('percentage24HourRipple');
|
||
var percentageDayRipple = document.getElementById('percentageDayRipple');
|
||
var neo = document.getElementById('neo');
|
||
var priceNeo = document.getElementById('priceNeo');
|
||
var percentageHourNeo = document.getElementById('percentageHourNeo');
|
||
var percentage24HourNeo = document.getElementById('percentage24HourNeo');
|
||
var percentageDayNeo = document.getElementById('percentageDayNeo');
|
||
|
||
function getInfo() {
|
||
var str;
|
||
|
||
$
|
||
.ajax({
|
||
url : 'GetCrypto',
|
||
type : 'GET',
|
||
dataType : 'html',
|
||
success : function(result) {
|
||
var data = JSON.parse(result);
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoBitcoin}" == "true") {
|
||
$("#bitcoin").text("Bitcoin");
|
||
$("#priceBitcoin").text(
|
||
data.bitcoin.price_eur + " €");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}" == "true") {
|
||
$("#percentageHourBitcoin").text(
|
||
data.bitcoin.percentage_h + "%");
|
||
if (data.bitcoin.percentage_h.substring(0, 1) != "-")
|
||
$("#percentageHourBitcoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageHourBitcoin").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}" == "true") {
|
||
$("#percentage24HourBitcoin").text(
|
||
data.bitcoin.percentage_24h + "%");
|
||
if (data.bitcoin.percentage_24h.substring(0, 1) != "-")
|
||
$("#percentage24HourBitcoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentage24HourBitcoin").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}" == "true") {
|
||
$("#percentageDayBitcoin").text(
|
||
data.bitcoin.percentage_day + "%");
|
||
if (data.bitcoin.percentage_day.substring(0, 1) != "-")
|
||
$("#percentageDayBitcoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageDayBitcoin").css("color",
|
||
"red");
|
||
}
|
||
}
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoEthereum}" == "true") {
|
||
$("#ethereum").text("Ethereum");
|
||
$("#priceEthereum").text(
|
||
data.ethereum.price_eur + " €");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}" == "true") {
|
||
$("#percentageHourEthereum").text(
|
||
data.ethereum.percentage_h + "%");
|
||
if (data.ethereum.percentage_h.substring(0, 1) != "-")
|
||
$("#percentageHourEthereum").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageHourEthereum").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}" == "true") {
|
||
$("#percentage24HourEthereum").text(
|
||
data.ethereum.percentage_24h + "%");
|
||
if (data.ethereum.percentage_24h
|
||
.substring(0, 1) != "-")
|
||
$("#percentage24HourEthereum").css("color",
|
||
"green");
|
||
else
|
||
$("#percentage24HourEthereum").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}" == "true") {
|
||
$("#percentageDayEthereum").text(
|
||
data.ethereum.percentage_day + "%");
|
||
if (data.ethereum.percentage_day
|
||
.substring(0, 1) != "-")
|
||
$("#percentageDayEthereum").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageDayEthereum").css("color",
|
||
"red");
|
||
}
|
||
}
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoLitecoin}" == "true") {
|
||
$("#litecoin").text("Litecoin");
|
||
$("#priceLitecoin").text(
|
||
data.litecoin.price_eur + "€");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}" == "true") {
|
||
$("#percentageHourLitecoin").text(
|
||
data.litecoin.percentage_h + "%");
|
||
if (data.litecoin.percentage_h.substring(0, 1) != "-")
|
||
$("#percentageHourLitecoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageHourLitecoin").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}" == "true") {
|
||
$("#percentage24HourLitecoin").text(
|
||
data.litecoin.percentage_24h + "%");
|
||
if (data.litecoin.percentage_24h
|
||
.substring(0, 1) != "-")
|
||
$("#percentage24HourLitecoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentage24HourLitecoin").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}" == "true") {
|
||
$("#percentageDayLitecoin").text(
|
||
data.litecoin.percentage_day + "%");
|
||
if (data.litecoin.percentage_day
|
||
.substring(0, 1) != "-")
|
||
$("#percentageDayLitecoin").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageDayLitecoin").css("color",
|
||
"red");
|
||
}
|
||
}
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoRipple}" == "true") {
|
||
$("#ripple").text("Ripple");
|
||
$("#priceRipple")
|
||
.text(data.ripple.price_eur + " €");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}" == "true") {
|
||
$("#percentageHourRipple").text(
|
||
data.ripple.percentage_h + "%");
|
||
if (data.ripple.percentage_h.substring(0, 1) != "-")
|
||
$("#percentageHourRipple").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageHourRipple").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}" == "true") {
|
||
$("#percentage24HourRipple").text(
|
||
data.ripple.percentage_24h + "%");
|
||
if (data.ripple.percentage_24h.substring(0, 1) != "-")
|
||
$("#percentage24HourRipple").css("color",
|
||
"green");
|
||
else
|
||
$("#percentage24HourRipple").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}" == "true") {
|
||
$("#percentageDayRipple").text(
|
||
data.ripple.percentage_day + "%");
|
||
if (data.ripple.percentage_day.substring(0, 1) != "-")
|
||
$("#percentageDayRipple").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageDayRipple").css("color",
|
||
"red");
|
||
}
|
||
}
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoNeo}" == "true") {
|
||
$("#neo").text("Neo");
|
||
$("#priceNeo").text(data.neo.price_eur + " €");
|
||
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}" == "true") {
|
||
$("#percentageHourNeo").text(
|
||
data.neo.percentage_h + "%");
|
||
if (data.neo.percentage_h.substring(0, 1) != "-")
|
||
$("#percentageHourNeo").css("color",
|
||
"green");
|
||
else
|
||
$("#percentageHourNeo").css("color", "red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}" == "true") {
|
||
$("#percentage24HourNeo").text(
|
||
data.neo.percentage_24h + "%");
|
||
if (data.neo.percentage_24h.substring(0, 1) != "-")
|
||
$("#percentage24HourNeo").css("color",
|
||
"green");
|
||
else
|
||
$("#percentage24HourNeo").css("color",
|
||
"red");
|
||
}
|
||
if ("${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}" == "true") {
|
||
$("#percentageDayNeo").text(
|
||
data.neo.percentage_day + "%");
|
||
if (data.neo.percentage_day.substring(0, 1) != "-")
|
||
$("#percentageDayNeo")
|
||
.css("color", "green");
|
||
else
|
||
$("#percentageDayNeo").css("color", "red");
|
||
}
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
}
|
||
getInfo();
|
||
//fondu('CryptoDrawId');
|
||
setInterval(getInfo, 1800000);
|
||
}
|
||
|
||
function getRadio() {
|
||
|
||
|
||
var x = document.getElementById("RadioAudio");
|
||
x.autoplay = true;
|
||
x.load(); //Apparition fondu avec création function comme opacity avec .volume=0.5 + Stop avec x.pause
|
||
//x.volume=0.01;
|
||
//fonduSound('RadioAudio');
|
||
//x.animate({volume: 0.001}, 1000);
|
||
|
||
var testRadio = "${sessionUtilisateur.display.widgetList.get('radio').providerRadio}";
|
||
$("#ImageRadio").attr("src", "images/nrj.png");
|
||
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
|
||
|
||
switch (testRadio) {
|
||
case "NRJ":
|
||
$("#ImageRadio").attr("src", "images/nrj.png");
|
||
$("#RadioID").attr("src",
|
||
"http:\/\/nrjbe.ice.infomaniak.ch\/nrjbe-high.mp3");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case "La Premiere":
|
||
$("#ImageRadio").attr("src", "images/la-premiere.png");
|
||
$("#RadioID").attr("src",
|
||
"http://lapremiere.ice.rtbf.be/lapremiere-128.mp3");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case "RTL":
|
||
$("#ImageRadio").attr("src", "images/rtl.png");
|
||
$("#RadioID").attr("src",
|
||
"http://streaming.radio.rtl.fr/rtl-1-48-192");
|
||
$("#ImageRadio").css("width", "90px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
case "Radio Contact":
|
||
$("#ImageRadio").attr("src", "images/radioContact.png");
|
||
$("#RadioID").attr("src", "http://audiostream.rtl.be/contactfr");
|
||
$("#ImageRadio").css("width", "100px");
|
||
$("#ImageRadio").css("height", "auto");
|
||
break;
|
||
|
||
}
|
||
}
|
||
|
||
function getNews() {
|
||
|
||
$.ajax({
|
||
url : 'GetNews',
|
||
type : 'GET',
|
||
contentType : "charset=UTF-8",
|
||
success : function(result) {
|
||
$("#News").attr("scrollamount", affNews.vitesse);
|
||
$("#News").text(result);
|
||
},
|
||
|
||
});
|
||
//$("#News").text("Le jury du Festival automobile international, présidé par l'architecte Jean-Michel Wilmotte, a rendu ses Grands Prix lors d'une cérémonie organisée à l'hôtel national des Invalides à Paris, le mardi 31 janvier 2017.");
|
||
//Récup ici info rtbf
|
||
|
||
};
|
||
|
||
function getAgenda() {
|
||
|
||
// Client ID and API key from the Developer Console
|
||
var CLIENT_ID = '326523765439-aijss4en1fpmda4ljlbpa6v57blo4orr.apps.googleusercontent.com';
|
||
|
||
// Array of API discovery doc URLs for APIs used by the quickstart
|
||
var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
|
||
|
||
// Authorization scopes required by the API; multiple scopes can be
|
||
// included, separated by spaces.
|
||
var SCOPES = "https://www.googleapis.com/auth/calendar.readonly";
|
||
|
||
/**
|
||
* On load, called to load the auth2 library and API client library.
|
||
*/
|
||
function handleClientLoad() {
|
||
gapi.load('client:auth2', initClient);
|
||
}
|
||
|
||
/**
|
||
* Initializes the API client library and sets up sign-in state
|
||
* listeners.
|
||
*/
|
||
function initClient() {
|
||
gapi.client.init({
|
||
discoveryDocs: DISCOVERY_DOCS,
|
||
clientId: CLIENT_ID,
|
||
scope: SCOPES
|
||
}).then(function () {
|
||
//gapi.auth2.getAuthInstance().signIn();
|
||
listUpcomingEvents();
|
||
});
|
||
}
|
||
|
||
/**
|
||
* Append a pre element to the body containing the given message
|
||
* as its text node. Used to display the results of the API call.
|
||
*
|
||
* @param {string} message Text to be placed in pre element.
|
||
*/
|
||
function appendPre(message) {
|
||
var pre = document.getElementById('toDoAgenda');
|
||
var textContent = document.createTextNode(message + '\n');
|
||
pre.appendChild(textContent);
|
||
}
|
||
|
||
/**
|
||
* Print the summary and start datetime/date of the next ten events in
|
||
* the authorized user's calendar. If no events are found an
|
||
* appropriate message is printed.
|
||
*/
|
||
function listUpcomingEvents() {
|
||
gapi.client.calendar.events.list({
|
||
'calendarId': 'primary',
|
||
'timeMin': (new Date()).toISOString(),
|
||
'showDeleted': false,
|
||
'singleEvents': true,
|
||
'maxResults': 10,
|
||
'orderBy': 'startTime'
|
||
}).then(function(response) {
|
||
var events = response.result.items;
|
||
appendPre('Upcoming events:');
|
||
|
||
if (events.length > 0) {
|
||
for (i = 0; i < events.length; i++) {
|
||
var event = events[i];
|
||
var when = event.start.dateTime;
|
||
if (!when) {
|
||
when = event.start.date;
|
||
}
|
||
appendPre(event.summary + ' (' + when + ')')
|
||
}
|
||
} else {
|
||
appendPre('No upcoming events found.');
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
handleClientLoad();
|
||
|
||
$.ajax({
|
||
url : 'GetAgenda',
|
||
type : 'GET',
|
||
contentType : "charset=UTF-8",
|
||
success : function(result) {
|
||
var data = JSON.parse(result);
|
||
//alert(result);
|
||
//alert(data.nbr);
|
||
|
||
//$("#AgendaDrawId").fadeIn(durationFadeIn);
|
||
var ul = document.getElementById("toDoAgenda");
|
||
var li0 = document.createElement("li");
|
||
var li1 = document.createElement("li");
|
||
var li2 = document.createElement("li");
|
||
var li3 = document.createElement("li");
|
||
var li4 = document.createElement("li");
|
||
var li5 = document.createElement("li");
|
||
var li6 = document.createElement("li");
|
||
var li7 = document.createElement("li");
|
||
var li8 = document.createElement("li");
|
||
var li9 = document.createElement("li");
|
||
//alert(data.event5);
|
||
//faire une boucle
|
||
if (data.nbr != 0) {
|
||
if (typeof data.event0 != "undefined") {
|
||
li0.appendChild(document.createTextNode(data.event0));
|
||
ul.appendChild(li0);
|
||
}
|
||
if (typeof data.event1 != "undefined") {
|
||
li1.appendChild(document.createTextNode(data.event1));
|
||
ul.appendChild(li1);
|
||
}
|
||
if (typeof data.event2 != "undefined") {
|
||
li2.appendChild(document.createTextNode(data.event2));
|
||
ul.appendChild(li2);
|
||
}
|
||
if (typeof data.event3 != "undefined") {
|
||
li3.appendChild(document.createTextNode(data.event3));
|
||
ul.appendChild(li3);
|
||
}
|
||
if (typeof data.event4 != "undefined") {
|
||
li4.appendChild(document.createTextNode(data.event4));
|
||
ul.appendChild(li4);
|
||
}
|
||
if (typeof data.event5 != "undefined") {
|
||
li5.appendChild(document.createTextNode(data.event5));
|
||
ul.appendChild(li5);
|
||
}
|
||
if (typeof data.event6 != "undefined") {
|
||
li6.appendChild(document.createTextNode(data.event6));
|
||
ul.appendChild(li6);
|
||
}
|
||
if (typeof data.event7 != "undefined") {
|
||
li7.appendChild(document.createTextNode(data.event7));
|
||
ul.appendChild(li7);
|
||
}
|
||
if (typeof data.event8 != "undefined") {
|
||
li8.appendChild(document.createTextNode(data.event8));
|
||
ul.appendChild(li8);
|
||
}
|
||
if (typeof data.event9 != "undefined") {
|
||
li9.appendChild(document.createTextNode(data.event9));
|
||
ul.appendChild(li9);
|
||
}
|
||
}
|
||
},
|
||
|
||
});
|
||
};
|
||
|
||
function getTempHome() {
|
||
|
||
$('#HouseDrawId').css("background-image", "url(images/koTest.svg)");
|
||
$('#HouseDrawId').css("background-size", affHouse.largeur+' '+affHouse.hauteur);
|
||
|
||
$("#HouseDrawId").css("background-color", affHouse.color);
|
||
|
||
//getTemp();
|
||
$("#tempKotNew").text("21°");
|
||
//fondu('HouseDrawId');
|
||
//setInterval(getTemp, 5000);
|
||
};
|
||
|
||
function getTraffic() {
|
||
var duration = document.getElementById('duration');
|
||
var city = document.getElementById('city');
|
||
var address = document.getElementById('address');
|
||
|
||
var cityOrigin = "${sessionUtilisateur.city}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
var streetOrigin = "${sessionUtilisateur.address}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
|
||
var cityDestination = "${sessionUtilisateur.display.widgetList.get('traffic').workCity}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
var streetDestination = "${sessionUtilisateur.display.widgetList.get('traffic').workAddress}"; // Faire attention, parfois il est nécessaire de prendre le pays en paramètre voir api ;)
|
||
|
||
/*alert(cityOrigin);
|
||
alert(streetOrigin);
|
||
alert(cityDestination);
|
||
alert(streetDestination);*/
|
||
|
||
var dateVar = new Date();
|
||
jour = dateVar.getDay();
|
||
var booleanToAccess = new Boolean(false);
|
||
// 0 -> sunday, 1 -> monday, 2 -> tuesday, 3-> wednesday, 4-> thursday, 5-> friday, 6 -> saturday.
|
||
|
||
switch (jour) {
|
||
case 0:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').sunday}"== "true") {booleanToAccess = true;}
|
||
break;
|
||
|
||
case 1:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').monday}"== "true") booleanToAccess = true;
|
||
break;
|
||
|
||
case 2:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').tuesday}"== "true") booleanToAccess = true;
|
||
break;
|
||
|
||
case 3:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').wednesday}"== "true") booleanToAccess = true;
|
||
break;
|
||
|
||
case 4:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').thursday}"== "true") booleanToAccess = true;
|
||
break;
|
||
|
||
case 5:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').friday}"== "true") booleanToAccess = true;
|
||
break;
|
||
|
||
case 6:
|
||
if("${sessionUtilisateur.display.widgetList.get('traffic').saturday}"== "true") booleanToAccess = true;
|
||
break;
|
||
}
|
||
|
||
if(booleanToAccess == true){
|
||
|
||
$("#ImageTraffic").attr("class", "glyphicon glyphicon-briefcase");
|
||
colorWidget(affTraffic.color, ".glyphicon-briefcase");
|
||
//$(".glyphicon-briefcase").attr("style", "color:blue");
|
||
$
|
||
.ajax({
|
||
url : 'GetTraffic',
|
||
type : 'GET',
|
||
data : 'cityOrigin=' + cityOrigin + '&streetOrigin='
|
||
+ streetOrigin + '&cityDestination=' + cityDestination
|
||
+ '&streetDestination=' + streetDestination,
|
||
dataType : 'html',
|
||
contentType : "charset=UTF-8",
|
||
success : function(result) {
|
||
var data = JSON.parse(result);
|
||
//alert(result);
|
||
$("#duration").text(data.text);
|
||
$("#city")
|
||
.text(
|
||
"${sessionUtilisateur.display.widgetList.get('traffic').workCity}");
|
||
$("#address")
|
||
.text(
|
||
"${sessionUtilisateur.display.widgetList.get('traffic').workAddress}");
|
||
},
|
||
|
||
});
|
||
|
||
}
|
||
$("#TrafficDrawId").fadeIn(durationFadeIn);
|
||
};
|
||
|
||
|
||
|
||
function LogoStop() {
|
||
defondu('LogoMyMirrorId');
|
||
}
|
||
|
||
function messageOpen(el) {
|
||
//fondu(el);
|
||
}
|
||
|
||
function horloge(el) {
|
||
if (typeof el == "string") {
|
||
el = document.getElementById(el);
|
||
}
|
||
function actualiser() {
|
||
var date = new Date();
|
||
var str = date.getHours();
|
||
str += ':' + (date.getMinutes() < 10 ? '0' : '') + date.getMinutes();
|
||
el.innerHTML = str;
|
||
}
|
||
actualiser();
|
||
setInterval(actualiser, 1000);
|
||
}
|
||
|
||
//<fmt:message key="configuration.Sunday"/>
|
||
</script>
|
||
|
||
<script>
|
||
var affWelcome = {
|
||
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('welcome').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('welcome').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('welcome').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('welcome').widgetCoordY}",
|
||
message : "${sessionUtilisateur.display.widgetList.get('welcome').message}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('welcome').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('welcome').widgetColor}",
|
||
coefSize : 0,
|
||
defaultWidth:600
|
||
};
|
||
|
||
var affHorloge = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('hour').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('hour').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('hour').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('hour').widgetCoordY}",
|
||
|
||
timezone : "${sessionUtilisateur.display.widgetList.get('hour').timeZone}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('hour').widgetForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('hour').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('hour').widgetColor}",
|
||
coefSize : 0,
|
||
defaultWidth: 350
|
||
};
|
||
|
||
var affWeather = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('weather').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('weather').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('weather').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('weather').widgetCoordY}",
|
||
city : "${sessionUtilisateur.display.widgetList.get('weather').city}",
|
||
parametre0 : "${sessionUtilisateur.display.widgetList.get('weather').rain}",
|
||
parametre1 : "${sessionUtilisateur.display.widgetList.get('weather').wind}",
|
||
parametre2 : "${sessionUtilisateur.display.widgetList.get('weather').nextDays}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('weather').widgetForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('weather').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('weather').widgetColor}",
|
||
size : "",
|
||
coefSize : 0,
|
||
defaultWidth: 200
|
||
};
|
||
|
||
var affNews = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('news').widgetHeight}",
|
||
//hauteur : "40px",
|
||
largeur : "$sessionUtilisateur.display.widgetList.get('news').widgetWidth}",
|
||
|
||
//coordX : "0px",
|
||
//coordY : "1150px",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('news').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('news').widgetCoordY}",
|
||
country : "${sessionUtilisateur.display.widgetList.get('news').country}",
|
||
provider : "${sessionUtilisateur.display.widgetList.get('news').providerNews}",
|
||
speed : "${sessionUtilisateur.display.widgetList.get('news').speed}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('news').widgetForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('news').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('news').widgetColor}",
|
||
vitesse : "8",
|
||
coefSize : 0,
|
||
defaultWidth: 1360
|
||
|
||
};
|
||
|
||
var affAgenda = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('agenda').widgetHeight}",
|
||
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('agenda').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('agenda').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('agenda').widgetCoordY}",
|
||
provider : "${sessionUtilisateur.display.widgetList.get('agenda').provider}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('agenda').widgetForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('agenda').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('agenda').widgetColor}",
|
||
|
||
coefSize : 0,
|
||
defaultWidth: 200
|
||
};
|
||
|
||
var affTraffic = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('traffic').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('traffic').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('traffic').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('traffic').widgetCoordY}",
|
||
workcity : "${sessionUtilisateur.display.widgetList.get('traffic').workCity}",
|
||
workaddress : "${sessionUtilisateur.display.widgetList.get('traffic').workAddress}",
|
||
workpostcode : "${sessionUtilisateur.display.widgetList.get('traffic').workPostCode}",
|
||
monday : "${sessionUtilisateur.display.widgetList.get('traffic').monday}",
|
||
tuesday : "${sessionUtilisateur.display.widgetList.get('traffic').tuesday}",
|
||
wednesday : "${sessionUtilisateur.display.widgetList.get('traffic').wednesday}",
|
||
thurday : "${sessionUtilisateur.display.widgetList.get('traffic').thursday}",
|
||
friday : "${sessionUtilisateur.display.widgetList.get('traffic').friday}",
|
||
saturday : "${sessionUtilisateur.display.widgetList.get('traffic').saturday}",
|
||
sunday : "${sessionUtilisateur.display.widgetList.get('traffic').sunday}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('traffic').widgetForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('traffic').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('traffic').widgetColor}",
|
||
size : "",
|
||
coefSize : 0,
|
||
defaultWidth: 100
|
||
};
|
||
|
||
/*var affSocial = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksCoordY}",
|
||
network : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksSocialNetwork}",
|
||
form : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksColor}",
|
||
size : "${sessionUtilisateur.display.widgetList.get('socialNetwork').widgetSocialNetworksSize}"
|
||
};*/
|
||
|
||
var affHouse = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetCoordY}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('smartHome').widgetColor}",
|
||
coefSize : 0,
|
||
defaultWidth: 91
|
||
};
|
||
var affRadio = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('radio').widgetHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('radio').widgetWidth}",
|
||
coordX : "${sessionUtilisateur.display.widgetList.get('radio').widgetCoordX}",
|
||
coordY : "${sessionUtilisateur.display.widgetList.get('radio').widgetCoordY}",
|
||
defaultWidth: 100
|
||
|
||
};
|
||
|
||
|
||
var affHealth = {
|
||
hauteur : "120px",
|
||
largeur : "120px",
|
||
coordX : "35px",
|
||
coordY : "875px",
|
||
//font : "",
|
||
//color : "",
|
||
coefSize : 0
|
||
};
|
||
|
||
var affCrypto = {
|
||
hauteur : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoHeight}",
|
||
largeur : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoWidth}",
|
||
//largeur : "190px",
|
||
coordX : "1000px",//"${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoCoordX}",
|
||
coordY : "1000px",//"${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoCoordY}",
|
||
|
||
bitcoin : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoBitcoin}",
|
||
ethereum : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoEthereum}",
|
||
litecoin : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoLitecoin}",
|
||
ripple : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoRipple}",
|
||
neo : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoNeo}",
|
||
percentageHour : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageHour}",
|
||
percentage24Hour : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentage24Hour}",
|
||
percentageDay : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoPercentageDay}",
|
||
|
||
form : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoForm}",
|
||
font : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoFont}",
|
||
color : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoColor}",
|
||
size : "${sessionUtilisateur.display.widgetList.get('crypto').widgetCryptoSize}",
|
||
coefSize : 0
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</script>
|
||
</html>
|