Development/Tutorials/Plasma4/JavaScript/SystemMonitor: Difference between revisions
m (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) |
m (D ed moved page Development/Tutorials/Plasma/JavaScript/SystemMonitor to Development/Tutorials/Plasma4/JavaScript/SystemMonitor) |
||
(6 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
This example assumes that you are familiar with previous examples such as [[Development/Tutorials/Plasma/ | {{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). | |||
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. | ||
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: | ||
< | <syntaxhighlight lang="javascript"> | ||
layout = new LinearLayout(plasmoid); | layout = new LinearLayout(plasmoid); | ||
Line 26: | Line 39: | ||
} | } | ||
plasmoid. | plasmoid.dataUpdated = function(name, data) { | ||
systemData[name] = data; | systemData[name] = data; | ||
printData(); | printData(); | ||
}; | }; | ||
smDataEngine = | smDataEngine = dataEngine("systemmonitor"); | ||
smDataEngine.sourceRemoved.connect(function(name) { | smDataEngine.sourceRemoved.connect(function(name) { | ||
Line 45: | Line 58: | ||
}); | }); | ||
</ | </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. |
Latest revision as of 23:27, 11 September 2014
Tutorial Series | JavaScript Plasmoids |
Previous | Now Playing: Advanced DataEngine Usage Example |
What's Next | Cheat Sheet: Common gotchas and useful tips |
Further Reading | JavaScript Plasmoid API reference |
This example assumes that you are familiar with previous examples such as 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 contents/code/main.js with following:
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.dataUpdated = function(name, data) {
systemData[name] = data;
printData();
};
smDataEngine = 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);
}
});
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.