var svg_file = fb.ComponentPath + 'samples\\svg\\android.svg';
var svg_text = utils.ReadUTF8(svg_file);

var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.6.0");
xmlDoc.async = false;
xmlDoc.loadXML(svg_text);
if (xmlDoc.parseError.errorCode == 0) {
	var svg = xmlDoc.childNodes[0];
       // width / height not present in the android.svg but you could access them if you know they are with other content
	console.log(svg.getAttribute("viewBox")); 
}

function create_svg(crit) {
	var color = [];
	var radius = 35; 
	var width = window.Width / 3;
	var height = window.Height;
	var offset = 0;
	var circumf = 2 * Math.PI * radius;
	color[1] = "lime";	color[2] = "fuchsia"; color[3] = "gold";
	var svg ='<svg xmlns="http://www.w3.org/2000/svg" height="' + height + '" width="' + width + '" viewBox="0 0 200 200" >\n';
    for (var i = 1 ; i< crit.length; i++) { //loop to draw all the slices
		var sliceAngle = crit[i]/crit[0]*circumf;	
		svg +='<circle r="' + radius + '" cx="100" cy="100" fill="none"\n';
		svg +='stroke="' + color[i] + '"\n';
		svg +='stroke-width="'+radius * 2 +'"\n';
		svg +='stroke-dasharray="'+ sliceAngle + ' ' + circumf + '"\n';
		svg +='stroke-dashoffset="'+offset + '"\n';
		svg += 'transform="rotate(-90) translate(-200)"/>';
		offset-=sliceAngle;
		var perc = Math.round(crit[i]/crit[0]*100).toFixed(0) + "%"; // percentage as text of the slice
		//// Below to calculate X/Y pos of the percentage in the pie //////
			var cum = 0;  
			var sav = 0;  
			for (var j = 1 ; j< i+1; j++) {  
				cum +=crit[j];   	
			}
			sav = cum-crit[i] + (crit[i]/2); 
			var angle = radians(360*sav/crit[0] -90); 
			var xPos = 100+Math.cos(angle) * radius/2 ;
			var yPos = 100+Math.sin(angle) * radius/2 ;
		//// End of calculation //////////
		svg +='<text x = "'+xPos+'" y = "'+yPos+'" fill="Blue"  font-family="Segoe UI" font-size="13" font-weight="bold">' + perc + '</text>\n'; // put the percentage in the slice
		svg+= '<text x = "'+ (43*i) +'" y = "183" fill="White"  font-family="Segoe UI" font-size="13" font-weight="bold">' + perc + '</text>\n'; // put the percentage below
		svg+= '<rect x = "'+ (43*i) +'" y = "185" height="7" width="22" fill="'+color[i]+'"/>\n';
	}
    svg += '</svg>\n';
	//console.log(svg);
    return utils.LoadSVG(svg);
}

function radians(degrees)
{
  var pi = Math.PI;
  return degrees * (pi/180);
}

function notif() {
var data = [];
for (var i = 0; i <plman.PlaylistCount ; i++) {
	data.push({
					value : plman.GetPlaylistName(i),
				});
	}
window.NotifyOthers("simple_list", data); 
}

Quick question on the window.NotifyOthers(name, info) function

I have a panel that draws a simple list and i would like to choose the content of the list with another panel. So i would like to pass on an array between these 2 panels.
I cant make it happen.
So on the sending panel i have this (basic example):

Code: [Select]

function notif() {
var data = [];
for (var i = 0; i <plman.PlaylistCount ; i++) {
	data.push({
					value : plman.GetPlaylistName(i),
				});
	}
window.NotifyOthers("simple_list", data); 
}

then on the other panel (called 'simple_list') i dont really know how to use the
on_notify_data(name, info) callback. i tried all sort of things with no success.
I didnt find any example of it.
Any help would be appreciated
thanks

function on_notify_data(name, info)  {
	if (name === "simple_list" && info) { // only want to react to our data on Script A, and ensure data is received
		if (info.length) { //Array contains items?
			// Do your thing with the data
			const data = [...info]; // Make a copy, info will not be available later if used in other functions
		}
	}
}

var data = [];
data = info; 

