visualruby 1.0.19 → 3.0.2

data/{visualruby_examples → examples}/listview/bin/SongListViewGUI.rb

@@ -7,52 +7,53 @@ class SongListViewGUI < SongListView
 		@builder["scrolledwindow1"].add(self)
 	end
 
-	def self__row_activated(*argv)
+	def self__row_activated(*args)
 		return unless rows = selected_rows
 		row = rows[0]
-		VR::Dialog.message_box("You selected\n#{row[:song]}\nby  #{row[:artist]}")
+		alert "You selected\n#{row[:song]}\nby  #{row[:artist]}"
 	end
 
-	def invisible__toggled(*argv)
+	def invisible__toggled(*args)
 		v = !@builder["invisible"].active?
 		col_visible(:last_name => v, :first_name => v ) 
 	end
 
-	def radio__toggled(*argv)
+	def radio__toggled(*args)
 		ren_radio(:check => @builder["radio"].active?)
 		each_row { |r| r[:check] = false }
 		repaint
 	end
 
-	def background__toggled(*argv)
+	def background__toggled(*args)
 		val = @builder["background"].active? ? "yellow" : "white"
-		ren_attr(:song, :background => val) # same as set_background( SONG => val)
+		renderer(:pix).background = val
+		ren_attr(:song, :background => val) # same as set_background( :song => val)
 		repaint
 	end
 
-	def xalign__toggled(*argv)
+	def xalign__toggled(*args)
 		val = @builder["xalign"].active? ? 1 : 0
 		ren_xalign(:artist => val)
 		repaint
 	end
 
-	def bold__toggled(*argv)
+	def bold__toggled(*args)
 		val = @builder["bold"].active? ? Pango::WEIGHT_BOLD : Pango::WEIGHT_NORMAL
 		ren_weight(:song => val) #number from 100 to 900, BOLD = 700
 		repaint	
 	end
 
-	def center__toggled(*argv)
+	def center__toggled(*args)
 		val = @builder["center"].active? ? 0.5 : 0
 		col_alignment(:artist => val) 
 		repaint
 	end
 	
-	def editable__toggled(*argv)
+	def editable__toggled(*args)
 		ren_editable(!@builder["editable"].active?)		
 	end
 
-	def digits__toggled(*argv)
+	def digits__toggled(*args)
 		val = @builder["digits"].active? ? 1 : 0
 		ren_digits(:quantity => val)
 		repaint

data/examples/listview/bin/glade/SongListViewGUI.glade

@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated with glade 3.16.1 -->
+<interface>
+  <requires lib="gtk+" version="3.10"/>
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="title" translatable="yes">ListView Demo</property>
+    <property name="window_position">center</property>
+    <property name="default_width">960</property>
+    <child>
+      <object class="GtkBox" id="box1">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="margin_left">15</property>
+        <property name="margin_right">15</property>
+        <property name="margin_top">20</property>
+        <property name="margin_bottom">20</property>
+        <property name="orientation">vertical</property>
+        <property name="spacing">15</property>
+        <child>
+          <object class="GtkLabel" id="label1">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="label" translatable="yes">&lt;big&gt;ListView Demo&lt;/big&gt;</property>
+            <property name="use_markup">True</property>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkScrolledWindow" id="scrolledwindow1">
+            <property name="width_request">800</property>
+            <property name="height_request">200</property>
+            <property name="visible">True</property>
+            <property name="can_focus">True</property>
+            <property name="shadow_type">in</property>
+            <child>
+              <placeholder/>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">1</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkGrid" id="grid2">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="column_homogeneous">True</property>
+            <child>
+              <object class="GtkCheckButton" id="invisible">
+                <property name="label" translatable="yes">First and Last Name Invisible</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">0</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="xalign">
+                <property name="label" translatable="yes">Right Justify Name</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">1</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="bold">
+                <property name="label" translatable="yes">Make Song Bold Text</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">2</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="background">
+                <property name="label" translatable="yes">Make Song Background Yellow</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">3</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="center">
+                <property name="label" translatable="yes">Center Artist Header</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">0</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="editable">
+                <property name="label" translatable="yes">Turn Off Editing Cells</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">1</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="radio">
+                <property name="label" translatable="yes">Make Ok Boxes Radio Type</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="margin_top">5</property>
+                <property name="margin_bottom">3</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">3</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkCheckButton" id="digits">
+                <property name="label" translatable="yes">Show 10ths of Quantity</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">False</property>
+                <property name="xalign">0</property>
+                <property name="draw_indicator">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">2</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">2</property>
+          </packing>
+        </child>
+      </object>
+    </child>
+  </object>
+</interface>

