library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
javalang 2017-09-26 20:51:54 +02:00 committed by GitHub
parent 4230aa62b6
commit a28ec0cb1b
1 changed files with 132 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
src/dat/gui/GUI.js
View File

@ -22,6 +22,8 @@ import NumberControllerSlider from '../controllers/NumberControllerSlider';
import ColorController from '../controllers/ColorController';
import BgColorController from '../controllers/BgColorController';
import NgColorController from '../controllers/NgColorController';
import HSVColorController from '../controllers/HSVColorController';
import GtColorController from '../controllers/GtColorController';
import requestAnimationFrame from '../utils/requestAnimationFrame';
import CenteredDiv from '../dom/CenteredDiv';
import dom from '../dom/dom';
@ -536,6 +538,26 @@ common.extend(
}
);
},
addGtColor: function(object, property) {
return addgt(
this,
object,
property,
{
color: true
}
);
},
addHSVColor: function(object, property) {
return addhsv(
this,
object,
property,
{
color: true
}
);
},
/**
* @param controller
@ -968,6 +990,22 @@ function augmentController(gui, li, controller) {
return val;
}, controller.updateDisplay);
controller.updateDisplay();
} else if (controller instanceof HSVColorController) {
dom.addClass(li, 'color');
controller.updateDisplay = common.compose(function(val) {
li.style.borderLeftColor = controller.__color.toString();
return val;
}, controller.updateDisplay);
controller.updateDisplay();
} else if (controller instanceof GtColorController) {
dom.addClass(li, 'color');
controller.updateDisplay = common.compose(function(val) {
li.style.borderLeftColor = controller.__color.toString();
return val;
}, controller.updateDisplay);
controller.updateDisplay();
}
@ -1128,6 +1166,100 @@ function addng(gui, object, property, params) {
return controller;
}
function addgt(gui, object, property, params) {
if (object[property] === undefined) {
throw new Error(`Object "${object}" has no property "${property}"`);
}
let controller;
if (params.color) {
controller = new GtColorController(object, property);
} else {
const factoryArgs = [object, property].concat(params.factoryArgs);
controller = ControllerFactory.apply(gui, factoryArgs);
}
if (params.before instanceof Controller) {
params.before = params.before.__li;
}
recallSavedValue(gui, controller);
dom.addClass(controller.domElement, 'c');
const name = document.createElement('span');
dom.addClass(name, 'property-name');
name.innerHTML = controller.property;
const container = document.createElement('div');
container.appendChild(name);
container.appendChild(controller.domElement);
const li = addRow(gui, container, params.before);
dom.addClass(li, GUI.CLASS_CONTROLLER_ROW);
if (controller instanceof ColorController) {
dom.addClass(li, 'color');
} else if (controller instanceof NgColorController) {
dom.addClass(li, 'color');
} else {
dom.addClass(li, typeof controller.getValue());
}
augmentController(gui, li, controller);
gui.__controllers.push(controller);
return controller;
}
function addhsv(gui, object, property, params) {
if (object[property] === undefined) {
throw new Error(`Object "${object}" has no property "${property}"`);
}
let controller;
if (params.color) {
controller = new HSVColorController(object, property);
} else {
const factoryArgs = [object, property].concat(params.factoryArgs);
controller = ControllerFactory.apply(gui, factoryArgs);
}
if (params.before instanceof Controller) {
params.before = params.before.__li;
}
recallSavedValue(gui, controller);
dom.addClass(controller.domElement, 'c');
const name = document.createElement('span');
dom.addClass(name, 'property-name');
name.innerHTML = controller.property;
const container = document.createElement('div');
container.appendChild(name);
container.appendChild(controller.domElement);
const li = addRow(gui, container, params.before);
dom.addClass(li, GUI.CLASS_CONTROLLER_ROW);
if (controller instanceof ColorController) {
dom.addClass(li, 'color');
} else if (controller instanceof HSVColorController) {
dom.addClass(li, 'color');
} else {
dom.addClass(li, typeof controller.getValue());
}
augmentController(gui, li, controller);
gui.__controllers.push(controller);
return controller;
}
function add(gui, object, property, params) {
if (object[property] === undefined) {