From 978e7f831e9daca79dd7209a0b7943ee4f5ac674 Mon Sep 17 00:00:00 2001
From: Piotr Kuchciak <piotr.kuchciak@gmail.com>
Date: Thu, 30 Oct 2014 08:41:28 +0100
Subject: [PATCH] WEBUI: cosmetic changes

-changed icon in Live TV Player: play, pause, stop
-cosmetic in Live TV Player
-changed icon for broadcast details and cosmetic name field, and add
icon for buttons (Please add button STOP RECORD about button RECORD
PROGRAM !!! and moved link PLAY about DVR PROFILE SELECT as BUTTON)
-changed icon in details for finished recordings in DVR
-changed windows size for broadcast details
-add icon for title help window
-changed icon tab EPG
-changed icon tab DVR
---
 src/webui/static/app/dvr.js                  |   3 ++-
 src/webui/static/app/epg.js                  |  12 +++++++-----
 src/webui/static/app/ext.css                 |  14 +++++++++++++-
 src/webui/static/app/tvheadend.js            |   3 ++-
 src/webui/static/icons/broadcast_details.png | Bin 0 -> 1037 bytes
 src/webui/static/icons/control_pause.png     | Bin 47 -> 3430 bytes
 src/webui/static/icons/control_play.png      | Bin 46 -> 3492 bytes
 src/webui/static/icons/control_stop.png      | Bin 46 -> 3397 bytes
 src/webui/static/icons/dvr.png               | Bin 0 -> 496 bytes
 src/webui/static/icons/epg.png               | Bin 0 -> 773 bytes
 10 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 src/webui/static/icons/broadcast_details.png
 create mode 100644 src/webui/static/icons/dvr.png
 create mode 100644 src/webui/static/icons/epg.png

