diff --git a/ui/gallery.html b/ui/gallery.html
index 5a887aaf..a391fe1d 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -78,6 +78,10 @@ var keys = {
previousKeys: [37, 80],
nextKeys: [39, 78],
+ promoteKeys: [40],
+ demoteKeys: [38],
+
+ shiftKeys: [16],
helpShowOnUnknownKey: true
}
@@ -88,9 +92,24 @@ function handleKeys(event){
var _ = (fn(code, keys.closeKeys) >= 0) ? function(){}()
: (fn(code, keys.nextKeys) >= 0) ? nextImage()
: (fn(code, keys.previousKeys) >= 0) ? prevImage()
+ : (fn(code, keys.promoteKeys) >= 0) ? function(){
+ if(event.shiftKey){
+ focusBelowRibbon()
+ } else {
+ promoteImage()
+ }
+ }()
+ : (fn(code, keys.demoteKeys) >= 0) ? function(){
+ if(event.shiftKey){
+ focusAboveRibbon()
+ } else {
+ demoteImage()
+ }
+ }()
: (fn(code, keys.toggleRibbonView) >= 0) ? toggleRibbonView()
+ : (fn(code, keys.shiftKeys) >= 0) ? true
// XXX
- : (keys.helpShowOnUnknownKey) ? function(){}()
+ : (keys.helpShowOnUnknownKey) ? function(){alert(code)}()
: false;
return false;
}
@@ -150,8 +169,14 @@ function nextImage(){
}
// XXX focus to above ribbon...
+function focusAboveRibbon(){
+ alert('not implemmented...')
+}
// XXX focus to below ribbon...
+function focusBelowRibbon(){
+ alert('not implemmented...')
+}
// create ribbon above/below helpers...
@@ -302,7 +327,8 @@ function demoteImage(){
.ribbon {
height: 360px;
- width: 5000px;
+ /* XXX make this expand correctly */
+ width: 8000px;
overflow: visible;
padding-top: 2px;
padding-bottom: 2px;
@@ -454,8 +480,13 @@ function demoteImage(){
-
-
+
+
+
+
+
+
+