2 * (C) Copyright 2005 Shawn Betts
3 * (C) Copyright 2007-2008 Jeremy Maitin-Shepard
4 * (C) Copyright 2010-2011 John J. Foerch
6 * Use, modification, and distribution are subject to the terms specified in the
12 define_window_local_hook("mode_line_hook");
14 define_keywords("$flex", "$align", "$class", "$crop");
15 function generic_element_widget_container (window, container) {
17 this.container = container;
19 generic_element_widget_container.prototype = {
20 constructor: generic_element_widget_container,
21 add_text_widget: function (widget) {
22 keywords(arguments, $flex = widget.flex,
23 $class = widget.class_name, $crop = widget.crop);
24 var flex = arguments.$flex;
25 var class_name = arguments.$class;
26 var align = arguments.$align;
27 var crop = arguments.$crop;
28 var element = create_XUL(this.window, "label");
30 element.setAttribute("flex", flex);
32 element.setAttribute("align", align);
34 element.setAttribute("class", class_name);
36 element.setAttribute("crop", crop);
37 return this.add_widget(widget, element);
39 add_widget: function (widget, element) {
40 element.conkeror_widget = new generic_widget_element(element, widget);
41 this.container.appendChild(element);
42 return element.conkeror_widget;
44 destroy: function () {
45 var children = this.container.childNodes;
46 for (var i = 0, nchildren = children.length; i < nchildren; ++i)
47 children.item(i).conkeror_widget.destroy();
51 function mode_line (window) {
52 var element = create_XUL(window, "hbox");
53 element.setAttribute("class", "mode-line");
54 /* FIXME: this will need to changed to be buffer-local */
55 var insert_before = window.document.getElementById("minibuffer");
56 insert_before.parentNode.insertBefore(element, insert_before);
57 window.mode_line = this;
58 generic_element_widget_container.call(this, window, element);
59 mode_line_hook.run(window, this);
61 mode_line.prototype = {
62 constructor: mode_line,
63 __proto__: generic_element_widget_container.prototype,
64 toString: function () "#<mode_line>",
66 uninstall: function () {
67 this.container.parentNode.removeChild(this.window.mode_line.container);
68 generic_element_widget_container.prototype.destroy.call(this);
73 function generic_widget_element (element, widget) {
74 this.element = element;
78 generic_widget_element.prototype = {
79 constructor: generic_widget_element,
81 return this.element.getAttribute("value");
85 this.element.setAttribute("value", v);
88 destroy: function () {
89 this.widget.destroy();
93 this.element.parentNode.removeChild(this.element);
99 function text_widget (window) {
100 this.window_hooks = [];
101 this.window = window;
103 text_widget.prototype = {
104 constructor: text_widget,
105 add_hook: function (hook_name, handler) {
108 handler = function () { obj.update(); };
109 add_hook.call(this.window, hook_name, handler);
110 this.window_hooks.push([hook_name, handler]);
115 attach: function (view) {
120 update: function () {},
122 destroy: function () {
123 for each (let i in this.window_hooks) {
124 remove_hook.call(this.window, i[0], i[1]);
128 remove: function () {
134 define_global_window_mode("mode_line", "window_initialize_early_hook");
136 function current_buffer_name_widget (window) {
137 this.class_name = "current-buffer-name-widget";
138 text_widget.call(this, window);
141 this.add_hook("current_content_buffer_location_change_hook");
142 this.add_hook("select_buffer_hook");
144 current_buffer_name_widget.prototype.__proto__ = text_widget.prototype;
145 current_buffer_name_widget.prototype.update = function () {
146 this.view.text = this.window.buffers.current.description;
149 function current_buffer_scroll_position_widget (window) {
150 this.class_name = "current-buffer-scroll-position-widget";
151 text_widget.call(this, window);
152 this.add_hook("current_buffer_scroll_hook");
153 this.add_hook("select_buffer_hook");
154 this.add_hook("current_content_buffer_location_change_hook");
155 this.add_hook("current_content_buffer_focus_change_hook");
156 this.add_hook("current_special_buffer_generated_hook");
158 current_buffer_scroll_position_widget.prototype.__proto__ = text_widget.prototype;
159 current_buffer_scroll_position_widget.prototype.update = function () {
160 var b = this.window.buffers.current;
161 var scrollX, scrollY, scrollMaxX, scrollMaxY;
162 var w = b.focused_frame;
165 scrollMaxX = w.scrollMaxX;
166 scrollMaxY = w.scrollMaxY;
167 var x = scrollMaxX == 0 ? 100 : Math.round(scrollX / scrollMaxX * 100);
168 var y = scrollMaxY == 0 ? 100 : Math.round(scrollY / scrollMaxY * 100);
169 this.view.text = "(" + x + ", " + y + ")";
173 define_variable("clock_time_format", "%R",
174 "Format string for the mode-line clock widget.\n"+
175 "It takes the same format as strftime() in C. "+
176 "See http://www.opengroup.org/onlinepubs/007908799/xsh/strftime.html "+
179 function clock_widget (window) {
180 this.class_name = "clock-widget";
181 text_widget.call(this, window);
183 this.do_update = function () { obj.update(); };
184 // todo: use one timer for multiple clock widgets
185 this.timer_ID = window.setTimeout(this.do_update, 0);
186 this.timer_timeout = true;
188 clock_widget.prototype.__proto__ = text_widget.prototype;
189 clock_widget.prototype.update = function () {
190 var time = new Date();
191 this.view.text = time.toLocaleFormat(clock_time_format);
192 if (time.getSeconds() > 0 || time.getMilliseconds() > 100) {
193 this.window.clearTimeout(this.timer_ID);
194 var time = time.getSeconds() * 1000 + time.getMilliseconds();
196 this.timer_ID = this.window.setTimeout(this.do_update, time);
197 this.timer_timeout = true;
198 } else if (this.timer_timeout) {
199 this.window.clearTimeout(this.timer_ID);
200 this.timer_ID = this.window.setInterval(this.do_update, 60000);
201 this.timer_timeout = false;
204 clock_widget.prototype.destroy = function () {
205 this.window.clearTimeout(this.timer_ID);
208 function buffer_count_widget (window) {
209 this.class_name = "buffer-count-widget";
210 text_widget.call(this, window);
211 this.add_hook("select_buffer_hook");
212 this.add_hook("create_buffer_hook");
213 this.add_hook("kill_buffer_hook");
214 this.add_hook("move_buffer_hook");
216 buffer_count_widget.prototype.__proto__ = text_widget.prototype;
217 buffer_count_widget.prototype.update = function () {
218 this.view.text = ("[" + (this.window.buffers.selected_index+1) + "/" +
219 this.window.buffers.count + "]");
222 function loading_count_widget (window) {
223 this.class_name = "loading-count-widget";
224 text_widget.call(this, window);
226 this.add_hook("content_buffer_started_loading_hook");
227 this.add_hook("content_buffer_finished_loading_hook");
228 this.add_hook("kill_buffer_hook");
230 loading_count_widget.prototype.__proto__ = text_widget.prototype;
231 loading_count_widget.prototype.update = function () {
233 for_each_buffer(function (b) { if (b.loading) count++; });
235 this.view.text = "(" + count + " loading)";
242 * buffer_icon_widget shows the icon for the current buffer, if any, in
245 function buffer_icon_widget (window) {
246 this.class_name = "buffer-icon-widget";
247 text_widget.call(this, window);
248 this.add_hook("current_buffer_icon_change_hook");
249 this.add_hook("select_buffer_hook");
251 buffer_icon_widget.prototype.__proto__ = text_widget.prototype;
252 buffer_icon_widget.prototype.update = function () {
253 var buffer = this.window.buffers.current;
255 this.view.element.setAttribute("src", buffer.icon);
257 this.view.element.removeAttribute("src");
259 buffer_icon_widget.mode_line_adder = function (window) {
260 var element = create_XUL(window, "image");
261 element.setAttribute("class", "buffer-icon-widget");
262 element.setAttribute("width", "16");
263 element.setAttribute("height", "16");
264 window.mode_line.add_widget(new buffer_icon_widget(window), element);
269 * downloads_status_widget shows the number of active downloads.
271 function downloads_status_widget (window) {
272 text_widget.call(this, window);
274 this.updater = function () { obj.update(); };
275 add_hook("download_progress_change_hook", this.updater);
276 add_hook("download_state_change_hook", this.updater);
278 downloads_status_widget.prototype = {
279 constructor: downloads_status_widget,
280 __proto__: text_widget.prototype,
281 class_name: "downloads-status-widget",
282 update: function (info) {
283 this.view.text = download_manager_service.activeDownloadCount;
285 destroy: function () {
286 remove_hook("download_progress_change_hook", this.updater);
287 remove_hook("download_state_change_hook", this.updater);
292 function mode_line_adder (widget_constructor) {
293 if (!('mode_line_adder' in widget_constructor))
294 widget_constructor.mode_line_adder = function (window) {
295 window.mode_line.add_text_widget(new widget_constructor(window));
297 return widget_constructor.mode_line_adder;
300 add_hook("mode_line_hook", mode_line_adder(current_buffer_name_widget));
301 add_hook("mode_line_hook", mode_line_adder(clock_widget));
302 add_hook("mode_line_hook", mode_line_adder(current_buffer_scroll_position_widget));
304 mode_line_mode(true);
306 provide("mode-line");