OLD | NEW |
(Empty) | |
| 1 // Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. |
| 4 |
| 5 var Galore = Galore || {}; |
| 6 |
| 7 Galore.view = { |
| 8 create: function(onLoad) { |
| 9 var view = Object.create(this); |
| 10 chrome.app.window.create('window.html', { |
| 11 id: 'window', |
| 12 frame: 'none', |
| 13 defaultWidth: 512, minWidth: 512, maxWidth: 512, |
| 14 defaultHeight: 736, minHeight: 736, maxHeight: 736, |
| 15 }, function(appWindow) { |
| 16 view.sections = {} |
| 17 view.window = appWindow.contentWindow; |
| 18 view.window.onload = this.loaded_.bind(view, onLoad); |
| 19 }.bind(this)); |
| 20 return view; |
| 21 }, |
| 22 |
| 23 addNotificationButton: function(sectionId, sectionTitle, imageUrl, onClick) { |
| 24 var section = this.section_(sectionId, sectionTitle); |
| 25 var button = this.button_(section, onClick); |
| 26 this.fetch_(imageUrl, button.querySelector('img')); |
| 27 }, |
| 28 |
| 29 getPriority: function() { |
| 30 var inputs = this.elements_('#priority input'); |
| 31 var checked = Array.prototype.filter.call(inputs, function(input) { |
| 32 return input.checked; |
| 33 }); |
| 34 return (checked && checked.length) ? Number(checked[0].value) : 0; |
| 35 }, |
| 36 |
| 37 logEvent: function(message) { |
| 38 var event = this.element_('#templates .event').cloneNode(true); |
| 39 event.textContent = message; |
| 40 this.element_('#events-scroll').appendChild(event).scrollIntoView(); |
| 41 }, |
| 42 |
| 43 /** @private */ |
| 44 loaded_: function(onLoad) { |
| 45 this.element_('#close').onclick = this.window.close.bind(this.window); |
| 46 if (onLoad) |
| 47 onLoad.call(this); |
| 48 }, |
| 49 |
| 50 /** @private */ |
| 51 fetch_: function(url, image) { |
| 52 var request = new XMLHttpRequest(); |
| 53 request.open('GET', url, true); |
| 54 request.responseType = 'blob'; |
| 55 request.onload = this.fetched_.bind(this, request, image); |
| 56 request.send(); |
| 57 }, |
| 58 |
| 59 /** @private */ |
| 60 fetched_: function(request, image) { |
| 61 image.src = window.URL.createObjectURL(request.response); |
| 62 }, |
| 63 |
| 64 /** @private */ |
| 65 section_: function(id, title) { |
| 66 if (!this.sections[id]) { |
| 67 this.sections[id] = this.element_('#templates .section').cloneNode(true); |
| 68 this.sections[id].querySelector('span').textContent = title; |
| 69 this.element_('#sections').appendChild(this.sections[id]); |
| 70 } |
| 71 return this.sections[id]; |
| 72 }, |
| 73 |
| 74 /** @private */ |
| 75 button_: function(section, onClick) { |
| 76 var button = this.element_('#templates button'); |
| 77 button = button.cloneNode(true); |
| 78 button.onclick = onClick; |
| 79 section.appendChild(button); |
| 80 return button; |
| 81 }, |
| 82 |
| 83 /** @private */ |
| 84 element_: function(selector) { |
| 85 return this.window.document.querySelector(selector) |
| 86 }, |
| 87 |
| 88 /** @private */ |
| 89 elements_: function(selector) { |
| 90 return this.window.document.querySelectorAll(selector) |
| 91 } |
| 92 }; |
OLD | NEW |