68 lines
2.3 KiB
JavaScript
68 lines
2.3 KiB
JavaScript
var ButtonManager = function(cameras, previewer) {
|
|
this.cameras = cameras;
|
|
this.previewer = previewer;
|
|
|
|
this.showArrows = true;
|
|
this.beenFullscreen = false;
|
|
|
|
this.fullscreenElement = document.getElementById('full');
|
|
this.fullElement = document.getElementById('fullarrow');
|
|
this.resetElement = document.getElementById('reset');
|
|
this.undoElement = document.getElementById('undo');
|
|
this.redoElement = document.getElementById('redo');
|
|
|
|
this.pointerLockElement = document.getElementById('lock');
|
|
this.showarrowsElement = document.getElementById('showarrows');
|
|
|
|
this.recommendationElement = document.getElementById('recommendation');
|
|
|
|
this.fullscreenElement.onclick = function() {fullscreen();};
|
|
|
|
(function(self) {
|
|
self.undoElement.onclick = function() {self.cameras.mainCamera().undo(); self.updateElements();};
|
|
self.redoElement.onclick = function() {self.cameras.mainCamera().redo(); self.updateElements();};
|
|
|
|
self.fullElement.onclick = function() {
|
|
self.cameras.map(function(camera) {
|
|
if (!(camera instanceof PointerCamera)) {
|
|
camera.fullArrow = self.fullElement.checked;
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
self.pointerLockElement.onchange = function() {
|
|
self.cameras.mainCamera().shouldLock = self.pointerLockElement.checked;
|
|
self.cameras.mainCamera().onPointerLockChange();
|
|
};
|
|
|
|
self.showarrowsElement.onchange = function() {self.showArrows = self.showarrowsElement.checked;};
|
|
|
|
self.resetElement.onclick = function() {
|
|
// Reinit camera
|
|
self.cameras.mainCamera().reset();
|
|
};
|
|
|
|
self.recommendationElement.onchange = function() {
|
|
previewer.fixedRecommendation(self.recommendationElement.checked);
|
|
};
|
|
})(this);
|
|
|
|
};
|
|
|
|
ButtonManager.prototype.updateElements = function() {
|
|
// Update icon
|
|
if (!this.cameras.mainCamera().undoable()) {
|
|
this.undoElement.className = "btn btn-default navbar-btn";
|
|
} else {
|
|
this.undoElement.className = "btn btn-primary navbar-btn";
|
|
}
|
|
|
|
if (!this.cameras.mainCamera().redoable()) {
|
|
this.redoElement.className = "btn btn-default navbar-btn";
|
|
} else {
|
|
this.redoElement.className = "btn btn-primary navbar-btn";
|
|
}
|
|
};
|
|
|