Mirrors/overte-lubosz
3
0
Fork 0
mirror of https://github.com/lubosz/overte.git synced 2025-04-23 12:14:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Format fixes, UI logos for collapse/expand toggle

Browse source
This commit is contained in:
bwent 2015-07-29 09:19:33 -07:00
parent 2be95997d1
commit 7805cf4e48
1 changed files with 30 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
examples/utilities/tools/cookies.js
View file

@ -12,7 +12,7 @@
HIFI_PUBLIC_BUCKET = "http://s3.amazonaws.com/hifi-public/";
var SCALE = 1000;
var SLIDER_RANGE_INCREMENT_SCALE = 1 / 1000;
var THUMB_COLOR = {
red: 150,
green: 150,
@ -59,7 +59,6 @@ var CHECK_MARK_COLOR = {
});
this.thumbSize = thumbSize;
this.thumbHalfSize = 0.5 * thumbSize;
this.minThumbX = x + this.thumbHalfSize;
@ -128,7 +127,7 @@ var CHECK_MARK_COLOR = {
Slider.prototype.updateWithKeys = function(direction) {
this.range = this.maxThumbX - this.minThumbX;
this.thumbX += direction * (this.range / SCALE);
this.thumbX += direction * (this.range * SCALE);
this.updateThumb();
this.onValueChanged(this.getValue());
};
@ -211,6 +210,25 @@ var CHECK_MARK_COLOR = {
});
};
this.setThumbColor = function(color) {
Overlays.editOverlay(this.thumb, {
backgroundColor: {
red: color.x * 255,
green: color.y * 255,
blue: color.z * 255
}
});
};
this.setBackgroundColor = function(color) {
Overlays.editOverlay(this.background, {
backgroundColor: {
red: color.x * 255,
green: color.y * 255,
blue: color.z * 255
}
});
};
Slider.prototype.hide = function() {
Overlays.editOverlay(this.background, {
visible: false
@ -748,7 +766,7 @@ var CHECK_MARK_COLOR = {
green: 255,
blue: 255
},
imageURL: HIFI_PUBLIC_BUCKET + 'images/tools/min-max-toggle.svg',
imageURL: HIFI_PUBLIC_BUCKET + 'images/tools/expand-ui.svg',
x: x,
y: y,
width: rawHeight,
@ -778,6 +796,7 @@ var CHECK_MARK_COLOR = {
});
};
CollapsablePanelItem.prototype.destroy = function() {
Overlays.deleteOverlay(this.title);
Overlays.deleteOverlay(this.thumb);
@ -1044,6 +1063,7 @@ var CHECK_MARK_COLOR = {
x: event.x,
y: event.y
});
this.handleCollapse(clickedOverlay);
// If the user clicked any of the slider background then...
@ -1106,10 +1126,15 @@ var CHECK_MARK_COLOR = {
}
if (!item.isCollapsed && item.isCollapsable && clickedOverlay == item.thumb) {
Overlays.editOverlay(item.thumb, {
imageURL: HIFI_PUBLIC_BUCKET + 'images/tools/expand-right.svg'
});
this.collapse(clickedOverlay);
item.isCollapsed = true;
break;
} else if (item.isCollapsed && item.isCollapsable && clickedOverlay == item.thumb) {
Overlays.editOverlay(item.thumb, {
imageURL: HIFI_PUBLIC_BUCKET + 'images/tools/expand-ui.svg'
});
this.expand(clickedOverlay);
item.isCollapsed = false;
}