2019-03-21 12:13:46 +01:00
|
|
|
class Infocontainer
|
|
|
|
{
|
|
|
|
constructor(parent)
|
|
|
|
{
|
|
|
|
this.parent = parent;
|
|
|
|
this.container = document.createElement("div");
|
|
|
|
this.container.className = "info-container";
|
|
|
|
this.parent.appendChild(this.container);
|
|
|
|
}
|
|
|
|
|
|
|
|
create_button(text)
|
|
|
|
{
|
|
|
|
var b = document.createElement("button");
|
|
|
|
b.className = "infobar-button";
|
|
|
|
b.appendChild(document.createTextNode(text));
|
|
|
|
this.container.appendChild(b)
|
|
|
|
return b;
|
|
|
|
}
|
|
|
|
|
|
|
|
create_input(placeholder, pw=false)
|
|
|
|
{
|
|
|
|
var i = document.createElement("input");
|
|
|
|
i.className = "infobar-input";
|
|
|
|
i.placeholder = placeholder;
|
|
|
|
i.type = pw ? "password" : "text";
|
|
|
|
|
|
|
|
this.container.appendChild(i);
|
|
|
|
return i;
|
|
|
|
}
|
|
|
|
|
|
|
|
create_label(text)
|
|
|
|
{
|
|
|
|
var l = document.createElement("label");
|
|
|
|
l.className = "infobar-label";
|
|
|
|
l.innerHTML = text;
|
|
|
|
this.container.appendChild(l);
|
|
|
|
return l;
|
|
|
|
}
|
|
|
|
|
2019-03-24 16:43:29 +01:00
|
|
|
create_double_button(text, option)
|
|
|
|
{
|
|
|
|
var div = document.createElement("div");
|
|
|
|
div.className = "option-button-container";
|
|
|
|
var b1 = document.createElement("button");
|
|
|
|
var b2 = document.createElement("button");
|
|
|
|
|
|
|
|
b1.style.width = "10%";
|
|
|
|
|
|
|
|
b1.className = "infobar-button";
|
|
|
|
b2.className = "infobar-button";
|
|
|
|
|
|
|
|
b1.style.width = "80%";
|
|
|
|
b2.style.width = "20%";
|
|
|
|
|
|
|
|
|
|
|
|
b1.appendChild(document.createTextNode(text));
|
|
|
|
b2.appendChild(document.createTextNode(option));
|
|
|
|
|
|
|
|
div.appendChild(b1);
|
|
|
|
div.appendChild(b2);
|
|
|
|
|
|
|
|
this.container.appendChild(div);
|
|
|
|
|
|
|
|
return [div, b1,b2];
|
|
|
|
}
|
|
|
|
|
2019-03-21 12:13:46 +01:00
|
|
|
hide()
|
|
|
|
{
|
|
|
|
this.container.style.display = "none";
|
|
|
|
}
|
|
|
|
|
|
|
|
show()
|
|
|
|
{
|
|
|
|
this.container.style.display = "inline-block";
|
|
|
|
}
|
|
|
|
}
|