Development/Tutorials/Plasma/JavaScript/NowPlaying - Revision history

Neverendingo at 19:32, 6 May 2013

2013-05-06T19:32:56Z

Neverendingo at 17:17, 6 May 2013

2013-05-06T17:17:29Z

Neverendingo at 17:12, 6 May 2013

2013-05-06T17:12:37Z

Icwiener: Fix syntax highlighting.

2011-06-30T11:16:38Z

Fix syntax highlighting.

Neverendingo: Text replace - "" to ""

2011-06-29T20:54:03Z

Text replace - "</code>" to "</syntaxhighlight>"

Neverendingo: Text replace - "`" to ""`


2011-06-29T20:45:17Z
Text replace - "<code>" to "<syntaxhighlight lang="text">"

				
				
				
				
			
			← Older revision
			Revision as of 20:45, 29 June 2011
			
Line 22:
Line 22:
  Create a <tt>contents/code/main.js</tt> file with the following contents:   Create a <tt>contents/code/main.js</tt> file with the following contents:
    
− <code> + <syntaxhighlight lang="text">
  layout = new LinearLayout(plasmoid);   layout = new LinearLayout(plasmoid);
  layout.orientation = QtVertical;   layout.orientation = QtVertical;



F3lip3 at 23:10, 14 February 2010
2010-02-14T23:10:10Z


				
				
				
				
			
			← Older revision
			Revision as of 23:10, 14 February 2010
			
Line 24:
Line 24:
  <code>   <code>
  layout = new LinearLayout(plasmoid);   layout = new LinearLayout(plasmoid);
− layout.setOrientation(QtVertical); + layout.orientation = QtVertical;
    
  label = new Label();   label = new Label();
Line 31:
Line 31:
    
  function firstSource() {   function firstSource() {
− 	var sources = plasmoid.dataEngine("nowplaying").sources; + 	var sources = dataEngine("nowplaying").sources;
  	if (sources.length) {   	if (sources.length) {
  		return sources[0];   		return sources[0];
Line 40:
Line 40:
  }   }
    
− plasmoid.dataUpdate = function(name, data) { + plasmoid.dataUpdated = function(name, data) {
  	if (source == name) {   	if (source == name) {
  		label.text = 'Info:\n';   		label.text = 'Info:\n';
Line 51:
Line 51:
  source = firstSource();   source = firstSource();
    
− npDataEngine = plasmoid.dataEngine("nowplaying"); + npDataEngine = dataEngine("nowplaying");
    
  npDataEngine.sourceRemoved.connect(function(name) {   npDataEngine.sourceRemoved.connect(function(name) {



Aseigo at 18:39, 27 November 2009
2009-11-27T18:39:59Z


				
				
				
				
			
			← Older revision
			Revision as of 18:39, 27 November 2009
			
Line 3:
Line 3:
  series=JavaScript Plasmoids|   series=JavaScript Plasmoids|
    
− name=JavaScript Plasmoid Cheat Sheet| + name=Now Playing: Advanced DataEngine Usage
    
− pre=[[../DataEngine|Now Playing: Advanced DataEngine Usage Example]]| + pre=[[../NowPlaying|Getting Data: How to retreive data from a data engine]]|
    
− reading=[[../API|JavaScript Plasmoid API reference]] + next=[[../CheatSheet|Cheat Sheet: Common gotchas and useful tips]]|
  +  
  + reading=[[../API|JavaScript Plasmoid API reference]], [[../SystemMonitor|How to access systemmonitor data engine]]
  }}   }}
    



Aseigo at 18:38, 27 November 2009
2009-11-27T18:38:15Z


				
				
				
				
			
			← Older revision
			Revision as of 18:38, 27 November 2009
			
Line 3:
Line 3:
  series=JavaScript Plasmoids|   series=JavaScript Plasmoids|
    
− name=Getting Data| + name=JavaScript Plasmoid Cheat Sheet|
    
− pre=[[../DataEngine|Getting Data: How to retreive data from a data engine]]| + pre=[[../DataEngine|Now Playing: Advanced DataEngine Usage Example]]|
−   + 
− next=[[../CheatSheet|Cheat Sheet: Common gotchas and useful tips]]| + 
    
  reading=[[../API|JavaScript Plasmoid API reference]]   reading=[[../API|JavaScript Plasmoid API reference]]



Aseigo at 18:33, 27 November 2009
2009-11-27T18:33:19Z


				
				
				
				
			
			← Older revision
			Revision as of 18:33, 27 November 2009
			
Line 1:
Line 1:
− == Abstract == + {{TutorialBrowser|
    
− This will show you some slightly more advanced techniques for dealing with data engines, and give you a useful plasmoid at the end that you can easily edit to display custom information about what your favourite media player is playing (providing, of course, that your favourite media player is supported by the <tt>nowplaying</tt> data engine). + series=JavaScript Plasmoids|
    
− We assume you've read the [[Development/Tutorials/Plasma/JavaScript/DataEngine|JavaScript data engine tutorial]]. + name=Getting Data|
    
  + pre=[[../DataEngine|Getting Data: How to retreive data from a data engine]]|
    
− == Metadata.desktop == + next=[[../CheatSheet|Cheat Sheet: Common gotchas and useful tips]]|
    
− Create a folder for your plasmoid, and create a <tt>metadata.desktop</tt> file with the following contents: + reading=[[../API|JavaScript Plasmoid API reference]]
  + }}
    
− <code ini> + == Abstract ==
− [Desktop Entry] + 
− Name=Simple Now Playing + 
− Comment=A simple text description of what is currently playing + 
− Icon=applications-multimedia + 
−  + 
− Type=Service + 
− X-KDE-ServiceTypes=Plasma/Applet + 
−  + 
− X-Plasma-API=javascript + 
− X-Plasma-MainScript=code/main.js + 
− X-Plasma-DefaultSize=200,100 + 
−  + 
− X-KDE-PluginInfo-Author=<Your name here> + 
− X-KDE-PluginInfo-Email=<Your email here> + 
− X-KDE-PluginInfo-Name=simplenowplaying + 
− X-KDE-PluginInfo-Version=1.0 + 
− X-KDE-PluginInfo-Website=http://plasma.kde.org/ + 
− X-KDE-PluginInfo-Category=Multimedia + 
− X-KDE-PluginInfo-Depends= + 
− X-KDE-PluginInfo-License=GPL + 
− X-KDE-PluginInfo-EnabledByDefault=true + 
− </code> + 
    
  + This will show you some slightly more advanced techniques for dealing with data engines, and give you a useful plasmoid at the end that you can easily edit to display custom information about what your favourite media player is playing (providing, of course, that your favourite media player is supported by the <tt>nowplaying</tt> data engine).
  + 
  + We assume you've read the [[Development/Tutorials/Plasma/JavaScript/DataEngine|JavaScript data engine tutorial]].
    
  == Main script ==   == Main script ==

@@ Line 5: / Line 5: @@
 name=Now Playing: Advanced DataEngine Usage|
-pre=[[../NowPlaying|Getting Data: How to retreive data from a data engine]]|
+pre=[[../DataEngine|Getting Data: How to retreive data from a data engine]]|
 next=[[../SystemMonitor|System Monitor: How to access systemmonitor data engine]]|

@@ Line 72: / Line 72: @@
 	npDataEngine.connectSource(source, plasmoid, 500);
+}
-</code>
+</syntaxhighlight>
 It looks complicated, compared to the two previous tutorials, but there is really only one new thing, and that is that we're watching for sources appearing and disappearing.