summaryrefslogtreecommitdiff
path: root/overrides
diff options
context:
space:
mode:
authorMatt Watson <mattdangerw@gmail.com>2013-09-18 17:38:14 -0700
committerMatt Watson <mattdangerw@gmail.com>2013-09-18 17:55:50 -0700
commit41893bef5a86e1cad021ad4053b69765da3ae495 (patch)
tree0dd76275cf8829bb0c09a20a9e528e9cd5bf62bb /overrides
parentbee3cf2a182ac6f6fadd0dd5d24768e5a5837521 (diff)
Added asset button to the endless override
The syntax can will hopefully stay the same for apps when this widget gets rewritten in C. Added support for labels like the standard button. Moved the overrides rules to a separate .inc makefile so we can add more standard js libs if we want [endlessm/eos-sdk#290]
Diffstat (limited to 'overrides')
-rw-r--r--overrides/Endless.js5
-rw-r--r--overrides/Makefile.am.inc11
-rw-r--r--overrides/endless_private/asset_button.js154
3 files changed, 170 insertions, 0 deletions
diff --git a/overrides/Endless.js b/overrides/Endless.js
index 9645f85..7f1d0a5 100644
--- a/overrides/Endless.js
+++ b/overrides/Endless.js
@@ -14,10 +14,15 @@ function getCurrentFileDir() {
return Gio.File.new_for_path(path).get_parent().get_path();
}
+imports.searchPath.unshift(getCurrentFileDir());
+
+const AssetButton = imports.endless_private.asset_button;
+
function _init() {
// this is imports.gi.Endless
Endless = this;
Endless.getCurrentFileDir = getCurrentFileDir;
+ Endless.AssetButton = AssetButton.AssetButton;
// Override Endless.PageManager.add() so that you can set child properties
// at the same time
diff --git a/overrides/Makefile.am.inc b/overrides/Makefile.am.inc
new file mode 100644
index 0000000..ec9f785
--- /dev/null
+++ b/overrides/Makefile.am.inc
@@ -0,0 +1,11 @@
+# Copyright 2013 Endless Mobile, Inc.
+
+# # # GJS OVERRIDES # # #
+
+gjsdir = ${datadir}/gjs-1.0
+
+# Put override files here for custom js API outside of normal introspection
+nobase_dist_gjs_DATA = \
+ overrides/Endless.js \
+ overrides/endless_private/asset_button.js \
+ $(NULL)
diff --git a/overrides/endless_private/asset_button.js b/overrides/endless_private/asset_button.js
new file mode 100644
index 0000000..b1cee97
--- /dev/null
+++ b/overrides/endless_private/asset_button.js
@@ -0,0 +1,154 @@
+const Gdk = imports.gi.Gdk;
+const GdkPixbuf = imports.gi.GdkPixbuf;
+const Gio = imports.gi.Gio;
+const GObject = imports.gi.GObject;
+const Gtk = imports.gi.Gtk;
+const Lang = imports.lang;
+
+const AssetButton = new Lang.Class({
+ Name: 'AssetButton',
+ Extends: Gtk.Button,
+ Properties: {
+ 'normal-image-uri': GObject.ParamSpec.string('normal-image-uri', 'Normal Image URI', 'Normal Image URI',
+ GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE | GObject.ParamFlags.CONSTRUCT,
+ ''),
+ 'active-image-uri': GObject.ParamSpec.string('active-image-uri', 'Active Image URI', 'Active Image URI',
+ GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE | GObject.ParamFlags.CONSTRUCT,
+ ''),
+ 'prelight-image-uri': GObject.ParamSpec.string('prelight-image-uri', 'Prelight Image URI', 'Prelight Image URI',
+ GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE | GObject.ParamFlags.CONSTRUCT,
+ ''),
+ 'insensitive-image-uri': GObject.ParamSpec.string('disabled-image-uri', 'Disabled Image URI', 'Disabled Image URI',
+ GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE | GObject.ParamFlags.CONSTRUCT,
+ ''),
+ 'focused-image-uri': GObject.ParamSpec.string('focused-image-uri', 'Focused Image URI', 'Focused Image URI',
+ GObject.ParamFlags.READABLE | GObject.ParamFlags.WRITABLE | GObject.ParamFlags.CONSTRUCT,
+ '')
+ },
+
+ _init: function(params) {
+ this._normal_pixbuf = null;
+ this._prelight_pixbuf = null;
+ this._active_pixbuf = null;
+ this._insensitive_pixbuf = null;
+ this._focused_pixbuf = null;
+ this._label = null;
+
+ this._normal_uri = null;
+ this._prelight_uri = null;
+ this._active_uri = null;
+ this._insensitive_uri = null;
+ this._focused_uri = null;
+
+ this._image = new Gtk.Image();
+
+ params.always_show_image = true;
+ this.parent(params);
+
+ this.set_image(this._image);
+ this.connect('state-flags-changed', Lang.bind(this, this._update_appearance));
+ },
+
+ _update_appearance: function() {
+ let flags = this.get_state_flags();
+
+ // If the button is insensitive, show its disabled state
+ if (this._insensitive_pixbuf !== null && (flags & Gtk.StateFlags.INSENSITIVE)) {
+ this._image.set_from_pixbuf(this._insensitive_pixbuf);
+ return;
+ }
+ // Otherwise, if it's prelit (moused-over),
+ // show its highlight state
+ if (this._active_pixbuf !== null && (flags & Gtk.StateFlags.ACTIVE)) {
+ this._image.set_from_pixbuf(this._active_pixbuf);
+ return;
+ }
+ // Otherwise, if it's active (clicked),
+ // show its active state
+ if (this._prelight_pixbuf !== null && (flags & Gtk.StateFlags.PRELIGHT)) {
+ this._image.set_from_pixbuf(this._prelight_pixbuf);
+ return;
+ }
+ // Otherwise, if it's focused,
+ // show its focused state
+ if (this._focused_pixbuf !== null && (flags & Gtk.StateFlags.FOCUSED)) {
+ this._image.set_from_pixbuf(this._focused_pixbuf);
+ return;
+ }
+ // Finally, if neither of the above are true, show the button's normal
+ // state by default
+ this._image.set_from_pixbuf(this._normal_pixbuf);
+ },
+
+ /* Helper function to open and return an input stream into the specified
+ URI. Make sure to close() the return value when you are done with it. */
+ _open_stream_from_uri: function(uri) {
+ let file = Gio.File.new_for_uri(uri);
+ return file.read(null);
+ },
+
+ get normal_image_uri() {
+ return this._normal_uri;
+ },
+
+ get prelight_image_uri() {
+ return this._prelight_uri;
+ },
+
+ get active_image_uri() {
+ return this._active_uri;
+ },
+
+ get insensitive_image_uri() {
+ return this._insensitive_uri;
+ },
+
+ get focused_image_uri() {
+ return this._focused_uri;
+ },
+
+ set normal_image_uri(v) {
+ this._set_image_uri(v, 'normal');
+ },
+
+ set prelight_image_uri(v) {
+ this._set_image_uri(v, 'prelight');
+ },
+
+ set active_image_uri(v) {
+ this._set_image_uri(v, 'active');
+ },
+
+ set insensitive_image_uri(v) {
+ this._set_image_uri(v, 'insensitive');
+ },
+
+ set focused_image_uri(v) {
+ this._set_image_uri(v, 'focused');
+ },
+
+ /*
+ * This helper method sets the image URI for the specified state.
+ * Javascript's array property access allows us to avoid repeated code!
+ */
+ _set_image_uri: function(uri, state) {
+ let uri_property = '_' + state + '_uri';
+ let pixbuf_property = '_' + state + '_pixbuf';
+
+ if(this[uri_property] === uri)
+ return;
+ let img_stream;
+ try {
+ img_stream = this._open_stream_from_uri(uri);
+ this[pixbuf_property] = GdkPixbuf.Pixbuf.new_from_stream(img_stream, null);
+ this[uri_property] = uri;
+ } catch(e if e instanceof Gio.IOErrorEnum) {
+ // This catches the instances in which there is no URI for a particular state
+ this[pixbuf_property] = null;
+ this[uri_property] = null;
+ }
+ img_stream.close(null);
+ this._update_appearance();
+ this.notify(state + '-image-uri');
+ }
+});