AndyObtiva
commented
1 year ago I am going to answer 2 first.
2-
Below is a modified form_table.rb example code that supports deletion with an X button (I am using Ruby 3.1 with support for the 3-dot ... operator).
Do not forget that with table data-binding, it is very simple to delete. As long as you delete an element from the data-bound array "self.contacts" (as known from this code cell_rows <=> [self, :contacts]), Glimmer DSL for LibUI will automatically reflect your change in the table control (the view). The code responsible for that is under the on_clicked listener on button_column with the logic self.contacts.delete_at(row) (deletes by clicked row index)
By the way, deleting a table row by selecting/right-clicking a row (as opposed to clicking X) or by checkmarking it does not work today (not on all platforms) due to limitations in LibUI, but I believe libui-ng is working on supporting these options in the future.
require 'glimmer-dsl-libui'
class FormTable
Contact = Struct.new(:name, :email, :phone, :city, :state, :delete) do
def initialize(...)
super(...)
self.delete = 'X'
end
end
include Glimmer
attr_accessor :contacts, :name, :email, :phone, :city, :state, :filter_value
def initialize
@contacts = [
Contact.new('Lisa Sky', 'lisa@sky.com', '720-523-4329', 'Denver', 'CO'),
Contact.new('Jordan Biggins', 'jordan@biggins.com', '617-528-5399', 'Boston', 'MA'),
Contact.new('Mary Glass', 'mary@glass.com', '847-589-8788', 'Elk Grove Village', 'IL'),
Contact.new('Darren McGrath', 'darren@mcgrath.com', '206-539-9283', 'Seattle', 'WA'),
Contact.new('Melody Hanheimer', 'melody@hanheimer.com', '213-493-8274', 'Los Angeles', 'CA'),
]
end
def launch
window('Contacts', 600, 600) {
margined true
vertical_box {
form {
stretchy false
entry {
label 'Name'
text <=> [self, :name] # bidirectional data-binding between entry text and self.name
}
entry {
label 'Email'
text <=> [self, :email]
}
entry {
label 'Phone'
text <=> [self, :phone]
}
entry {
label 'City'
text <=> [self, :city]
}
entry {
label 'State'
text <=> [self, :state]
}
}
button('Save Contact') {
stretchy false
on_clicked do
new_row = [name, email, phone, city, state]
if new_row.map(&:to_s).include?('')
msg_box_error('Validation Error!', 'All fields are required! Please make sure to enter a value for all fields.')
else
@contacts << Contact.new(*new_row) # automatically inserts a row into the table due to explicit data-binding
@unfiltered_contacts = @contacts.dup
self.name = '' # automatically clears name entry through explicit data-binding
self.email = ''
self.phone = ''
self.city = ''
self.state = ''
end
end
}
search_entry {
stretchy false
# bidirectional data-binding of text to self.filter_value with after_write option
text <=> [self, :filter_value,
after_write: ->(filter_value) { # execute after write to self.filter_value
@unfiltered_contacts ||= @contacts.dup
# Unfilter first to remove any previous filters
self.contacts = @unfiltered_contacts.dup # affects table indirectly through explicit data-binding
# Now, apply filter if entered
unless filter_value.empty?
self.contacts = @contacts.filter do |contact| # affects table indirectly through explicit data-binding
contact.members.any? do |attribute|
contact[attribute].to_s.downcase.include?(filter_value.downcase)
end
end
end
}
]
}
table {
text_column('Name')
text_column('Email')
text_column('Phone')
text_column('City')
text_column('State')
button_column('Delete') {
on_clicked do |row|
self.contacts.delete_at(row)
end
}
editable true
cell_rows <=> [self, :contacts] # explicit data-binding to self.contacts Model Array, auto-inferring model attribute names from underscored table column names by convention
on_changed do |row, type, row_data|
puts "Row #{row} #{type}: #{row_data}"
$stdout.flush # for Windows
end
on_edited do |row, row_data| # only fires on direct table editing
puts "Row #{row} edited: #{row_data}"
$stdout.flush # for Windows
end
}
}
}.show
end
end
FormTable.new.launchScreenshots where I click the X buttons one by one in random order.
1) Would it be possible to dump the current dataset into a .yml file and/or hash? This can happen on the commandline too. That way we can quickly copy/paste it. Or perhaps a .yml file, save it into a local file, so we can use that as a real contact form.
2) Would it be possible to also delete a row? Not sure how easy it is to do so; could simply be a button and a field with the field focusing on a number; or more elegantly perhaps the currently selected row will be deleted if a delete-button is clicked.
The example I refer to is the one provided in the main README e.g . with