[gnome-devel-docs] JS widget sample: Gtk.MenuButton

[Tiffany Antopolski <antopolski src gnome org>]

commit 75822bba2493bfc5dc35a7911e182aac08db5ba6
Author: Anna Zacchi <azzurroverde gmail com>
Date:   Thu Jul 19 17:39:00 2012 -0400

    JS widget sample: Gtk.MenuButton

 platform-demos/C/samples/menubutton.js |  120 ++++++++++++++++++++++++++++++++
 1 files changed, 120 insertions(+), 0 deletions(-)
---
diff --git a/platform-demos/C/samples/menubutton.js b/platform-demos/C/samples/menubutton.js
new file mode 100644
index 0000000..c4a4da5
--- /dev/null
+++ b/platform-demos/C/samples/menubutton.js
@@ -0,0 +1,120 @@
+#!/usr/bin/gjs
+
+const _ = imports.gettext.gettext;
+
+const Gio = imports.gi.Gio;
+const GLib = imports.gi.GLib;
+const Gtk = imports.gi.Gtk;
+const Lang = imports.lang;
+
+const Application = new Lang.Class ({
+    Name: 'Application',
+
+    //create the application
+    _init: function () {
+        this.application = new Gtk.Application ({
+            application_id: 'org.example.myapp',
+            flags: Gio.ApplicationFlags.FLAGS_NONE
+        });
+
+       //connect to 'activate' and 'startup' signals to the callback functions
+       this.application.connect('activate', Lang.bind(this, this._onActivate));
+       this.application.connect('startup', Lang.bind(this, this._onStartup));
+    },
+
+    //create the UI (in this case it's just the ApplicationWindow
+    _buildUI: function() {
+        this._window = new Gtk.ApplicationWindow  ({ application: this.application,
+                                                   window_position: Gtk.WindowPosition.CENTER,
+                                                   title: "Welcome to GNOME" });
+
+        //uncommenting the line below will change the window size
+        this._window.set_default_size(600, 400);
+        
+        this.grid = new Gtk.Grid();
+        this._window.add(this.grid);
+        
+        
+        this._menuButton = new Gtk.MenuButton();
+        this.grid.attach( this._menuButton, 0, 0, 1, 1 );//here for GTK bug: workaround
+        this.menu = new Gtk.Menu.new_from_model(this.menuModel);
+        
+        this.menu.show();
+        this._menuButton.set_menu( this.menu );
+        this._menuButton.set_size_request(80, 35);
+        this._menuButton.show();
+        
+        //show the window and all child widgets (none in this case)
+        this._window.show_all();
+    },
+
+    _showNew: function() {
+    print ("New Menu. It doesn't do anything. It is only a demonstration.");
+    },
+
+    _showAbout: function() {
+        print ("No AboutDialog here.  This is only a demonstration.");
+    },
+    
+
+
+    //create the menu items and connect the signals to the callback functions.
+    _initMenus: function() {
+   
+        let newAction = new Gio.SimpleAction ({ name: 'new' });
+        newAction.connect('activate', Lang.bind(this,
+            function() {
+                this._showNew();
+            }));
+        this.application.add_action(newAction);
+
+        let aboutAction = new Gio.SimpleAction ({ name: 'about' });
+        aboutAction.connect('activate', Lang.bind(this,
+            function() {
+                this._showAbout();
+            }));
+        this.application.add_action(aboutAction);
+
+        let quitAction = new Gio.SimpleAction ({ name: 'quit' });
+        quitAction.connect('activate', Lang.bind(this,
+            function() {
+                this._window.destroy();
+            }));
+         this.application.add_action( quitAction );
+         
+        this.menuModel = new Gio.Menu();  
+        
+        this.menuItemNew = Gio.MenuItem.new( _("New"), 'app.new' );
+        this.menuItemAbout = Gio.MenuItem.new( _("About"), 'app.about' );
+        this.fileMenuItem = Gio.MenuItem.new( _("Other"), null);
+        
+        this.menuModel.append_item( this.menuItemNew );
+        this.menuModel.append_item( this.menuItemAbout );
+        
+        //submenu
+        this.subMenu = new Gio.Menu();
+        this.fileMenuItem.set_submenu(this.subMenu);
+        this.menuItemQuit = Gio.MenuItem.new( ("Quit"), 'app.quit' );
+        this.subMenu.append_item( this.menuItemQuit );
+        this.menuModel.append_item(this.fileMenuItem);
+        
+        
+        
+    },
+
+    //callback function for 'activate' signal
+    _onActivate: function() {
+        this._window.present();
+    },
+
+    //callback function for 'startup' signal
+    _onStartup: function() {
+        //You must call _initMenus() before calling _buildUI().
+        this._initMenus();
+        this._buildUI();
+    }
+});
+
+//run the application
+let app = new Application ();
+app.application.run (ARGV);
\ No newline at end of file