data/examples/listview/main.rb

@@ -0,0 +1,10 @@
+#!/usr/bin/ruby
+
+# ignore -- this is for development, same as require 'vrlib'
+require File.exists?("./../../vrlib/vrlib.rb") ?  "./../../vrlib/vrlib.rb" : "vrlib"
+
+# from require_all gem:
+require_rel 'bin/'
+
+SongListViewGUI.new.show_glade()
+

data/examples/listview_objects/bin/DataObject.rb

@@ -0,0 +1,53 @@
+#  This is a basic object that contains data.  Using visualruby, you can easily
+#  load your objects into a listview and manipulate them.  You just define one
+#  of the colums's type as the object's name (here DataObject) and it will appear in the 
+#  ListView.
+
+class DataObject
+
+	include GladeGUI
+
+	def initialize(name, address, email, phone)
+		@name = name
+		@address = address
+		@email = email
+		@phone = phone
+	end
+
+# In the glade form, there are buttons named buttonSave and buttonCancel.
+# By using the naming convention <name>__clicked these methods will be called when the clicked even occurs.
+
+	def buttonSave__clicked(*args)
+		get_glade_variables()
+		@builder["window1"].destroy
+	end
+
+
+	def buttonCancel__clicked(*args)
+		@builder["window1"].destroy
+	end
+
+
+#The to_s method defines how this object appears in the ListView.
+#Think of it like an icon.  It should be a short representation
+#of the object.  THen when the user clicks on it, they get the full object
+
+	def to_s
+		"#{@name}  (#{@email})"
+	end
+
+#The visual_attributes method defines the appearance of the object in the
+#ListView.  You can change the background to red for example to flag the object.
+#Here the invalid emails will be shown with a yellow background.  Try entering an invalid
+#email, and you'll see it will turn yellow.
+
+	def visual_attributes()
+		{ :background => email_valid? ? "white" : "yellow" }
+	end
+
+	def email_valid?
+		  @email =~ /\A[\w\._%-]+@[\w\.-]+\.[a-zA-Z]{2,4}\z/  
+	end
+
+
+end

data/{visualruby_examples → examples}/listview_objects/bin/ListViewObjects.rb

@@ -1,8 +1,11 @@
-
+#  This is a listview that contains objects!  THe columns contain a date object, a user defined, and
+#  a long (blob) text string.  The columns are named :join, :name, and :quote.
 
 class ListViewObjects < VR::ListView
 
 	def initialize()
+
+		#define column types, then call super()
 		@cols = {}
 		@cols[:join] = VR::CalendarCol  
 		@cols[:name] = DataObject
@@ -10,14 +13,14 @@ class ListViewObjects < VR::ListView
 		super(@cols)
 		col_title(:join => "Joined On", :name => "Name (email)", :quote => "Favorite Quote")
 		col_width(:join => 200, :name => 300)		
-		refresh()
+		populate_data()
 	end
 
 
 
-	def refresh()  # just populates model with random data
+	def populate_data()  # just populates model with random data
 		row = add_row() 
-		row[:join] = VR::CalendarCol.new DateTime.new(2011, 1, 15, 7, 23, 0)
+		row[:join] = VR::CalendarCol.new DateTime.new(2011, 1, 15, 7, 23, 0) 
 		row[:name] = DataObject.new("Henry Johnson", "18458 S Beauford St.", "hohohoja@email.net", "154-453-8585")
 		row[:quote] = VR::TextCol.new "I have come to believe that the whole world is an enigma, a harmless enigma that is made terrible by our own mad attempt to interpret it as though it had an underlying truth.\n\n- Umberto Eco"
 		row = add_row()

data/examples/listview_objects/bin/ListViewObjectsGUI.rb

