// ==PREPROCESSOR==
// @author "marc2003"
// @name "Panel Receiver"
// ==/PREPROCESSOR==

var script = window.GetProperty('2K3.SCRIPT', 'user-components-x64\\foo_jscript_panel3\\samples\\JS Playlist.txt');
var pre = '';
var text = utils.ReadUTF8(fb.ProfilePath + script);
var lines = text.split('\r\n');
if (lines[0].indexOf('// ==PREPROCESSOR==') == 0) {
	for (var i = 0; i < lines.length; i++) {
		if (lines[i].indexOf('// @import') == 0) {
			var fq = lines[i].indexOf('"') + 1;
			var lq = lines[i].lastIndexOf('"') - fq;
			var file = lines[i].substr(fq, lq).replace('%fb2k_profile_path%', fb.ProfilePath).replace('%fb2k_component_path%', fb.ComponentPath);
			pre += utils.ReadUTF8(file) + '\n';
		} else if (lines[i].indexOf('// ==/PREPROCESSOR==') == 0) {
			break;
		}
	}
}

eval(pre + text);

(function (global) {
	var original_callback = global.on_notify_data;
	global.on_notify_data = function (name, info) {
		if (name == 'load_script') {
			window.SetProperty('2K3.SCRIPT', info);
			window.Reload();
		} else if (original_callback) {
			original_callback(name, info);
		}
	}
})(this);

// must be relative to fb.ProfilePath - do not make it absolute
window.NotifyOthers('load_script', 'user-components-x64\\foo_jscript_panel3\\samples\\smooth browser.txt');

foobar2000 v2 64-bit, Columns UI, Windows 11.

//flag by grimes
//fb2k v2+, JScript Panel 3+
//DUI/CUI ready

// ==PREPROCESSOR==
// @name "flag"
// @version "4"
// @author "grimes"
// ==/PREPROCESSOR==


var cfg_foobarpath = window.GetProperty("foobar path:", fb.Profilepath);
var cfg_flag = window.GetProperty("flag folder:", "flags");
var svg_file = cfg_foobarpath + cfg_flag + "\\noflag.svg";
var svg_content = utils.ReadUTF8(svg_file);

var dui = window.IsDefaultUI;

var original = utils.LoadSVG(svg_file);

function on_paint(gr) {
    gr.FillRectangle(0, 0, window.Width, window.Height, dui == 1 ? window.GetColourDUI(1) : window.GetColourCUI(3));   
    if (original) {
        var scale = 0;
        var x = 0,
            y = 0;
        var scale_w = window.Width / original.Width;
        var scale_h = window.Height / original.Height;

        if (scale_w <= scale_h) {
            scale = scale_w;
            y = (window.Height - original.Height * scale) / 2;
        } else {
            scale = scale_h;
            x = (window.Width - original.Width * scale) / 2;
        }
		gr.DrawImage(original, x, y, original.Width * scale, original.Height * scale, 0, 0, original.Width, original.Height);
    }
}

function get_flag() {
	country = fb.TitleFormat("%composer_nation%").Eval();
	original = utils.LoadSVG(cfg_foobarpath + cfg_flag + "\\" + country + ".svg");
	window.Repaint();
}

if(fb.IsPlaying || fb.IsPaused) {
	get_flag();
}
else {
	original = utils.LoadSVG(svg_file);
    window.Repaint();
}

function on_playback_new_track() {
    get_flag();
}

function on_playback_stop(reason) {
	original = utils.LoadSVG(svg_file);
    window.Repaint();
}

function on_colours_changed() {
	original = utils.LoadSVG(svg_file);
	window.Repaint();
}

function on_item_focus_change() {
	if(!fb.IsPlaying) {
		original = utils.LoadSVG(svg_file);
	}
	window.Repaint();
}

i cannot figure out : Tabs stack icons are just using segoe fluent icons . i made this also . nothing .
how to do this ? can i see your layout ? explain to me . thanks

Tabs stack icons are just using segoe fluent icons

Foobar 2.0 64-bit. ColumnsUI 2.0*. JScript Panel 3.
All custom script, fonts and components are available on attachments.
Spoiler (click to show/hide)

Compact layout with JSP3 scripts
- Thumbs, Text Display, Album Art script,
- JS Playlist and
- Dynamic track compact.


Main layout with custom track and material round and segoe fluent icons.
Smooth Playlist Manager (modified), Smooth browser and JS Playlist (modified).


*custom build just to make the tab stack background darker.
Tabs stack icons are just using segoe fluent icons
Spoiler (click to show/hide)

Credits to original script by brett and components and script by marc2k3

If each tab contained a single JScript Panel it would be easy enough. You could replace the tabs with a single panel and add this code...

Code: [Select]

// ==PREPROCESSOR==
// @author "marc2003"
// @name "Panel Receiver"
// ==/PREPROCESSOR==

var script = window.GetProperty('2K3.SCRIPT', 'user-components-x64\\foo_jscript_panel3\\samples\\JS Playlist.txt');
var pre = '';
var text = utils.ReadUTF8(fb.ProfilePath + script);
var lines = text.split('\r\n');
if (lines[0].indexOf('// ==PREPROCESSOR==') == 0) {
	for (var i = 0; i < lines.length; i++) {
		if (lines[i].indexOf('// @import') == 0) {
			var fq = lines[i].indexOf('"') + 1;
			var lq = lines[i].lastIndexOf('"') - fq;
			var file = lines[i].substr(fq, lq).replace('%fb2k_profile_path%', fb.ProfilePath).replace('%fb2k_component_path%', fb.ComponentPath);
			pre += utils.ReadUTF8(file) + '\n';
		} else if (lines[i].indexOf('// ==/PREPROCESSOR==') == 0) {
			break;
		}
	}
}

eval(pre + text);

(function (global) {
	var original_callback = global.on_notify_data;
	global.on_notify_data = function (name, info) {
		if (name == 'load_script') {
			window.SetProperty('2K3.SCRIPT', info);
			window.Reload();
		} else if (original_callback) {
			original_callback(name, info);
		}
	}
})(this);

Now you need a secondary panel which contains a button/menu that would send notifications to this panel whenever it was clicked. You should just need to supply the full script path something like this...

Code: [Select]

// must be relative to fb.ProfilePath - do not make it absolute
window.NotifyOthers('load_script', 'user-components-x64\\foo_jscript_panel3\\samples\\smooth browser.txt');

edit: of course any current "state" would be lost each time new content is loaded.