drawChim.prototype.filters = function() {
var settings = document.getElementById('app-settings');
if (settings.classList.value === 'is-active') return;
var template =
"<div>" +
"<h1>Kies filter</h1>" +
"</div>",
filters = TemplateEngine(template, {
colors: ''
});
var modal = new Modalblanc({
content: filters,
closeButton: false
});
modal.open();
settings.classList.add('is-active');
buildElement({
elm: 'a',
buttonId: 'close-modal',
buttonText: 'close modal',
parentId: this.appId
});
}
drawChim.prototype.addStain = function() {
var template =
"<div>" +
"<h1>Kies een kleur</h1>" +
"<input type='color' value='#ff4499'/>" +
"</div>",
stains = TemplateEngine(template, {
colors: ''
});
var modal = new Modalblanc({
content: stains,
animation: 'slide-in-right'
});
modal.open();
// var colour = "255,105,180",
// newStain = this.options.stains;
//
// // push new stains + set addColor
// newStain.push(colour);
// this.addColor = true;
//
// // create stains
// this.createStain();
// // set event
// this.setEvents();
}