export class ElementCollection{
voltage:any;
amperage:any;
disamperage:any;
boxElement:any;
constructor(i:any,k:any,r:any){
this.amperage = i;
this.disamperage = k;
this.voltage = r;
}
}
// create input element to parametrs
export class Agregator {
wrapperBox:HTMLElement;
Collection:Array<ElementCollection> = new Array <ElementCollection>();
constructor()
{
for(var i=1; i<5; i++)
{
this.Collection[i] = new RangeInputs.ElementCollection(10+i,20,30);
}
console.log(this.Collection);
}
}
.wrapper
{
width: 1000px;
margin: 200px auto;
}
.slider
{
width:900px;
margin: inherit;
display: inline-block;
position:absolute;
}
#p1
{
padding: 3px 30px;
font-size: 15px;
background: #706f7f;
color: #fff;
border-radius: 4px;
position: relative;
}
.slider li
{
display: inline-block;
}
#p1:hover
{
background: #1ea95b;
}
#p1:before
{
content: url(img/menu.png);
position: absolute;
left: 0;
top: 0;
display: none;
}
#p1:hover:before
{
display: block;
}
#submenu li
{
display: inline-block;
margin-left: 20.5px;
}
#submenu li:nth-child(2)
{
font-weight: 900;
}
#submenu
{
margin-top: 11px;
padding: 2px 7px 2px 2px;
border-radius-left: 10px;
border-radius:4px;
color: #fff;
background: #1ea95b;
position:absolute;
top:30px;
display: none;
}
#p1:hover ~ #submenu
{
display: block;
}