From b1804c55d88de0ac28c5c04b3eab1383926f4d2e Mon Sep 17 00:00:00 2001 From: "M. Voerman" Date: Thu, 13 Nov 2014 13:46:33 +0100 Subject: Moved more to blue.css --- blue.css | 142 +++++++++++++++++++++++++++++++++++++++- index.html | 5 +- main.js | 211 ++++++++++++++++++++++++++++------------------------------- settings.js | 3 + settings2.js | 60 ++--------------- 5 files changed, 251 insertions(+), 170 deletions(-) diff --git a/blue.css b/blue.css index 1e899d7..4f93b70 100644 --- a/blue.css +++ b/blue.css @@ -1,3 +1,81 @@ + body{ + backgroundColor : #ccc; + } + + .bluekey { + color : blue; + } + .redkey { + color : red; + } + .yellowkey { + color :yellow; + } + .greenkey { + color :green; + } + .mainfont { + font-size:49px; + color:black; + } + + .notset { + color :grey; + } + + .select { + background :#fc5; + -webkit-border-radius:25px; + color:black; + font-size:49px; + } + + .mediaselect { + background :#fc5; + -webkit-border-radius:25px; + color:black; + font-size:38px; + } + + pre.mediamenu { + font-size:38px; + color:black; + } + + p.epg_head { + color:white; + text-align: center; + } + + p.epg_avinfo { + color:black; + text-align: center; + } + + p.epg_title { + color:white; + text-align: center; + } + + p.epg_info { + color:yellow; + text-align: center; + } + + pre.color_switchtimer { + background : #660066; + } + + pre.color_default { + background : green; + } + + pre.color_error { + background : red; + } + + + videoplane#videoplane { position:absolute; left:0px; @@ -7,6 +85,40 @@ z-index:500; } + h1.mainmenu { + font-size:66px; + color:white; + text-align: center; + } + + pre.mmenu { + font-size:49px; + color:black; + } + + pre.media { + color:white; + font-size:49px; + } + + p.epg { + font-size:36px; + color:black; + text-align: center; + } + + p.list { + font-size:34px; + color:black; + text-align: center; + } + + p.osdtimer { + font-size:34px; + color:black; + } + + div#osdmain { position : absolute; z-index : 505; @@ -28,6 +140,7 @@ -webkit-border-radius : 25px; background : red; color : black; + font-size:81px; } div#osdname { @@ -38,6 +151,7 @@ left : 3%; top : 20%; color : black; + font-size:51px; } @@ -53,9 +167,11 @@ z-index : 505; position : absolute; width : 42%; - left : 58%; + right : 5%; top : 7%; color : white; + font-size:35px; + text-align: right; } @@ -66,6 +182,7 @@ left : 17%; top : 30%; color : white; + font-size:36px; } div#osdca { @@ -75,6 +192,7 @@ left : 75%; top : 20%; color : black; + font-size:60px; } @@ -94,6 +212,7 @@ width : 100%; left : 10%; top : 84%; + font-size:36px; } div#chanlistepg { @@ -112,6 +231,7 @@ top : 80%; opacity : 0; color : green; + font-size:36px; } div#osdmedia { @@ -119,12 +239,25 @@ position :absolute; left :10%; top :60%; - z-index :505; + z-index :506; opacity :0; -webkit-border-radius:50px; background : #3366ff; } + div#osdmediatime { + z-index : 506; + position : absolute; + width : 42%; + right : 15%; + top : 63%; + color : white; + font-size:35px; + text-align: right; + } + + + div#schedule { width :50%; height :75%; @@ -154,6 +287,7 @@ z-index :515; opacity :0; color :white; + font-size:30px; } div#mainmenu { @@ -189,6 +323,8 @@ opacity :0; -webkit-border-radius:25px; color :white; + font-size:36px; + background :green; } div#osdepginfo { @@ -200,6 +336,7 @@ opacity :0; -webkit-border-radius:50px; background : #3366ff; + font-size:39px; } div#osdepginfonext { @@ -211,5 +348,6 @@ opacity :0; -webkit-border-radius:50px; background : #3366ff; + font-size:39px; } diff --git a/index.html b/index.html index 300f3cc..7cf869e 100644 --- a/index.html +++ b/index.html @@ -30,10 +30,11 @@
Volume :
-
-
+
+
+
diff --git a/main.js b/main.js index 983d56d..d050798 100644 --- a/main.js +++ b/main.js @@ -62,13 +62,11 @@ function onLoad() { ss.setCategorySubscription(onScheduledStop, "*"); setOSDscale(); - SetupFonts(); - setOSDtimer(); showOSD(); videoplane.subtitles = Boolean(ShowSubs); - colorkeys.innerHTML = " " + NN[4] + " " + NN[1] + " " + NN[2] + " " + NN[5] + " "; - medialist.innerHTML = "

" + Lang[0] + "

"; + colorkeys.innerHTML = " " + NN[4] + " " + NN[1] + " " + NN[2] + " " + NN[5] + " "; + medialist.innerHTML = "

" + Lang[0] + "

"; } @@ -587,7 +585,6 @@ videoConfig = vos.getVideoConfiguration(); } setOSDscale(); -SetupFonts(); } @@ -793,7 +790,7 @@ function onKeyDown(event) { } } } else if(isSchedule == 0 && !epgactive){ - colorkeys.innerHTML = " " + NN[3 + NowNext] + " " + NN[NowNext] + " " + NN[2] + " " + NN[5] + " "; + colorkeys.innerHTML = " " + NN[3 + NowNext] + " " + NN[NowNext] + " " + NN[2] + " " + NN[5] + " "; NowNext = 1 - NowNext; showChannelList(); } @@ -821,9 +818,9 @@ function onKeyDown(event) { schedule.style.opacity = 1 - schedule.style.opacity; isSchedule = schedule.style.opacity; if(isSchedule == 1){ - colorkeys.innerHTML = " " + NN[4] + " " + NN[4] + " " + NN[6] + " " + NN[4] + " "; + colorkeys.innerHTML = " " + NN[4] + " " + NN[4] + " " + NN[6] + " " + NN[4] + " "; } else { - colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " + NN[1 - NowNext] + " " + NN[2] + " " + NN[5] + " "; + colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " + NN[1 - NowNext] + " " + NN[2] + " " + NN[5] + " "; } } break; @@ -867,9 +864,9 @@ function onKeyDown(event) { if(isSchedule) { isSchedule = 0; schedule.style.opacity = 0; - colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " - + NN[1 - NowNext] + " " + NN[2] + " " - + NN[5] + " "; + colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " + + NN[1 - NowNext] + " " + NN[2] + " " + + NN[5] + " "; break; } @@ -971,7 +968,9 @@ function onKeyDown(event) { isFullscreen = 0; ClearScreen(); channellist.style.opacity = 1; - colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " + NN[1 - NowNext] + " " + NN[2] + " " + NN[5] + " "; + colorkeys.innerHTML = " " + NN[3 + (1 - NowNext)] + " " + + NN[1 - NowNext] + " " + NN[2] + " " + + NN[5] + " "; colorkeys.style.opacity = 1; showChannelList(); if(!SwitchGuide) { @@ -1408,8 +1407,8 @@ function OSDhtml(){ osdname.innerHTML = Left(channelsnames[currChan],30); } osdepg.innerHTML = "

" + EPG[0][7][currChan] + "

\n

" + EPG[1][7][currChan] + "

"; - osdepginfo.innerHTML = "

" + currChan + "\uE003" + channelsnames[currChan] + "

" + AvInfo[currChan] + "

" + EPG[0][7][currChan] + EPG[0][9][currChan] + EPG[0][8][currChan] + "

\n

" + EPG[0][4][currChan] + "

\n

" + Left(EPG[0][5][currChan],750) + "

"; - osdepginfonext.innerHTML = "

" + currChan + "\uE003" + channelsnames[currChan] + "

" + EPG[1][7][currChan] + EPG[1][9][currChan] + EPG[1][8][currChan] + "

\n

" + EPG[1][4][currChan] + "

\n

" + Left(EPG[1][5][currChan],750) + "

"; + osdepginfo.innerHTML = "

" + currChan + "\uE003" + channelsnames[currChan] + "

" + AvInfo[currChan] + "

" + EPG[0][7][currChan] + EPG[0][9][currChan] + EPG[0][8][currChan] + "

\n

" + EPG[0][4][currChan] + "

\n

" + Left(EPG[0][5][currChan],750) + "

"; + osdepginfonext.innerHTML = "

" + currChan + "\uE003" + channelsnames[currChan] + "

" + EPG[1][7][currChan] + EPG[1][9][currChan] + EPG[1][8][currChan] + "

\n

" + EPG[1][4][currChan] + "

\n

" + Left(EPG[1][5][currChan],750) + "

"; } function updateOSDtime(timchan) { @@ -1455,7 +1454,7 @@ if (!BackGroundColor) { BackGroundColor = DefaultBGColor;} } catch (e) { ProgName = "ERROR" ; - BackGroundColor = "red"; + BackGroundColor = "color_error"; } } else if(SwitchTimer == 3) { ProgTime -= preRecTime; @@ -1478,7 +1477,7 @@ if (!BackGroundColor) { BackGroundColor = DefaultBGColor;} ss.setParameter(x, "Eventid", ProgEvID); } else { ProgName = "ERROR" ; - BackGroundColor = "red"; + BackGroundColor = "color_error"; } } catch (e) { alert(e); @@ -1501,8 +1500,8 @@ if (!BackGroundColor) { BackGroundColor = DefaultBGColor;} var x = Lang[4] + th + ":" + tm + ""; } - switchtimer.style.background = BackGroundColor; - switchtimer.innerHTML = "
" + Lang[2] + Left(ProgName,30) + "\n" + Lang[3] + channelsnames[currChan] + "\n" + x;
+//	switchtimer.style.background = BackGroundColor;
+	switchtimer.innerHTML = "
" + Lang[2] + Left(ProgName,30) + "\n" + Lang[3] + channelsnames[currChan] + "\n" + x;
 	setOSDtimer();
 
 	switchtimer.style.opacity = 1;
@@ -1525,7 +1524,7 @@ function setOSDtimer() {
 		var th = tijd.getHours();
 		th=addzero(th);
 		tm=addzero(tm);
-		osdtimer.innerHTML = "

" + th + ":" + tm + "

"; + osdtimer.innerHTML = "

" + th + ":" + tm + "

"; SetLed(0,2,1); switchicon = "\uE00C"; osdca.innerHTML = CAicon + switchicon + RECicon; @@ -2125,7 +2124,7 @@ function showChannelList() { } htmlstring = htmlstring + ""; channellist.innerHTML = htmlstring; - chanlistepg.innerHTML = "

" + EPG[NowNext][1][currChan] + "

" + Left(EPG[NowNext][4][currChan],250) + "

" ; + chanlistepg.innerHTML = "

" + EPG[NowNext][1][currChan] + "

" + Left(EPG[NowNext][4][currChan],250) + "

" ; } @@ -2335,7 +2334,7 @@ function onKeyMenu(keyCode) { if (menu == 7) { // Show more info Current SearchTimer osdepginfo.style.opacity = 1 - osdepginfo.style.opacity; - osdepginfo.innerHTML = "
" + searchtimersSearch[timerID] + "\n\n\n\n
" + Lang[0] + "
" ; + osdepginfo.innerHTML = "

" + searchtimersSearch[timerID] + "\n\n\n\n" + Lang[0] + "

" ; setTimeout("ShowSearchTimerInfo();",100); } @@ -2383,7 +2382,7 @@ function onKeyMenu(keyCode) { } } else if (menu == 5 && smartTVplugin) { osdepginfo.style.opacity = 0; - mainmenu.innerHTML = "

" + Lang[7] + "

\n\n\n
" + Lang[0] + "
"; + mainmenu.innerHTML = "

" + Lang[7] + "

"; DeleteTimers(); setTimeout("LoadTimersServer();InitMenu(menu);",100); } else if (menu == 10) { @@ -2486,7 +2485,7 @@ function onKeyMenu(keyCode) { var x = ss.getBookingIds("*", 0, 0); var y = Number(ss.getParameter(x[timerID-1], "Channel")); osdepginfo.style.opacity = 1 - osdepginfo.style.opacity; - osdepginfo.innerHTML = "
" + ss.getParameter(x[timerID-1], "Title") + "\n " + "\n" + y + " - " + channelsnames[y] + "(" + ss.getParameter(x[timerID-1], "Eventid") + ")" + "\n 

" + ss.getParameter(x[timerID-1], "Info") + "

" ; + osdepginfo.innerHTML = "
" + ss.getParameter(x[timerID-1], "Title") + "\n " + "\n" + y + " - " + channelsnames[y] + "(" + ss.getParameter(x[timerID-1], "Eventid") + ")" + "\n 

" + ss.getParameter(x[timerID-1], "Info") + "

" ; } else if (menu == 5) { // Show EPG info Timer osdepginfo.style.opacity = 1 - osdepginfo.style.opacity; @@ -2614,7 +2613,7 @@ function onKeyMenu(keyCode) { break; case KEY_5: if (menu == MainMenu && (Restfulapiplugin || smartTVplugin)) { - mainmenu.innerHTML = "

" + Lang[7] + "

\n\n\n
" + Lang[0] + "
"; + mainmenu.innerHTML = "

" + Lang[7] + "

"; timerID = 0; menu = 5; setTimeout("LoadTimersServer();InitMenu(menu);",200); @@ -2690,7 +2689,7 @@ function onKeyMenu(keyCode) { break; case KEY_8: if (menu == MainMenu && Restfulapiplugin) { - mainmenu.innerHTML = "

" + Lang[8] + "

\n\n\n
" + Lang[0] + "
"; + mainmenu.innerHTML = "

" + Lang[8] + "

"; timerID = 0; menu = 7; setTimeout("LoadSearchTimersServer();InitMenu(menu);",200); @@ -2787,46 +2786,46 @@ osdepginfo.style.opacity = 0; if(menu == 0) { // Main Menu MainMenu = 0; - var htmltext = "

" + Lang[9] + "\n ( " + Version + " )

   1 -" + Lang[10] + "\n   2 -" + Lang[7] + "\n   3 -" + Lang[11];
+	var htmltext = "

" + Lang[9] + "\n ( " + Version + " )

"; + htmltext += "\n 0 - " + Lang[83] + "\n\n \u25CF -" + Lang[19] + "\u25CF -" + Lang[19] + "\u25CF -" + Lang[35] + " \u25CF -" + Lang[18] + "
"; mainmenu.innerHTML = htmltext; } if(menu == 6) { // Main Menu when watching recording MainMenu = 6; - mainmenu.innerHTML = "

" + Lang[9] + "\n ( " + Version + " )

   1 -" + Lang[10] + "\n   2 -" + Lang[7] + "\n\n\n   5 -" + Lang[13] + "\n\n\n   8 -" + Lang[16] + "\n\n\n\n   \u25CF -" + Lang[19] + "\u25CF -" + Lang[19] + "\u25CF -" + Lang[35] + "   \u25CF -" + Lang[19] + "
"; + mainmenu.innerHTML = "

" + Lang[9] + "\n ( " + Version + " )

"; } if(menu == 1) { // settings menu - var htmltext = "

" + Lang[10] + "

   1 - ";
+	var htmltext = "

" + Lang[10] + "

"; + htmltext += "\n\n \u25CF -" + Lang[20]; + htmltext += "\u25CF - " + VideoOutputModes_txt[VideoOutputModes[Set_Res]] + " "; + htmltext += "\u25CF -" + Lang[35]; + htmltext += "\u25CF - " + Left(cssfile[css_nr].split(".")[0],8) +"
"; // htmltext += "\n 0 -" + Lang[9] +"
"; mainmenu.innerHTML = htmltext; } @@ -2859,9 +2858,9 @@ if(menu == 2) { // Timers menu if (timer.length !== 0) { do { x += 1; } while (!timer[x] && (x < timer.length)) } if (i == 0) { - booking += ""; + booking += ""; } else if (i == 1) { - booking += ""; + booking += ""; } if (timer.length > x) { @@ -2885,15 +2884,15 @@ if(menu == 2) { // Timers menu } } if (mediaRecorder) { var x = NN[3]; } else { var x = Lang[19]; } - mainmenu.innerHTML = "

" + Lang[7] + "

\n   0 -" + Lang[9] + "\n" + booking + "   \u25CF -" + Lang[48] + "\u25CF - " + x + "  \u25CF -" + Lang[19] + "\u25CF - " + NN[5] + "
"; + mainmenu.innerHTML = "

" + Lang[7] + "

"; } if(menu == 3) { // MPD Menu - mainmenu.innerHTML = "

" + Lang[33] + "

" + Lang[34] + "\n 0 -" + Lang[9] + "
"; + mainmenu.innerHTML = "

" + Lang[33] + "

"; } if(menu == 4) { // INFO Menu - var htmltext = "

" + Lang[35] + "

";
+	var htmltext = "

" + Lang[35] + "