[gnome-devel-docs] Tutorials: Toolbar sample for JS

[Susanna Huhtanen <susannah src gnome org>]

commit 223a08479bb7ff70463739664dc7d5557ffc8524
Author: Susanna Huhtanen <ihmis suski gmail com>
Date:   Mon Feb 20 21:14:29 2012 +0200

    Tutorials: Toolbar sample for JS

 platform-demos/C/media/toolbar.png |  Bin 0 -> 3629 bytes
 platform-demos/C/toolbar.js.page   |   51 ++++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 0 deletions(-)
---
diff --git a/platform-demos/C/media/toolbar.png b/platform-demos/C/media/toolbar.png
new file mode 100644
index 0000000..7e81859
Binary files /dev/null and b/platform-demos/C/media/toolbar.png differ
diff --git a/platform-demos/C/toolbar.js.page b/platform-demos/C/toolbar.js.page
new file mode 100644
index 0000000..adf1446
--- /dev/null
+++ b/platform-demos/C/toolbar.js.page
@@ -0,0 +1,51 @@
+<page xmlns="http://projectmallard.org/1.0/";
+      type="guide" style="task"
+      id="toolbar.js">
+  <info>
+    <link type="guide" xref="beginner.js#samples"/>
+    <revision version="0.1" date="2012-02-20" status="stub"/>
+
+    <credit type="author copyright">
+      <name>Susanna Huhtanen</name>
+      <email>ihmis suski gmail com</email>
+      <years>2012</years>
+    </credit>
+
+    <desc>A toolbar widget which is connected to a Dialog widget</desc>
+  </info>
+
+  <title>Toolbar widget</title>
+
+  <media type="image" mime="image/png" src="media/toolbar.png"/>
+  <p>Toolbar is a widget that may contain either text or stock icons. In this sample we use stock icons.</p>
+  
+      <code mime="text/javascript" style="numbered"><![CDATA[
+#!/usr/bin/gjs
+Gtk = imports.gi.Gtk;
+Gtk.init(null, 0);
+
+myW = new Gtk.Window({type: Gtk.WindowType.TOPLEVEL, default_width: 200});
+myW.title = "Toolbar";
+myW.connect("destroy", function(){Gtk.main_quit()});
+var grid = new Gtk.Grid({border_width:10});
+myW.add(grid);
+var toolbar = new Gtk.Toolbar();
+toolbar.get_style_context().add_class(Gtk.STYLE_CLASS_PRIMARY_TOOLBAR);
+toolbar.set_style(Gtk.ToolbarStyle.ICONS);
+var buttonOpen = new Gtk.ToolButton.new_from_stock(Gtk.STOCK_OPEN);
+toolbar.set_hexpand(true);
+buttonOpen.connect("clicked", function() {
+  var dialog = new Gtk.Dialog({title:"Dialog", deletable: true});
+  dialog.add_button(Gtk.STOCK_OK, -7);
+  dialog.show_all();
+  dialog.run();
+  dialog.destroy();
+});
+toolbar.insert(buttonOpen, 0)
+grid.attach(toolbar,1,1,1,1);
+
+myW.show_all();
+Gtk.main();]]></code>
+<p>In this sample we use the following widgets: <link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.Window.html";>Gtk.Window</link>, <link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.Grid.html";>Gtk.Grid</link>, <link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.Toolbar.html";>Gtk.Toolbar</link>, <link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.ToolButton.html";>Gtk.ToolButton</link>, <link href="http://www.roojs.com/seed/gir-1.2-gtk-3.0/gjs/Gtk.Dialog.html";>Gtk.Dialog</link>.</p>
+
+</page>