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

Neverendingo at 17:09, 6 May 2013

2013-05-06T17:09:08Z

Icwiener: Fix syntax highlighting.

2011-06-30T11:17:47Z

Fix syntax highlighting.

Neverendingo: Text replace - "" to ""

2011-06-29T20:54:08Z

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

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


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

				
				
				
				
			
			← Older revision
			Revision as of 20:45, 29 June 2011
			
Line 4:
Line 4:
    
  You should have a working plasmoid application from previous examples. Take a copy of the plasmoid and rename it. After this you can replace contents of the <tt>contents/code/main.js</tt> with following:   You should have a working plasmoid application from previous examples. Take a copy of the plasmoid and rename it. After this you can replace contents of the <tt>contents/code/main.js</tt> with following:
− <code> + <syntaxhighlight lang="text">
  layout = new LinearLayout(plasmoid);   layout = new LinearLayout(plasmoid);



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


				
				
				
				
			
			← Older revision
			Revision as of 23:57, 14 February 2010
			
Line 26:
Line 26:
  }   }
    
− plasmoid.dataUpdate = function(name, data) { + plasmoid.dataUpdated = function(name, data) {
       systemData[name] = data;        systemData[name] = data;
       printData();        printData();
  };   };
    
− smDataEngine = plasmoid.dataEngine("systemmonitor"); + smDataEngine = dataEngine("systemmonitor");
    
  smDataEngine.sourceRemoved.connect(function(name) {   smDataEngine.sourceRemoved.connect(function(name) {



Dhaumann: fix link
2009-07-08T09:16:07Z
fix link

				
				
				
				
			
			← Older revision
			Revision as of 09:16, 8 July 2009
			
Line 1:
Line 1:
− This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying|NowPlaying]] (from which this example was adapted). + This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/JavaScript/NowPlaying|NowPlaying]] (from which this example was adapted).
    
  Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.   Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.



Pippin: moved Development/Tutorials/Plasma/QtScript/SystemMonitor to Development/Tutorials/Plasma/JavaScript/SystemMonitor: Use the term "JavaScript" rather than "QtScript", because that's the term users know
2009-07-07T16:48:05Z
moved Development/Tutorials/Plasma/QtScript/SystemMonitor to Development/Tutorials/Plasma/JavaScript/SystemMonitor: Use the term "JavaScript" rather than "QtScript", because that's the term users know

			
			← Older revision
			Revision as of 16:48, 7 July 2009
			


Tampakrap: cleanup link name to NowPlaying
2009-06-20T20:26:05Z
cleanup link name to NowPlaying

				
				
				
				
			
			← Older revision
			Revision as of 20:26, 20 June 2009
			
Line 1:
Line 1:
− This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying]] (from which this example was adapted). + This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying|NowPlaying]] (from which this example was adapted).
    
  Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.   Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.



Tampakrap: Created page with 'This example assumes that you are familiar with previous examples such as Development/Tutorials/Plasma/QtScript/NowPlaying (from which this example was adapted).  Following c...'
2009-06-20T20:23:22Z
Created page with 'This example assumes that you are familiar with previous examples such as Development/Tutorials/Plasma/QtScript/NowPlaying (from which this example was adapted).  Following c...'
New page
This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying]] (from which this example was adapted).



Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.



You should have a working plasmoid application from previous examples. Take a copy of the plasmoid and rename it. After this you can replace contents of the <tt>contents/code/main.js</tt> with following:

<code>

layout = new LinearLayout(plasmoid);



label = new Label();

layout.addItem(label);

label.text = "No connection";



// current values

var systemData = new Array();



function printData() {

    label.text = "";

    for (var name in systemData) {

	var data = systemData[name];

	label.text = label.text + name + ": ";

	for (var elt in data) {

	    label.text = label.text + " " + data[elt];

	}

	label.text = label.text + "\n";

    }

}



plasmoid.dataUpdate = function(name, data) {

    systemData[name] = data;

    printData();

};



smDataEngine = plasmoid.dataEngine("systemmonitor");



smDataEngine.sourceRemoved.connect(function(name) {

	// unsubscribe

	smDataEngine.disconnectSource(name, plasmoid);

    });



smDataEngine.sourceAdded.connect(function(name) {

	if (name.toString().match("^mem/physical")) {

	    // subscribe

	    smDataEngine.connectSource(name, plasmoid, 500);

	}

    });



</code>



In smDataEngine.sourceAdded.connect() we give a function to connect to signal. The signal connection function is called by the systemmonitor for each data source. In this example we only connect to physical memory data sources.



After this the plasmoid.dataUpdate() receives updates. Update values are stored into an array. The array is printed on every update.



Note that this example is bit inefficient since we call printData() on every update. One way to optimize is to update label text only when "mem/physical/free" data source is updated.

← Older revision		Revision as of 17:09, 6 May 2013
Line 1:		Line 1:
		+	{{TutorialBrowser\|
		+
		+	series=JavaScript Plasmoids\|
		+
		+	name=System Monitor\|
		+
		+	pre=[[../NowPlaying\|Now Playing: Advanced DataEngine Usage Example]]\|
		+
		+	next=[[../CheatSheet\|Cheat Sheet: Common gotchas and useful tips]]\|
		+
		+	reading=[[../API\|JavaScript Plasmoid API reference]]
		+	}}
		+
	This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/JavaScript/NowPlaying\|NowPlaying]] (from which this example was adapted).		This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/JavaScript/NowPlaying\|NowPlaying]] (from which this example was adapted).

@@ Line 4: / Line 4: @@
 You should have a working plasmoid application from previous examples. Take a copy of the plasmoid and rename it. After this you can replace contents of the <tt>contents/code/main.js</tt> with following:
-<syntaxhighlight lang="text">
+<syntaxhighlight lang="javascript">
 layout = new LinearLayout(plasmoid);
@@ Line 47: / Line 47: @@
 </syntaxhighlight>
-In smDataEngine.sourceAdded.connect() we give a function to connect to signal. The signal connection function is called by the systemmonitor for each data source. In this example we only connect to physical memory data sources.
+In <tt>smDataEngine.sourceAdded.connect()</tt> we give a function to connect to signal. The signal connection function is called by the systemmonitor for each data source. In this example we only connect to physical memory data sources.
-After this the plasmoid.dataUpdate() receives updates. Update values are stored into an array. The array is printed on every update.
+After this the <tt>plasmoid.dataUpdate()</tt> receives updates. Update values are stored into an array. The array is printed on every update.
-Note that this example is bit inefficient since we call printData() on every update. One way to optimize is to update label text only when "mem/physical/free" data source is updated.
+Note that this example is bit inefficient since we call <tt>printData()</tt> on every update. One way to optimize is to update label text only when "mem/physical/free" data source is updated.

← Older revision		Revision as of 09:16, 8 July 2009
Line 1:		Line 1:
−	This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/~~QtScript~~/NowPlaying\|NowPlaying]] (from which this example was adapted).	+	This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/JavaScript/NowPlaying\|NowPlaying]] (from which this example was adapted).

	Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.		Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.

← Older revision		Revision as of 20:26, 20 June 2009
Line 1:		Line 1:
−	This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying]] (from which this example was adapted).	+	This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/QtScript/NowPlaying\|NowPlaying]] (from which this example was adapted).

	Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.		Following code illustrates how to connect to systemmonitor and how to receive updates from various data sources.