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

Just a non-functioning little mock ;)

Browse Source
This commit is contained in:
George Michael Brower 2011-01-31 23:02:22 -05:00
parent a32e125876
commit 70c5c0447d
4 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
controllers/controller.js
View File

@ -14,6 +14,11 @@ var Controller = function() {
this.name(this.propertyName);
this.domElement.appendChild(this.propertyNameElement);
this.timeElement = document.createElement('div');
this.timeElement.setAttribute('class', 'guidat-time');
this.domElement.appendChild(this.timeElement);
GUI.makeUnselectable(this.domElement);
};

28
gui.css
View File

@ -1,10 +1,10 @@
#guidat {
position: fixed;
top: 0;
right: 0;
width: auto;
bottom: 0;
width: 100%;
left: 0;
z-index: 1001;
text-align: right;
}
.guidat * {
@ -12,13 +12,21 @@
margin: 0px;
}
.guidat-time {
width: 75%;
float: right;
margin-top: -3px;
margin-right: -2px;
margin-left: 3px;
background-color: #555;
border-bottom: 1px solid #666;
height: 31px;
}
.guidat {
color: #fff;
opacity: 0.97;
text-align: left;
float: right;
margin-right: 20px;
margin-bottom: 20px;
background-color: #fff;
}
@ -105,7 +113,7 @@ a.guidat-toggle:hover {
border: 0;
color: #1ed36f;
margin-right: 2px;
width: 148px;
width: 10.5%;
}
.guidat-controller.boolean {
@ -117,7 +125,7 @@ width: 148px;
}
.guidat-controller.number input[type=text] {
width: 35px;
width: 3%;
margin-left: 5px;
margin-right: 2px;
color: #00aeff;
@ -157,7 +165,7 @@ width: 148px;
.guidat-slider-bg {
background-color: #222;
cursor: ew-resize;
width: 40%;
width: 7%;
margin-top: 2px;
float: right;
height: 21px;

7
gui.js
View File

@ -23,7 +23,6 @@ var GUI = function() {
var _this = this;
var open = false;
var width = 280;
// Prevents checkForOverflow bug in which loaded gui appearance
// settings are not respected by presence of scrollbar.
@ -37,7 +36,7 @@ var GUI = function() {
this.domElement = document.createElement('div');
this.domElement.setAttribute('class', 'guidat');
this.domElement.style.width = width+'px';
this.domElement.style.width = "100%";//width+'px';
var controllerContainer = document.createElement('div');
controllerContainer.setAttribute('class', 'guidat-controllers');
@ -112,7 +111,7 @@ var GUI = function() {
curControllerContainerHeight += dmy;
controllerContainer.style.height = openHeight+'px';
width = GUI.constrain(width, MIN_WIDTH, MAX_WIDTH);
_this.domElement.style.width = width+'px';
//_this.domElement.style.width = width+'px';
checkForOverflow();
};
@ -444,7 +443,7 @@ var GUI = function() {
width = parseInt(GUI.savedAppearanceVars[GUI.guiIndex][1]);
_this.domElement.style.width = width+"px";
//_this.domElement.style.width = width+"px";
openHeight = parseInt(GUI.savedAppearanceVars[GUI.guiIndex][2]);
explicitOpenHeight = true;

4
index.html
View File

@ -40,12 +40,10 @@
var fizzyText = new FizzyText("gui-dat");
var gui = new GUI();
var gui2 = new GUI();
// Text field
gui.add(fizzyText, "message");
gui2.add(window, "onload");
// Sliders with min and max
gui.add(fizzyText, "maxSize", 0.5, 7);