Multiepg: use toplevel service list to switch service

[rdamas]

Is there anything against using the toplevel (and bottom level) service list elements (the div with class="service") to switch the service? Like in multiepg timer editor?

[jbleyel]

kein Problem, aber bitte den Link für Zap nicht im HTML code einbauen, sondern unten als jquery, sonst wird die Seite zu groß.

[jbleyel]

Für mode 1 hab ichs mal eingebaut.

[rdamas]

Könnte ein Kopie sein von dem was ich vorbereitet habe :-)
Ich habe den zweiten Parameter von zapChannel() noch mit $(this).text() befüllt.

diff --git a/plugin/controllers/views/ajax/multiepg.tmpl b/plugin/controllers/views/ajax/multiepg.tmpl
index e4610c3..ae116b6 100644
--- a/plugin/controllers/views/ajax/multiepg.tmpl
+++ b/plugin/controllers/views/ajax/multiepg.tmpl
@@ -105,7 +105,12 @@
 <thead>
 <tr>
 	#for $sname, $eventlist in $events.iteritems()
-	<td class="border"><div class="service ui-widget-header"><img src="$(picons[$sname])" /> $sname</div></td>
+	#set $sref = ""
+	#set $ev = $eventlist[0]
+	#if len($ev)
+	    #set $sref = $ev[0].ref
+	#end if
+	<td class="border"><div class="service ui-widget-header" data-ref="$sref"><img src="$(picons[$sname])" /> $sname</div></td>
 	#end for
 </tr>
 </thead>
@@ -127,7 +132,12 @@
 <tfoot>
 <tr>
 	#for $sname, $eventlist in $events.iteritems()
-	<td class="border"><div class="service ui-widget-header"><img src="$(picons[$sname])" /> $sname</div></td>
+	#set $sref = ""
+	#set $ev = $eventlist[0]
+	#if len($ev)
+	    #set $sref = $ev[0].ref
+	#end if
+	<td class="border"><div class="service ui-widget-header" data-ref="$sref"><img src="$(picons[$sname])" /> $sname</div></td>
 	#end for
 </tr>
 </tfoot>
@@ -168,10 +178,15 @@
 	</ol>
 
 	#for $sname, $eventlist in $events.iteritems()
+		#set $sref = ""
+		#set $ev = $eventlist[0]
+		#if len($ev)
+			#set $sref = $ev[0].ref
+		#end if
 		<ol class="channel-listing">
 			<li>
 				<span class="ui-widget-header">
-					<div>
+					<div class="tl-service" data-ref="$sref">
 						<h2 class="picon" ><img src="$(picons[$sname])" title="$sname" /></h2>
 						<span>$sname</span>
 					</div>
@@ -377,4 +392,12 @@ if(mepgdirect==1) {
 
 });
 #end if
+#raw
+$('.service, .tl-service').click(function() {
+    var ref = $(this).data("ref");
+    if (ref != "") {
+        zapChannel(ref, $(this).text());
+    }
+});
+#end raw
 </script>

[jbleyel]

Deins sieht besser aus. ;-)

[jbleyel]

Hi @rdamas , can we close this issue?

[rdamas]

Yes, of course.