mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
143 lines
2.9 KiB
JavaScript
143 lines
2.9 KiB
JavaScript
/*
|
|
|
|
[ ] kill horizontal scroll when docked
|
|
|
|
*/
|
|
|
|
Polymer('gui-panel', {
|
|
|
|
docked: false,
|
|
open: true,
|
|
|
|
ready: function() {
|
|
|
|
this.anon.values = {};
|
|
|
|
window.addEventListener( 'resize', this.checkHeight.bind( this ) );
|
|
|
|
},
|
|
|
|
anon: function() {
|
|
|
|
if ( arguments.length == 1 ) {
|
|
var name = arguments[ 0 ];
|
|
return this.anon.values[ name ];
|
|
}
|
|
|
|
var initialValue = arguments[ 0 ];
|
|
var name = arguments[ 1 ];
|
|
|
|
var args = [ this.anon.values, name ];
|
|
args = args.concat( Array.prototype.slice.call( arguments, 2 ) );
|
|
|
|
this.anon.values[ name ] = initialValue;
|
|
|
|
return this.add.apply( this, args );
|
|
|
|
},
|
|
|
|
add: function( object, path ) {
|
|
|
|
// Make controller
|
|
|
|
var value = Path.get( path ).getValueFrom( object );
|
|
|
|
if ( value == null || value == undefined ) {
|
|
return Gui.error( object + ' doesn\'t have a value for path "' + path + '".' );
|
|
}
|
|
|
|
var args = Array.prototype.slice.call( arguments, 2 );
|
|
|
|
var controller = Gui.getController( value, args );
|
|
|
|
if ( !controller ) {
|
|
return Gui.error( 'Unrecognized type:', value );
|
|
}
|
|
|
|
controller.watch( object, path )
|
|
controller.init.apply( controller, args );
|
|
|
|
// Make row
|
|
|
|
var row = document.createElement( 'gui-row' );
|
|
row.name = path;
|
|
|
|
controller.row = row;
|
|
|
|
controller.name = function( name ) {
|
|
row.name = name;
|
|
};
|
|
|
|
controller.comment = function( comment ) {
|
|
row.comment = comment;
|
|
};
|
|
|
|
row.appendChild( controller );
|
|
this.appendChild( row );
|
|
|
|
return controller;
|
|
|
|
},
|
|
|
|
|
|
// Observers
|
|
// -------------------------------
|
|
|
|
openChanged: function() {
|
|
|
|
if ( this.open || this.docked ) {
|
|
|
|
// let the style sheet take care of things
|
|
|
|
this.$.container.style.transform = '';
|
|
|
|
} else {
|
|
|
|
// todo: need the rest of the vendor prefixes ...
|
|
// wish i could pipe javascript variables into styl.
|
|
|
|
var y = -this.$.controllers.offsetHeight + 'px';
|
|
this.$.container.style.transform = 'translate3d(0, ' + y + ', 0)';
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
dockedChanged: function() {
|
|
|
|
this.openChanged();
|
|
|
|
},
|
|
|
|
|
|
// Events
|
|
// -------------------------------
|
|
|
|
tapClose: function() {
|
|
this.open = !this.open;
|
|
},
|
|
|
|
checkHeight: function() {
|
|
|
|
if ( window.innerHeight < this.$.controllers.offsetHeight ) {
|
|
this.docked = true;
|
|
} else {
|
|
this.docked = false;
|
|
}
|
|
|
|
},
|
|
|
|
|
|
// Legacy
|
|
// -------------------------------
|
|
|
|
listenAll: function() {
|
|
|
|
Gui.warn( 'controller.listenAll() is deprecated. All controllers are listened for free.' );
|
|
|
|
},
|
|
|
|
// todo: domElement
|
|
|
|
}); |