@@ -0,0 +1,26 @@
+
+#  This class just adds a GUI to the ListViewObjects class.
+
+class ListViewObjectsGUI < ListViewObjects
+
+	include GladeGUI
+
+	def before_show
+		@builder["scrolledwindow1"].add(self)
+		self.visible = true
+		# edited_callback is a method that is called after a cell has been edited.  It is
+		# used to do housekeeping after the value of the cell has changed. 
+		renderer(:quote).edited_callback = method(:self__cursor_changed) 
+	end
+
+#  When the selection changes, the quote at the bottom of the page needs to be updated.
+#  Then the quote matches the selected record.  Try it.
+
+	def self__cursor_changed(*args)
+		return unless row = selected_rows.first  # iter = selection.selected
+		@builder["labelQuote"].label = row[:quote].text 
+	end
+
+
+end
+

data/examples/listview_objects/bin/glade/DataObject.glade

@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated with glade 3.16.1 -->
+<interface>
+  <requires lib="gtk+" version="3.0"/>
+  <object class="GtkWindow" id="window1">
+    <property name="can_focus">False</property>
+    <property name="window_position">center</property>
+    <child>
+      <object class="GtkBox" id="box1">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="margin_left">20</property>
+        <property name="margin_right">20</property>
+        <property name="orientation">vertical</property>
+        <child>
+          <object class="GtkLabel" id="label5">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="label" translatable="yes">&lt;big&gt;&lt;big&gt;Basic Object Demo&lt;/big&gt;&lt;/big&gt;
+This was created with visualruby.  See visualruby.net.</property>
+            <property name="use_markup">True</property>
+            <property name="ellipsize">start</property>
+          </object>
+          <packing>
+            <property name="expand">True</property>
+            <property name="fill">True</property>
+            <property name="padding">15</property>
+            <property name="position">0</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkGrid" id="grid1">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="row_homogeneous">True</property>
+            <property name="column_homogeneous">True</property>
+            <child>
+              <object class="GtkLabel" id="label6">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="xalign">1</property>
+                <property name="xpad">10</property>
+                <property name="label" translatable="yes">Name:</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">0</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel" id="label7">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="xalign">1</property>
+                <property name="xpad">10</property>
+                <property name="label" translatable="yes">Address:</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">1</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel" id="label8">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="xalign">1</property>
+                <property name="xpad">10</property>
+                <property name="label" translatable="yes">Email:</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">2</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel" id="label9">
+                <property name="visible">True</property>
+                <property name="can_focus">False</property>
+                <property name="xalign">1</property>
+                <property name="xpad">10</property>
+                <property name="label" translatable="yes">Phone:</property>
+              </object>
+              <packing>
+                <property name="left_attach">0</property>
+                <property name="top_attach">3</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkEntry" id="name">
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">0</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkEntry" id="address">
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">1</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkEntry" id="email">
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">2</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkEntry" id="phone">
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+              </object>
+              <packing>
+                <property name="left_attach">1</property>
+                <property name="top_attach">3</property>
+                <property name="width">1</property>
+                <property name="height">1</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">True</property>
+            <property name="fill">True</property>
+            <property name="padding">10</property>
+            <property name="position">1</property>
+          </packing>
+        </child>
+        <child>
+          <object class="GtkButtonBox" id="buttonbox1">
+            <property name="visible">True</property>
+            <property name="can_focus">False</property>
+            <property name="margin_top">15</property>
+            <property name="margin_bottom">15</property>
+            <property name="layout_style">spread</property>
+            <child>
+              <object class="GtkButton" id="buttonSave">
+                <property name="label" translatable="yes">Save</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">True</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">0</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkButton" id="buttonCancel">
+                <property name="label" translatable="yes">Cancel</property>
+                <property name="visible">True</property>
+                <property name="can_focus">True</property>
+                <property name="receives_default">True</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">1</property>
+              </packing>
+            </child>
+          </object>
+          <packing>
+            <property name="expand">False</property>
+            <property name="fill">True</property>
+            <property name="position">2</property>
+          </packing>
+        </child>
+      </object>
+    </child>
+  </object>
+</interface>