// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*- const Clutter = imports.gi.Clutter; const GdkPixbuf = imports.gi.GdkPixbuf; const Gio = imports.gi.Gio; const GLib = imports.gi.GLib; const GnomeDesktop = imports.gi.GnomeDesktop; const Lang = imports.lang; const Shell = imports.gi.Shell; const St = imports.gi.St; const Main = imports.ui.main; const PopupMenu = imports.ui.popupMenu; const PanelMenu = imports.ui.panelMenu; const Util = imports.misc.util; const DESKTOP_INPUT_SOURCES_SCHEMA = 'org.gnome.desktop.input-sources'; const KEY_CURRENT_INPUT_SOURCE = 'current'; const KEY_INPUT_SOURCES = 'sources'; const INPUT_SOURCE_TYPE_XKB = 'xkb'; const LayoutMenuItem = new Lang.Class({ Name: 'LayoutMenuItem', Extends: PopupMenu.PopupBaseMenuItem, _init: function(displayName, shortName) { this.parent(); this.label = new St.Label({ text: displayName }); this.indicator = new St.Label({ text: shortName }); this.addActor(this.label); this.addActor(this.indicator); } }); const InputSourceIndicator = new Lang.Class({ Name: 'InputSourceIndicator', Extends: PanelMenu.Button, _init: function() { this.parent(0.0, _("Keyboard")); this._container = new Shell.GenericContainer(); this._container.connect('get-preferred-width', Lang.bind(this, this._containerGetPreferredWidth)); this._container.connect('get-preferred-height', Lang.bind(this, this._containerGetPreferredHeight)); this._container.connect('allocate', Lang.bind(this, this._containerAllocate)); this.actor.add_actor(this._container); this.actor.add_style_class_name('panel-status-button'); this._labelActors = {}; this._layoutItems = {}; this._settings = new Gio.Settings({ schema: DESKTOP_INPUT_SOURCES_SCHEMA }); this._settings.connect('changed::' + KEY_CURRENT_INPUT_SOURCE, Lang.bind(this, this._currentInputSourceChanged)); this._settings.connect('changed::' + KEY_INPUT_SOURCES, Lang.bind(this, this._inputSourcesChanged)); this._currentSourceIndex = this._settings.get_uint(KEY_CURRENT_INPUT_SOURCE); this._xkbInfo = new GnomeDesktop.XkbInfo(); this._inputSourcesChanged(); // re-using "allowSettings" for the keyboard layout is a bit shady, // but at least for now it is used as "allow popping up windows // from shell menus"; we can always add a separate sessionMode // option if need arises. if (Main.sessionMode.allowSettings) { this.menu.addMenuItem(new PopupMenu.PopupSeparatorMenuItem()); this.menu.addAction(_("Show Keyboard Layout"), Lang.bind(this, this._showLayout)); } this.menu.addSettingsAction(_("Region and Language Settings"), 'gnome-region-panel.desktop'); }, _currentInputSourceChanged: function() { let nVisibleSources = Object.keys(this._layoutItems).length; if (nVisibleSources < 2) return; let nSources = this._settings.get_value(KEY_INPUT_SOURCES).n_children(); let newCurrentSourceIndex = this._settings.get_uint(KEY_CURRENT_INPUT_SOURCE); if (newCurrentSourceIndex >= nSources) return; if (!this._layoutItems[newCurrentSourceIndex]) { // This source index is invalid as we weren't able to // build a menu item for it, so we hide ourselves since we // can't fix it here. *shrug* this.menu.close(); this.actor.hide(); return; } else { this.actor.show(); } if (this._layoutItems[this._currentSourceIndex]) { this._layoutItems[this._currentSourceIndex].setShowDot(false); this._container.set_skip_paint(this._labelActors[this._currentSourceIndex], true); } this._layoutItems[newCurrentSourceIndex].setShowDot(true); this._container.set_skip_paint(this._labelActors[newCurrentSourceIndex], false); this._currentSourceIndex = newCurrentSourceIndex; }, _inputSourcesChanged: function() { let sources = this._settings.get_value(KEY_INPUT_SOURCES); let nSources = sources.n_children(); for (let i in this._layoutItems) this._layoutItems[i].destroy(); for (let i in this._labelActors) this._labelActors[i].destroy(); this._layoutItems = {}; this._labelActors = {}; let infos = []; let infosByShortName = {}; for (let i = 0; i < nSources; i++) { let [type, id] = sources.get_child_value(i).deep_unpack(); if (type != INPUT_SOURCE_TYPE_XKB) continue; let info = {}; [info.exists, info.displayName, info.shortName, , ] = this._xkbInfo.get_layout_info(id); if (!info.exists) continue; info.sourceIndex = i; if (!(info.shortName in infosByShortName)) infosByShortName[info.shortName] = []; infosByShortName[info.shortName].push(info); infos.push(info); } if (infos.length > 1) { this.actor.show(); } else { this.menu.close(); this.actor.hide(); } for (let i = 0; i < infos.length; i++) { let info = infos[i]; if (infosByShortName[info.shortName].length > 1) { let sub = infosByShortName[info.shortName].indexOf(info) + 1; info.shortName += String.fromCharCode(0x2080 + sub); } let item = new LayoutMenuItem(info.displayName, info.shortName); this._layoutItems[info.sourceIndex] = item; this.menu.addMenuItem(item, i); item.connect('activate', Lang.bind(this, function() { this._settings.set_value(KEY_CURRENT_INPUT_SOURCE, GLib.Variant.new_uint32(info.sourceIndex)); })); let shortLabel = new St.Label({ text: info.shortName }); this._labelActors[info.sourceIndex] = shortLabel; this._container.add_actor(shortLabel); this._container.set_skip_paint(shortLabel, true); } this._currentInputSourceChanged(); }, _showLayout: function() { Main.overview.hide(); let sources = this._settings.get_value(KEY_INPUT_SOURCES); let current = this._settings.get_uint(KEY_CURRENT_INPUT_SOURCE); let id = sources.get_child_value(current).deep_unpack()[1]; let [, , , xkbLayout, xkbVariant] = this._xkbInfo.get_layout_info(id); if (!xkbLayout || xkbLayout.length == 0) return; let description = xkbLayout; if (xkbVariant.length > 0) description = description + '\t' + xkbVariant; Util.spawn(['gkbd-keyboard-display', '-l', description]); }, _containerGetPreferredWidth: function(container, for_height, alloc) { // Here, and in _containerGetPreferredHeight, we need to query // for the height of all children, but we ignore the results // for those we don't actually display. let max_min_width = 0, max_natural_width = 0; for (let i in this._labelActors) { let [min_width, natural_width] = this._labelActors[i].get_preferred_width(for_height); max_min_width = Math.max(max_min_width, min_width); max_natural_width = Math.max(max_natural_width, natural_width); } alloc.min_size = max_min_width; alloc.natural_size = max_natural_width; }, _containerGetPreferredHeight: function(container, for_width, alloc) { let max_min_height = 0, max_natural_height = 0; for (let i in this._labelActors) { let [min_height, natural_height] = this._labelActors[i].get_preferred_height(for_width); max_min_height = Math.max(max_min_height, min_height); max_natural_height = Math.max(max_natural_height, natural_height); } alloc.min_size = max_min_height; alloc.natural_size = max_natural_height; }, _containerAllocate: function(container, box, flags) { // translate box to (0, 0) box.x2 -= box.x1; box.x1 = 0; box.y2 -= box.y1; box.y1 = 0; for (let i in this._labelActors) this._labelActors[i].allocate_align_fill(box, 0.5, 0, false, false, flags); } });