Awesome
Sample Glimmer DSL for Opal Rails App
<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=40 /> Glimmer App
This is a sample app built with Glimmer DSL for Opal, an experimental proof-of-concept web GUI adaptor for Glimmer desktop app samples (i.e. samples found in Glimmer DSL for SWT). It webifies them via Rails and Opal, allowing Glimmer desktop app samples to run on the web without changing a line of code.
Setup Instructions
This is a standard Rails app. As such, you may setup locally by cloning the repository and running the following commands from inside the app directory:
bundle
rails db:migrate
rails s
You should see all samples listed by default.
Hosted Website
You may check out a hosted website on Heroku at:
https://sample-glimmer-dsl-opal-app.herokuapp.com/
Manual Sample Loading
Alternatively, you may load samples manually by editing app/assets/javascripts/application.rb
and adding the code below to manually enable the sample you would like to see.
This is useful if you would like to experiment by adding your own samples or adding your Glimmer code directly inside the Document.ready?
block.
In the version below, you can see that glimmer-dsl-opal/samples/hello/hello_world
is the sample that is active.
require 'glimmer-dsl-opal'
require 'puts_debuggerer'
require 'glimmer-dsl-opal/samples/hello/hello_world'
# require 'glimmer-dsl-opal/samples/hello/hello_combo'
# require 'glimmer-dsl-opal/samples/hello/hello_computed'
# require 'glimmer-dsl-opal/samples/hello/hello_list_single_selection'
# require 'glimmer-dsl-opal/samples/hello/hello_list_multi_selection'
# require 'glimmer-dsl-opal/samples/hello/hello_browser'
# require 'glimmer-dsl-opal/samples/hello/hello_tab'
# require 'glimmer-dsl-opal/samples/hello/hello_custom_widget'
# require 'glimmer-dsl-opal/samples/hello/hello_custom_shell'
# require 'glimmer-dsl-opal/samples/hello/hello_radio'
# require 'glimmer-dsl-opal/samples/hello/hello_radio_group'
# require 'glimmer-dsl-opal/samples/hello/hello_group'
# require 'glimmer-dsl-opal/samples/hello/hello_checkbox'
# require 'glimmer-dsl-opal/samples/hello/hello_checkbox_group'
# require 'glimmer-dsl-opal/samples/hello/hello_date_time'
# require 'glimmer-dsl-opal/samples/hello/hello_table'
# require 'glimmer-dsl-opal/samples/hello/hello_button'
# require 'glimmer-dsl-opal/samples/hello/hello_message_box'
# require 'glimmer-dsl-opal/samples/hello/hello_pop_up_context_menu'
# require 'glimmer-dsl-opal/samples/hello/hello_menu_bar'
# require 'glimmer-dsl-opal/samples/elaborate/login'
# require 'glimmer-dsl-opal/samples/elaborate/tic_tac_toe'
# require 'glimmer-dsl-opal/samples/elaborate/contact_manager'
# require 'samples/nebula/c_date_time_gallery.rb'
Here is a version of app/assets/javascripts/application.rb
where Glimmer GUI code is added directly.
require 'glimmer-dsl-opal'
require 'puts_debuggerer'
include Glimmer
shell {
text 'Glimmer'
label {
text 'Hello, World!'
}
}.open
License
Copyright (c) 2020 Andy Maleh. See LICENSE.txt for further details.
--
<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=40 /> Built with Glimmer (Ruby Desktop Development GUI Library)