Content.makeFrontInterface(400, 600);
namespace Tooltip
{
const pnlTooltip = Content.getComponent("pnlTooltip");
const svgData = [
110,109,247,228,78,65,155,102,2,65,98,66,207,78,65,231,70,6,65,51,51,77,65,169,246,9,65,22,106,74,65,225,168,12,65,98,144,160,71,65,24,91,15,65,189,227,67,65,230,215,16,65,71,3,64,65,226,204,16,65,98,236,47,61,65,194,180,16,65,235,115,58,65,86,200,15,
65,24,38,56,65,221,36,14,65,98,220,215,53,65,111,129,12,65,215,18,52,65,120,57,10,65,191,14,51,65,30,150,7,65,98,61,10,50,65,197,242,4,65,137,210,49,65,178,17,2,65,152,110,50,65,178,157,254,64,98,61,10,51,65,22,24,249,64,176,114,52,65,237,13,244,64,225,
122,54,65,54,31,240,64,98,18,131,56,65,148,48,236,64,169,19,59,65,93,138,233,64,35,219,61,65,69,129,232,64,98,157,162,64,65,24,120,231,64,216,129,67,65,173,23,232,64,67,28,70,65,68,76,234,64,98,174,182,72,65,199,128,236,64,53,239,74,65,38,49,240,64,250,
126,76,65,192,231,244,64,98,40,15,78,65,69,158,249,64,143,228,78,65,174,37,255,64,248,228,78,65,155,102,2,65,99,109,134,167,52,65,165,61,132,65,108,134,167,52,65,207,102,50,65,98,119,156,52,65,189,227,48,65,163,223,52,65,78,98,47,65,92,109,53,65,68,250,
45,65,98,21,251,53,65,58,146,44,65,19,208,54,65,140,74,43,65,12,224,55,65,76,55,42,65,98,157,239,56,65,163,35,41,65,109,52,58,65,187,73,40,65,106,154,59,65,24,183,39,65,98,104,0,61,65,117,36,39,65,156,128,62,65,140,219,38,65,70,3,64,65,72,225,38,65,98,
5,129,65,65,223,224,38,65,21,251,66,65,224,45,39,65,28,90,68,65,202,195,39,65,98,35,185,69,65,75,89,40,65,148,246,70,65,110,52,41,65,197,254,71,65,23,72,42,65,98,246,6,73,65,192,91,43,65,44,212,73,65,203,161,44,65,238,90,74,65,247,6,46,65,98,176,225,
74,65,35,108,47,65,79,30,75,65,16,233,48,65,132,13,75,65,208,102,50,65,108,132,13,75,65,166,61,132,65,98,132,13,75,65,220,249,132,65,97,195,74,65,58,180,133,65,156,51,74,65,26,98,134,65,98,110,163,73,65,250,15,135,65,20,208,72,65,21,174,135,65,214,197,
71,65,52,51,136,65,98,153,187,70,65,83,184,136,65,203,127,69,65,204,33,137,65,11,36,68,65,226,105,137,65,98,226,199,66,65,249,177,137,65,38,83,65,65,11,215,137,65,186,218,63,65,11,215,137,65,98,78,98,62,65,11,215,137,65,41,237,60,65,249,177,137,65,104,
145,59,65,226,105,137,65,98,168,53,58,65,203,33,137,65,114,249,56,65,82,184,136,65,53,239,55,65,51,51,136,65,98,247,228,54,65,20,174,135,65,157,17,54,65,249,15,135,65,216,129,53,65,25,98,134,65,98,170,241,52,65,57,180,133,65,135,167,52,65,219,249,132,
65,135,167,52,65,165,61,132,65,99,109,0,0,64,65,0,0,172,65,98,106,222,136,65,0,0,172,65,0,0,170,65,106,222,138,65,0,0,170,65,0,0,68,65,98,0,0,170,65,26,134,228,64,106,222,136,65,0,0,64,64,0,0,64,65,0,0,64,64,98,26,134,220,64,0,0,64,64,0,0,48,64,26,134,
228,64,0,0,48,64,0,0,68,65,98,0,0,48,64,106,222,138,65,26,134,220,64,0,0,172,65,0,0,64,65,0,0,172,65,99,101,0,0
];
const infoIcon = Content.createPath();
infoIcon.loadFromData(svgData);
pnlTooltip.setPaintRoutine(function(g)
{
var t = Content.getCurrentTooltip();
t == "" ? g.setColour(0x00) : g.setColour(Colours.withAlpha(this.get("bgColour"), 0.2));
g.fillRoundedRectangle([0, 0, this.getWidth(), this.getHeight()], 5);
g.setColour(this.get("textColour"));
if (t != "")
{
g.fillPath(infoIcon, [5, 0, this.getHeight(), this.getHeight()]);
g.drawAlignedText(t, [30, 0, this.getWidth(), this.getHeight()], "left");
}
});
pnlTooltip.setTimerCallback(function()
{
this.repaint();
});
pnlTooltip.startTimer(250);
}
namespace LooknFeel
{
const laf = Engine.createGlobalScriptLookAndFeel();
laf.registerFunction("drawRotarySlider", function(g, obj)
{
var a = obj.area;
g.setColour(obj.bgColour);
g.fillEllipse(a);
g.setColour(obj.itemColour1);
g.fillEllipse([10, 10, a[2] - 20, a[3] - 20 ]);
var start = 2.5;
var end = start * 2 * obj.valueNormalized - start;
g.rotate(end, [a[2] / 2, a[3] / 2]);
g.setColour(obj.itemColour2);
g.fillRoundedRectangle([a[2] / 2 - 8 / 2, 8, 8, 100], 5);
});
laf.registerFunction("drawLinearSlider", function(g, obj)
{
var a = obj.area;
g.fillAll(obj.bgColour);
g.setColour(obj.itemColour1);
if (obj.style == 2) //Horizontal
{
var w = a[2] / 4;
var x = a[2] * obj.valueNormalized - (w + 4) * obj.valueNormalized + 2;
g.fillRoundedRectangle([x, 2, w, a[3] - 4], 5);
}
else //Vertical
{
}
});
}
include("Paths.js");
const laf = Engine.createGlobalScriptLookAndFeel();
laf.registerFunction("drawToggleButton", function(g, obj)
{
var a = obj.area;
if (obj.text.indexOf("icon") != -1)
{
var icon = obj.text.replace("icon-");
g.setColour(obj.bgColour);
if(obj.over)
g.setColour(obj.itemColour1);
if(obj.down)
g.setColour(obj.itemColour2);
g.fillPath(Paths.icons[icon], a);
}
const Panel1 = Content.getComponent("Panel1");
Panel1.loadImage("{PROJECT_FOLDER}images/500.jpeg", "background");
Panel1.setPaintRoutine(function(g)
{
});
so the problem I'm having is a global declaration error on my const Panel1 = Content.getComponent line and it's highlighting Panel1 as the actual error. i'm not entirely sure