[569] | 1 | // Overide WindowUtilities getPageSize to remove dock height (for maximized windows) |
---|
| 2 | WindowUtilities._oldGetPageSize = WindowUtilities.getPageSize; |
---|
| 3 | WindowUtilities.getPageSize = function() { |
---|
| 4 | var size = WindowUtilities._oldGetPageSize(); |
---|
| 5 | var dockHeight = $('dock').getHeight(); |
---|
| 6 | |
---|
| 7 | size.pageHeight -= dockHeight; |
---|
| 8 | size.windowHeight -= dockHeight; |
---|
| 9 | return size; |
---|
| 10 | }; |
---|
| 11 | |
---|
| 12 | |
---|
| 13 | // Overide Windows minimize to move window inside dock |
---|
| 14 | Object.extend(Windows, { |
---|
| 15 | // Overide minimize function |
---|
| 16 | minimize: function(id, event) { |
---|
| 17 | var win = this.getWindow(id) |
---|
| 18 | if (win && win.visible) { |
---|
| 19 | // Hide current window |
---|
| 20 | win.hide(); |
---|
| 21 | |
---|
| 22 | // Create a dock element |
---|
| 23 | var element = document.createElement("span"); |
---|
| 24 | element.className = "dock_icon"; |
---|
| 25 | element.style.display = "none"; |
---|
| 26 | element.win = win; |
---|
| 27 | $('dock').appendChild(element); |
---|
| 28 | Event.observe(element, "mouseup", Windows.restore); |
---|
| 29 | $(element).update(win.getTitle()); |
---|
| 30 | |
---|
| 31 | new Effect.Appear(element) |
---|
| 32 | } |
---|
| 33 | Event.stop(event); |
---|
| 34 | }, |
---|
| 35 | |
---|
| 36 | // Restore function |
---|
| 37 | restore: function(event) { |
---|
| 38 | var element = Event.element(event); |
---|
| 39 | // Show window |
---|
| 40 | element.win.show(); |
---|
| 41 | //Windows.focus(element.win.getId()); |
---|
| 42 | element.win.toFront(); |
---|
| 43 | // Fade and destroy icon |
---|
| 44 | new Effect.Fade(element, {afterFinish: function() {element.remove()}}) |
---|
| 45 | } |
---|
| 46 | }) |
---|
| 47 | |
---|
| 48 | // blur focused window if click on document |
---|
| 49 | Event.observe(document, "click", function(event) { |
---|
| 50 | var e = Event.element(event); |
---|
| 51 | var win = e.up(".dialog"); |
---|
| 52 | var dock = e == $('dock') || e.up("#dock"); |
---|
| 53 | if (!win && !dock && Windows.focusedWindow) { |
---|
| 54 | Windows.blur(Windows.focusedWindow.getId()); |
---|
| 55 | } |
---|
| 56 | }) |
---|
| 57 | |
---|
| 58 | // Chnage theme callback |
---|
| 59 | var currentTheme = 0; |
---|
| 60 | function changeTheme(event) { |
---|
| 61 | var index = Event.element(event).selectedIndex; |
---|
| 62 | if (index == currentTheme) |
---|
| 63 | return; |
---|
| 64 | |
---|
| 65 | var theme, blurTheme; |
---|
| 66 | switch (index) { |
---|
| 67 | case 0: |
---|
| 68 | theme = "mac_os_x"; |
---|
| 69 | blurTheme = "blur_os_x"; |
---|
| 70 | break; |
---|
| 71 | case 1: |
---|
| 72 | theme = "bluelighting"; |
---|
| 73 | blurTheme = "greylighting"; |
---|
| 74 | break; |
---|
| 75 | case 2: |
---|
| 76 | theme = "greenlighting"; |
---|
| 77 | blurTheme = "greylighting"; |
---|
| 78 | break; |
---|
| 79 | } |
---|
| 80 | Windows.windows.each(function(win) { |
---|
| 81 | win.options.focusClassName = theme; |
---|
| 82 | win.options.blurClassName = blurTheme; |
---|
| 83 | win.changeClassName(blurTheme) |
---|
| 84 | }); |
---|
| 85 | Windows.focusedWindow.changeClassName(theme); |
---|
| 86 | currentTheme = index; |
---|
| 87 | } |
---|
| 88 | |
---|
| 89 | // Init webOS, create 3 windows |
---|
| 90 | function initWebOS() { |
---|
| 91 | // Create 3 windows |
---|
| 92 | $R(1,3).each(function(index) { |
---|
| 93 | var win = new Window({className: "mac_os_x", blurClassName: "blur_os_x", title: "window #"+index, width:250, height:150, top: 100 + index*50, left:100 + index*50}); |
---|
| 94 | win.getContent().update("<h1>Window #" + index + "</h1>"); |
---|
| 95 | win.show(); |
---|
| 96 | }) |
---|
| 97 | // |
---|
| 98 | $$("#theme select").first().selectedIndex = currentTheme; |
---|
| 99 | Event.observe($$("#theme select").first(), "change", changeTheme); |
---|
| 100 | } |
---|
| 101 | Event.observe(window, "load", initWebOS) |
---|
| 102 | |
---|
| 103 | |
---|