diff --git a/src/webui/static/app/dvr.js b/src/webui/static/app/dvr.js
index 5f3d3cc3..dd0a3e28 100644
--- a/src/webui/static/app/dvr.js
+++ b/src/webui/static/app/dvr.js
@@ -26,6 +26,7 @@ tvheadend.dvrDetails = function(uuid) {
 
         var win = new Ext.Window({
             title: title,
+            iconCls: 'info',
             layout: 'fit',
             width: 400,
             height: 300,
@@ -503,7 +504,7 @@ tvheadend.dvr = function(panel, index) {
         activeTab: 0,
         autoScroll: true,
         title: 'Digital Video Recorder',
-        iconCls: 'drive',
+        iconCls: 'dvr',
         items: [],
     });
     tvheadend.dvr_upcoming(p, 0);
diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index eddb8c82..af8a2ec7 100644
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -161,7 +161,7 @@ tvheadend.epgDetails = function(event) {
             valueField: 'key',
             displayField: 'val',
             name: 'config_name',
-            emptyText: '(default)',
+            emptyText: '(default DVR Profile)',
             value: '',
             editable: false
         });
@@ -169,10 +169,12 @@ tvheadend.epgDetails = function(event) {
         buttons.push(confcombo);
         buttons.push(new Ext.Button({
             handler: recordEvent,
+            iconCls: 'rec',
             text: "Record program"
         }));
         buttons.push(new Ext.Button({
             handler: recordSeries,
+            iconCls: 'autoRec',
             text: event.serieslinkId ? "Record series" : "Autorec"
         }));
 
@@ -187,8 +189,8 @@ tvheadend.epgDetails = function(event) {
     var win = new Ext.Window({
         title: 'Broadcast Details',
         layout: 'fit',
-        width: 500,
-        height: 300,
+        width: 600,
+        height: 400,
         constrainHeader: true,
         buttons: buttons,
         buttonAlign: 'center',
@@ -232,7 +234,7 @@ tvheadend.epg = function() {
         dataIndex: 'actions',
         actions: [
             {
-                iconCls: 'info',
+                iconCls: 'broadcast_details',
                 qtip: 'Broadcast details',
                 cb: function(grid, rec, act, row) {
                     new tvheadend.epgDetails(grid.getStore().getAt(row).data);
@@ -748,7 +750,7 @@ tvheadend.epg = function() {
         cm: epgCm,
         plugins: [filter, actions],
         title: 'Electronic Program Guide',
-        iconCls: 'newspaper',
+        iconCls: 'epg',
         store: epgStore,
         selModel: new Ext.ux.grid.livegrid.RowSelectionModel(),
         view: epgView,
diff --git a/src/webui/static/app/ext.css b/src/webui/static/app/ext.css
index b57eea5f..3a1bbb86 100644
--- a/src/webui/static/app/ext.css
+++ b/src/webui/static/app/ext.css
@@ -295,7 +295,7 @@
 }
 
 .completed {
-    background-image: url(../icons/tick.png) !important;
+    background-image: url(../icons/accept.png) !important;
 }
 
 .completedError {
@@ -454,6 +454,18 @@
     background-image: url(../icons/reseticon.png) !important;
 }
 
+.dvr{
+    background-image: url(../icons/dvr.png) !important;
+}
+
+.epg{
+    background-image: url(../icons/epg.png) !important;
+}
+
+.broadcast_details{
+    background-image: url(../icons/broadcast_details.png) !important;
+}
+
 .x-linked {
     display: inline-block;
     background-image: url(../icons/linked.gif) !important;
diff --git a/src/webui/static/app/tvheadend.js b/src/webui/static/app/tvheadend.js
index ed29ff81..3e6477a4 100644
--- a/src/webui/static/app/tvheadend.js
+++ b/src/webui/static/app/tvheadend.js
@@ -29,6 +29,7 @@ tvheadend.help = function(title, pagename) {
 
             var win = new Ext.Window({
                 title: 'Help for ' + title,
+                iconCls: 'help',
                 layout: 'fit',
                 width: 900,
                 height: 400,
@@ -204,7 +205,7 @@ tvheadend.VideoPlayer = function(url) {
         mode: 'local',
         editable: false,
         triggerAction: 'all',
-        emptyText: 'Select profile...',
+        emptyText: 'Select stream profile...',
         store: tvheadend.profiles,
     });
 
diff --git a/src/webui/static/icons/broadcast_details.png b/src/webui/static/icons/broadcast_details.png
new file mode 100644
index 0000000000000000000000000000000000000000..87d4ac79ae61150bfda38e822a82bc3cecea9688
GIT binary patch
literal 1037
zcmV+o1oHcdP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ<lSxEDRCwAX!A)%2Q~(F?|9iEQ*iIZLaTfZuHEp`GMuK*$nzoE~v<Jj46WV1$
zpq-I8BP1?}3)1dz;DChS#+4J&&>%EjQx#Q3R2AJ|rD^kNCs|`V@pIne!0$)!KN-MB
zYir9t0Hi`GfvPHUI2@*&^MUJnkR(Ym3?nEOOY5~-J-4;B@r^9YVOl6GLDSUtW@fT)
zx~}JyO1n2?IfO*Qh&39`L8H+^Jg!q!RYJw$_D#?0SHj`&1IF0Ra5yv=Sz1~^t=9NB
z2!@Z&&o36n$4B$gXcWz+b-uUvdrsG5B$Y}|?Cg}&^?Gw-aq+b?(@aWFpYG+;>C`Wh
z@3X1la2Pb3t*&9j)$#E$uT<JiaL(@o_`X`L^_tDrZOgJ#>9koJ3<fKli#-6VoO4K(
z$_2CSb}yHkHbbEheevSd=A7G<(oIQ{(CazT;cysenksU+Z0hjv=*)4PUNV`8C6h_e
zZueysfOhTLRod(IA{Q4mWHMLuwY9>RLhye9e3r{)|C*efh*c_8>NrkImZe$4h#LSv
zZ{2#GU%#F^Ef%-$pPyHM&ScW^ojbRG6M|P53o4mRy0fyf%rs4Te0EkjEfkizh7o^A
z2>Fgu0tx`KEPdts%+BX;v{qM_e{Hur?BL)J1;CmRSnhN>&~@EeUw`9A0CUZzRSJS(
zNeF?FZ1yS`3!Kr>%<kmmSb}rWc3pSaXtcI`pS^#1dC45d{d#65OJgx@+_u|?K@dF7
z=U-KZL#|4Lfsb_BR3vF6<+@&rb3QQ56ihR9x7&RQ02x`9mqMY?eye5KiG<M~8+#?f
z7&93Q>XcF{`Mw`_UC$Om^fgUGtyW)r{`{Xc08aoA$8jIlYIQ*=bqOI#zdy(X!LUUL
z@hJcaKpTKdDOCv}I6gjkmk_e6s!DHSVyxJ1cZ~i0gK1fo0pN-dq5;4IKq-JefPoM~
zH4Gikp8Y*xS@s8}nR=q@daT{<?gT-=2_avoY6RhMsL46^04M;W6aa(}ilQi~N~P)^
z9UXtFs*0^?>bzxHvyS7u9gpjON|Lm`y<L9CvTQdJiKqZf0DTHTmSxHCJnyVr-hT_g
z!sg~iVQy~rbH;*`>FKGT?%lilC>qs1sa9(r`aT1tR0q%k;7b5Tgb;QR1el+nJ4qxG
z4^&kN%H<;fC`Y4ei?INaNaWjWc4~WcG-LMreG32sK>iy5jn%zG>g9Xm00000NkvXX
Hu0mjf*+be~

literal 0
HcmV?d00001

diff --git a/src/webui/static/icons/control_pause.png b/src/webui/static/icons/control_pause.png
index da8c524c771eeaf195661c08a9dc0b71e299fa31..0b106fc94809537751bfb06cdf236251427cbd8f 120000
GIT binary patch
literal 3430
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
IM6N<$g2r)WN&o-=

literal 47
ucmdPX)7OKcvedkk{389d#9SaM&dkZyPtMOPDay}@FGwscPSq>OO9uc|_z)!k

diff --git a/src/webui/static/icons/control_play.png b/src/webui/static/icons/control_play.png
index 33a5ccba00d8bb1b85ca88abdd1f30c6d9667cb2..40c53fbbb6f05db43159b5ba3cdecdbd6ebb8acf 120000
GIT binary patch
literal 3492
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
SdV~uA0000<MNUMnLSTX)TZnT2

literal 46
tcmdPX)7OKcvedkk{389d#9SaM&dkZyPtMOPDay}@FUU!()GNqK2LMH-54`{Y

diff --git a/src/webui/static/icons/control_stop.png b/src/webui/static/icons/control_stop.png
index 420c17189402407872908fc90fc06d584109a38f..2bbb1f1cc3608b6ff6281d4b138ddd055db65abb 120000
GIT binary patch
literal 3397
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
bIKLeLV-RY+4|pT?00000NkvXXu0mjfn;&Ma

literal 46
tcmdPX)7OKcvedkk{389d#9SaM&dkZyPtMOPDay}@FD}V1&@0GG2LMJK56u7o

diff --git a/src/webui/static/icons/dvr.png b/src/webui/static/icons/dvr.png
new file mode 100644
index 0000000000000000000000000000000000000000..1495cd619474607c11d3beda9f42471ff1cbff74
GIT binary patch
literal 496
zcmV<M0T2F(P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ-c1c7*RCwCd(>-fcVGsr2=iT>iK5i0CSo{bC6)hCR6-2~BwlfgR`~wUBg+Ip5
zMnyp^MFL`@je<=;qKiVX2+3x%?%v${TI@!GBsN<)-3*5_GiT0(l#+3xX3Q9yAT(Rc
zN7ZlQ9!l(E66<)1!C_!_3~>v$@O4Boi$%P}x5L1A=KQ6j2;QNKCUR`xA-4VoX8&04
z1wM~DuN?=<FozqXQ4@qx5Cm+ZjoXQMAbA-=Ee_BBKEo^AffR{*N!%TI<G><;Pz+oB
zY)tB>C@=Rd6ocm(uKpQkC;4?Q`tcy&4TWClrwKuxqB2(c@nv;#b**i+^WCGR3*IzN
zUCYqH0>n<TcQJOiSEfIa0;Vv7f?ChU{^jeBw`cG6H+vsWEKEN;yVMQM*76qSAyia#
z`ioJ@hPgn>h6>f&mHHsL(%bPRpRpIS^$hp1f+}TFZNS{eVnQ{NkrWb%RLzH?Hx<3k
mPsc_vNYiEcB>ex+^m_o8z<`Tru#g%60000<MNUMnLSTYzQqwyC

literal 0
HcmV?d00001

diff --git a/src/webui/static/icons/epg.png b/src/webui/static/icons/epg.png
new file mode 100644
index 0000000000000000000000000000000000000000..d360b16248d8423e21d9bf698a57c69ca2f3e038
GIT binary patch
literal 773
zcmV+g1N!`lP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ;i%CR5RCwBSlRa+~R}_YybMKv*_3nDvB_^2QNC*KDE+Qog9gqf4ic|<iw4^|h
z@&ob*($b{kqoF{Glpm1BQWQ{{6p0d2u>uLp5;peQJNEAE%$@s@Vhk}Px!t+a`<!#6
z=g1Gk(Y>FB;R|OCi3W%uk%%A>03QW}2vGpR1ym3xmrm*1^3BRd%nFFcATiQp_CWv$
z4N2bk@-AX^z*s9&Z$n2yeIWe*uR%q`3BIceBlu7|M~p&<4MK?^fR9bYh%{YeBu3Dp
zzz1|N-gxh+tfdSQqXeS`qlBpqB)Wk*4<Sah5>hQ}m!5vA5igk9IW~3*ZhU%-6ALX$
z8+bU(nM)Lxmk0P5`To~U#xu{&3yYL4@aNi;AAjFsp{r1{swUQ!%gX~6dnsEJ%kae>
zpMN;ukJX&gdcHh=l<S`yX1G3KBQN>r{WhVtly!}o6cxu0X^8O4lM&BfPO#R}?<Aak
zuZwkomB*W$JksX=qg57rDeXkFofib}G244H&MmcRrHUiHjI~k0nWJ-P5$>)$<=JMz
z`ncrd6Z3p~?E^Y3!(Xd8Tls_~-$$<A`E6H5`TWVHJ`3|H<7v&>&WuiGc>FvkOB4XD
zRCDp{0y~qM;rbq1qbbKvAKNpThT%rela~_!vP6+3ilXwo)6D>fAnZ;m9{l_at%P=_
zNxZ{3hpDO>364QG*_Q-j40KbWvK7)ui~xf<X%r_=loj4NjPnj_Yjka1d-j%g|4~G&
zwfhs;N_l7TKK+-nyn#Ca5Wzb~RaeT)RIjr+F6oEn0uQF-ZCL#07RI|3hgGj*zPhq}
z>vk1yhFMOMnAiPY?fwcB51{JW@owu7Uw^jz-QNQMe+f-8rz8d200000NkvXXu0mjf
Dm;qLh

literal 0
HcmV?d00001