i'm coming back on the destructuring topic. Yes, it's not available on JSP and i used the following way to handle this :

Code: [Select]

var data = [];
data = info; 

Is that the best way ? i can see some unexpected behaviors and i'm not sure what i did was right.
thanks !

a = [3, 4];

b = a;
b[0] = 1;

const data = JSON.parse(JSON.stringify(info));

const data = info.map(function(a) {return a;}); // This works because it's an array

user-components\foo_jscript_panel3\samples\images\foobar2000.png

window.SetTooltipFont("Segoe UI", 12);

JScript Panel v2.3.6.1 (Volume by marc2003)
Laufzeitfehler in JavaScript:
Das Objekt unterstützt die Eigenschaft oder Methode "SetTooltipFont" nicht
File: <main>
Line: 9, Col: 1

// ==PREPROCESSOR==
// @name "Volume"
// @author "marc2003"
// @import "%fb2k_component_path%samples\complete\js\lodash.min.js"
// @import "%fb2k_component_path%samples\complete\js\helpers.js"
// @import "%fb2k_component_path%samples\complete\js\volume.js"
// ==/PREPROCESSOR==

window.SetTooltipFont("IBM Plex Serif", 12);

var volume = new _.volume(0, 0, 0, 0);
//volume.c1 = _.RGB(238, 238, 238);
volume.c1 = _.RGB(108, 144, 116);
volume.c2 = _.RGB(118, 158, 127);

function on_size() {
	volume.w = window.Width;
	volume.h = window.Height;
}

function on_paint(gr) {
	gr.FillSolidRect(volume.x, volume.y, volume.w, volume.h, volume.c1);
	gr.FillSolidRect(volume.x, volume.y, volume.pos(), volume.h, volume.c2);
}

function on_volume_change() {
	volume.volume_change();
}

function on_mouse_wheel(s) {
	volume.wheel(s);
}

function on_mouse_move(x, y) {
	volume.move(x, y);
}

function on_mouse_lbtn_down(x, y) {
	volume.lbtn_down(x, y);
}

function on_mouse_lbtn_up(x, y) {
	volume.lbtn_up(x, y);
}

Inside your panel, replace the on_paint function with this:

Spoiler (click to show/hide)

Code: [Select]

function on_paint(gr) {
	gr.FillSolidRect(volume.x, volume.y, volume.w, volume.h, volume.c1);
	gr.FillSolidRect(volume.x, volume.y + volume.h - volume.pos(), volume.w, volume.pos(), volume.c2);
}

Then open js_marc2003\js\volume.js and replace the this.move function with this:
Spoiler (click to show/hide)

Code: [Select]

		this.move = function (x, y) {
			this.mx = x;
			this.my = y;
			if (this.trace(x, y)) {
				y -= this.y;
				var pos = y < 0 ? 1 : y > this.h ? 0 : 1 - (y / this.h);
				this.drag_vol = 50 * Math.log(0.99 * pos + 0.01) / Math.LN10;
				_.tt(this.drag_vol.toFixed(2) + " dB");
				if (this.drag)
					fb.Volume = this.drag_vol;
				this.hover = true;
				return true;
			} else {
				if (this.hover)
					_.tt("");
				this.hover = false;
				this.drag = false;
				return false;
			}
		}

and replace the this.pos function with this:

Spoiler (click to show/hide)

Code: [Select]

		this.pos = function () {
			return _.ceil(this.h * (Math.pow(10, fb.Volume / 50) - 0.01) / 0.99);
		}

Make sure reload the panel after editing the .js file.
Spoiler (click to show/hide)

JScript Panel 3.2.2 (Volume by marc2003)
Runtime error in JavaScript
The object does not support the property or method "FillSolidRect".
File: <main>
Line: 31, Col: 2

This is the code I'm using for one of my jscript panels:

Code: [Select]

// ==PREPROCESSOR==
// @name "Volume"
// @author "marc2003"
// @import "%fb2k_component_path%samples\complete\js\lodash.min.js"
// @import "%fb2k_component_path%samples\complete\js\helpers.js"
// @import "%fb2k_component_path%samples\complete\js\volume.js"
// ==/PREPROCESSOR==