glib-web 0.5.43 → 0.5.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/helpers/glib/json_ui/action_builder.rb +8 -0
- data/app/helpers/glib/json_ui/list_builders.rb +1 -0
- data/app/helpers/glib/json_ui/page_helper.rb +11 -3
- data/app/helpers/glib/json_ui/view_builder/fields.rb +3 -0
- data/app/views/json_ui/garage/forms/dynamic_group.json.jbuilder +30 -47
- data/app/views/json_ui/garage/forms/dynamic_select.json.jbuilder +16 -19
- data/app/views/json_ui/garage/forms/file_upload.json.jbuilder +24 -57
- data/app/views/json_ui/garage/forms/floating_submit.json.jbuilder +11 -23
- data/app/views/json_ui/garage/forms/get_request.json.jbuilder +20 -21
- data/app/views/json_ui/garage/forms/index.json.jbuilder +83 -85
- data/app/views/json_ui/garage/forms/new_rich_text.json.jbuilder +28 -29
- data/app/views/json_ui/garage/forms/pickers.json.jbuilder +41 -43
- data/app/views/json_ui/garage/forms/text_validation.json.jbuilder +48 -11
- data/app/views/json_ui/garage/notifications/action_cable.json.jbuilder +26 -0
- data/app/views/json_ui/garage/notifications/index.json.jbuilder +5 -1
- data/app/views/json_ui/garage/views/texts.json.jbuilder +40 -37
- data/lib/glib/json_crawler/router.rb +2 -0
- data/lib/glib/test_helpers.rb +16 -4
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: '096278d9b11151bcb169ba83f5c62c080471bb076f8ea3d34913e898a9537382'
|
|
4
|
+
data.tar.gz: bb831b31d185198292f251cbc3e9ab4536b1c4f3e3a28ceb32a5c7b76c25cba6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fcbb3bded93e840d4db717c74a78bd16537e405bdc2262343274604f9940d0b768256e6df5e01225d9f699d422693f5030e0156e5b9a596a4b685575355e8347
|
|
7
|
+
data.tar.gz: 99c46875985b061cea7e7932bb2a86c7b1d0f613c205ec15207cf212f1703df44eb6a03bffd81a5dfbd64e5b5a89b09d5f18ca830d48b2d95b6e8260bca065e0
|
|
@@ -95,10 +95,18 @@ module Glib
|
|
|
95
95
|
end
|
|
96
96
|
end
|
|
97
97
|
|
|
98
|
+
module Cables
|
|
99
|
+
class Push < Action
|
|
100
|
+
string :channel
|
|
101
|
+
string :event
|
|
102
|
+
end
|
|
103
|
+
end
|
|
104
|
+
|
|
98
105
|
module Timeouts
|
|
99
106
|
class Set < Action
|
|
100
107
|
int :interval # Milliseconds
|
|
101
108
|
action :onTimeout
|
|
109
|
+
bool :repeat
|
|
102
110
|
end
|
|
103
111
|
|
|
104
112
|
# FUTURE
|
|
@@ -201,9 +201,17 @@ module Glib
|
|
|
201
201
|
raise "Invalid properties: #{options.keys}" if options.size > 0
|
|
202
202
|
end
|
|
203
203
|
|
|
204
|
-
def onLoad(options = {})
|
|
205
|
-
|
|
206
|
-
|
|
204
|
+
# def onLoad(options = {})
|
|
205
|
+
# json.onLoad do
|
|
206
|
+
# yield @action_builder
|
|
207
|
+
# end
|
|
208
|
+
# end
|
|
209
|
+
|
|
210
|
+
def on(options = {})
|
|
211
|
+
if (on_load = options[:load])
|
|
212
|
+
json.onLoad do
|
|
213
|
+
on_load.call @action_builder
|
|
214
|
+
end
|
|
207
215
|
end
|
|
208
216
|
end
|
|
209
217
|
|
|
@@ -1,56 +1,39 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
|
|
7
|
+
form.h2 text: 'Dynamic Group'
|
|
8
|
+
form.spacer height: 6
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
# }
|
|
24
|
-
# ]
|
|
25
|
-
|
|
26
|
-
properties = [
|
|
27
|
-
[
|
|
28
|
-
{ name: 'question', value: 'Punctuality' },
|
|
29
|
-
{ name: 'type', value: 'rating' },
|
|
30
|
-
],
|
|
31
|
-
[
|
|
32
|
-
{ name: 'question', value: 'Quality of work' },
|
|
33
|
-
{ name: 'type', value: 'rating' },
|
|
34
|
-
{ name: 'enabled', value: '1', styleClasses: ['success'] },
|
|
35
|
-
],
|
|
36
|
-
[
|
|
37
|
-
{ name: 'question', value: 'Satisfied?' },
|
|
38
|
-
{ name: 'type', value: 'yes_no' },
|
|
39
|
-
]
|
|
10
|
+
properties = [
|
|
11
|
+
[
|
|
12
|
+
{ name: 'question', value: 'Punctuality' },
|
|
13
|
+
{ name: 'type', value: 'rating' },
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
{ name: 'question', value: 'Quality of work' },
|
|
17
|
+
{ name: 'type', value: 'rating' },
|
|
18
|
+
{ name: 'enabled', value: '1', styleClasses: ['success'] },
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
{ name: 'question', value: 'Satisfied?' },
|
|
22
|
+
{ name: 'type', value: 'yes_no' },
|
|
40
23
|
]
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
24
|
+
]
|
|
25
|
+
form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
|
|
26
|
+
group.template padding: { left: 32 }, childViews: ->(template) do
|
|
27
|
+
template.spacer height: 10
|
|
28
|
+
template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
|
|
29
|
+
options = [ :rating, :yes_no ]
|
|
30
|
+
template.fields_select width: 'matchParent', name: 'type', label: 'Answer Type', placeholder: 'Answer Type', options: options.map { |o| { text: o.to_s.humanize, value: o } }
|
|
31
|
+
template.fields_check width: 'matchParent', name: 'enabled', label: 'Enable', checkValue: '1'
|
|
48
32
|
|
|
49
|
-
|
|
50
|
-
end
|
|
33
|
+
template.spacer height: 14
|
|
51
34
|
end
|
|
52
|
-
|
|
53
|
-
form.spacer height: 20
|
|
54
|
-
form.fields_submit text: 'Submit'
|
|
55
35
|
end
|
|
36
|
+
|
|
37
|
+
form.spacer height: 20
|
|
38
|
+
form.fields_submit text: 'Submit'
|
|
56
39
|
end
|
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
|
|
7
|
-
form.h2 text: 'Dynamic Select'
|
|
8
|
-
form.spacer height: 6
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
9
5
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
url: json_ui_garage_url(path: 'forms/dynamic_select_data')
|
|
6
|
+
page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
|
|
7
|
+
form.h2 text: 'Dynamic Select'
|
|
8
|
+
form.spacer height: 6
|
|
14
9
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
selectedOptions: [ { value: 'id3', text: 'Item 3' }, { value: 'id5', text: 'Item 5' } ],
|
|
19
|
-
url: json_ui_garage_url(path: 'forms/dynamic_select_data'),
|
|
20
|
-
multiple: true
|
|
10
|
+
form.fields_dynamicSelect name: 'user[primary_language]', width: 'matchParent', label: 'Primary Language',
|
|
11
|
+
selectedOptions: [ { value: 'id3', text: 'Item 3' } ],
|
|
12
|
+
url: json_ui_garage_url(path: 'forms/dynamic_select_data')
|
|
21
13
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
form.spacer height: 14
|
|
15
|
+
form.fields_dynamicSelect name: 'user[preferred_languages][]', width: 'matchParent', label: 'Preferred Languages',
|
|
16
|
+
selectedOptions: [ { value: 'id3', text: 'Item 3' }, { value: 'id5', text: 'Item 5' } ],
|
|
17
|
+
url: json_ui_garage_url(path: 'forms/dynamic_select_data'),
|
|
18
|
+
multiple: true
|
|
19
|
+
|
|
20
|
+
form.spacer height: 14
|
|
21
|
+
form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
|
|
25
22
|
end
|
|
@@ -6,60 +6,27 @@ options = {
|
|
|
6
6
|
padding: { top: 12, left: 20, right: 20, bottom: 12 }
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
json_ui_page json
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
end)
|
|
34
|
-
end
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
# json_body_with_form json, nil, nil, options do
|
|
38
|
-
# json.child! do
|
|
39
|
-
# json.view 'fields/file-v1'
|
|
40
|
-
# json.name 'user[photo]'
|
|
41
|
-
# json.width 'matchParent'
|
|
42
|
-
# json.label 'Photo'
|
|
43
|
-
|
|
44
|
-
# json.value 'VALUE_OF_THE_PREVIOUS_IMAGE_WHICH_IS_USEFUL_WHEN_UPDATING_EXISTING_MODEL'
|
|
45
|
-
|
|
46
|
-
# json.accepts "image/*"
|
|
47
|
-
# # json.s3_bucket 'BUCKET_NAME'
|
|
48
|
-
# # json.s3_path_prefix 'uploads/images'
|
|
49
|
-
# json.s3_direct_upload_url rails_direct_uploads_path
|
|
50
|
-
|
|
51
|
-
# # This is for security so we don't have to reveal key/secret in the json api
|
|
52
|
-
# # json.s3_signature_url 'URL_TO_OUR_SERVER_TO_GET_GENERATED_SIGNATURE'
|
|
53
|
-
|
|
54
|
-
# json.file_size_limit 5000 # 5 MB
|
|
55
|
-
# json.file_size_limit_alert_text 'Too big!'
|
|
56
|
-
# end
|
|
57
|
-
|
|
58
|
-
# json.child! do
|
|
59
|
-
# json.view 'button-v1'
|
|
60
|
-
# json.text 'Submit'
|
|
61
|
-
# json.onClick do
|
|
62
|
-
# json.action 'forms/submit-v1'
|
|
63
|
-
# end
|
|
64
|
-
# end
|
|
65
|
-
# end
|
|
9
|
+
page = json_ui_page json
|
|
10
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
11
|
+
|
|
12
|
+
page.form options.merge(childViews: ->(form) do
|
|
13
|
+
rules = { fileType: 'image/*', maxFileSize: 5000 }
|
|
14
|
+
form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Landscape Photo', accepts: rules, directUploadUrl: rails_direct_uploads_url,
|
|
15
|
+
value: 'eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4',
|
|
16
|
+
fileUrl: 'https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100',
|
|
17
|
+
fileTitle: '1 month ago',
|
|
18
|
+
placeholderView: { type: 'image', width: 100, height: 75, url: 'https://www.atms.com.au/wp-content/uploads/2019/10/placeholder-1-1024x683.png?x93630' }
|
|
19
|
+
|
|
20
|
+
rules = { fileType: 'image/*', maxFileSize: 1, fileTypeErrorText: 'Invalid!', maxFileSizeErrorText: 'Too big!' }
|
|
21
|
+
form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Avatar', accepts: rules, directUploadUrl: rails_direct_uploads_url,
|
|
22
|
+
placeholderView: { type: 'avatar', width: 100, height: 100, url: 'data:image/jpeg;base64,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' }
|
|
23
|
+
|
|
24
|
+
rules = { fileType: 'pdf', maxFileSize: 5000 }
|
|
25
|
+
form.fields_file name: 'user[pdf1][]', width: 'matchParent', label: 'PDF Document', accepts: rules, directUploadUrl: rails_direct_uploads_url,
|
|
26
|
+
placeholderView: { type: 'image', width: 100, height: 100, url: 'data:image/webp;base64,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' }
|
|
27
|
+
|
|
28
|
+
rules = { fileType: 'pdf', maxFileSize: 5000 }
|
|
29
|
+
form.fields_file name: 'user[pdf2][]', width: 'matchParent', label: 'PDF Document', accepts: rules, directUploadUrl: rails_direct_uploads_url
|
|
30
|
+
|
|
31
|
+
form.fields_submit text: 'Submit'
|
|
32
|
+
end)
|
|
@@ -1,31 +1,19 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
# footer = Jbuilder.new do |json|
|
|
4
|
-
# json.padding(top: 12, left: 20, right: 80, bottom: 12)
|
|
5
|
-
# json.backgroundColor '#b3bac2'
|
|
6
|
-
# json.subviews do
|
|
7
|
-
# json.child! do
|
|
8
|
-
# json.view 'label-v1'
|
|
9
|
-
# json.text 'Demonstrates the use Floating Action Button on a form with footer'
|
|
10
|
-
# end
|
|
11
|
-
# end
|
|
12
|
-
# end
|
|
13
|
-
|
|
14
3
|
options = {
|
|
15
4
|
url: json_ui_garage_url(path: 'forms/generic_post'),
|
|
16
5
|
method: 'post',
|
|
17
6
|
padding: { top: 12, left: 20, right: 20, bottom: 12 }
|
|
18
7
|
}
|
|
19
8
|
|
|
20
|
-
json_ui_page json
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
end
|
|
9
|
+
page = json_ui_page json
|
|
10
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
11
|
+
|
|
12
|
+
page.form options.merge(childViews: ->(form) do
|
|
13
|
+
form.label text: 'Demonstrates the use Floating Action Button on a form with footer'
|
|
14
|
+
30.times do |i|
|
|
15
|
+
form.fields_text name: "user[field#{i}]", width: 'matchParent', label: "Field#{i}"
|
|
16
|
+
end
|
|
17
|
+
form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
|
|
18
|
+
form.fab icon: 'send', onClick: ->(action) { action.forms_submit }
|
|
19
|
+
end)
|
|
@@ -2,27 +2,26 @@ json.title 'Forms'
|
|
|
2
2
|
|
|
3
3
|
data = params[:user] || {}
|
|
4
4
|
|
|
5
|
-
json_ui_page json
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
end
|
|
5
|
+
page = json_ui_page json
|
|
6
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
7
|
+
|
|
8
|
+
page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
|
|
9
|
+
# TODO: Potential improvement:
|
|
10
|
+
# Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
|
|
11
|
+
# Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
|
|
12
|
+
form.h3 text: "Hello #{ data[:name] }"
|
|
13
|
+
form.spacer height: 6
|
|
14
|
+
form.label text: 'On the web, upon submit, URL needs to change on the browser'
|
|
15
|
+
form.spacer height: 10
|
|
16
|
+
form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
|
|
17
|
+
|
|
18
|
+
# form.panels_split width: 'matchParent', rightViews: ->(split) do
|
|
19
|
+
# split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
|
|
20
|
+
# end
|
|
21
|
+
|
|
22
|
+
form.panels_split width: 'matchParent', content: ->(split) do
|
|
23
|
+
split.right childViews: ->(right) do
|
|
24
|
+
right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
|
|
26
25
|
end
|
|
27
26
|
end
|
|
28
27
|
end
|
|
@@ -1,110 +1,108 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
section.rows builder: ->(template) do
|
|
13
|
-
template.thumbnail title: 'Basic Logic', onClick: ->(action) do
|
|
14
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/basic')
|
|
15
|
-
end
|
|
16
|
-
template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
|
|
17
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
|
|
18
|
-
end
|
|
19
|
-
template.thumbnail title: "Submission Indicator", onClick: ->(action) do
|
|
20
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
|
|
21
|
-
end
|
|
22
|
-
template.thumbnail title: 'GET Request', onClick: ->(action) do
|
|
23
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
|
|
24
|
-
end
|
|
6
|
+
page.list sections: [
|
|
7
|
+
->(section) do
|
|
8
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
9
|
+
header.h2 text: 'Submission Logics'
|
|
10
|
+
end
|
|
25
11
|
|
|
12
|
+
section.rows builder: ->(template) do
|
|
13
|
+
template.thumbnail title: 'Basic Logic', onClick: ->(action) do
|
|
14
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/basic')
|
|
26
15
|
end
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
|
|
17
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
|
|
18
|
+
end
|
|
19
|
+
template.thumbnail title: "Submission Indicator", onClick: ->(action) do
|
|
20
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
|
|
21
|
+
end
|
|
22
|
+
template.thumbnail title: 'GET Request', onClick: ->(action) do
|
|
23
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
|
|
30
24
|
end
|
|
31
25
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
|
|
38
|
-
end
|
|
39
|
-
template.thumbnail title: 'Conditional Value', onClick: ->(action) do
|
|
40
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
|
|
41
|
-
end
|
|
26
|
+
end
|
|
27
|
+
end, ->(section) do
|
|
28
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
29
|
+
header.h2 text: 'Form Logics'
|
|
30
|
+
end
|
|
42
31
|
|
|
32
|
+
section.rows builder: ->(template) do
|
|
33
|
+
template.thumbnail title: 'Text Validation', onClick: ->(action) do
|
|
34
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
|
|
35
|
+
end
|
|
36
|
+
template.thumbnail title: 'Show/Hide', onClick: ->(action) do
|
|
37
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/show_hide')
|
|
43
38
|
end
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
header.h2 text: 'Form Fields'
|
|
39
|
+
template.thumbnail title: 'Conditional Value', onClick: ->(action) do
|
|
40
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/conditional_value')
|
|
47
41
|
end
|
|
48
42
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/selects')
|
|
55
|
-
end
|
|
56
|
-
template.thumbnail title: 'File Upload', onClick: ->(action) do
|
|
57
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
|
|
58
|
-
end
|
|
59
|
-
template.thumbnail title: 'Floating Submit', onClick: ->(action) do
|
|
60
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
|
|
61
|
-
end
|
|
43
|
+
end
|
|
44
|
+
end, ->(section) do
|
|
45
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
46
|
+
header.h2 text: 'Form Fields'
|
|
47
|
+
end
|
|
62
48
|
|
|
49
|
+
section.rows builder: ->(template) do
|
|
50
|
+
template.thumbnail title: 'Pickers', onClick: ->(action) do
|
|
51
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
|
|
63
52
|
end
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
header.h2 text: 'Styling'
|
|
53
|
+
template.thumbnail title: 'Select Fields', onClick: ->(action) do
|
|
54
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/selects')
|
|
67
55
|
end
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
|
|
71
|
-
end
|
|
56
|
+
template.thumbnail title: 'File Upload', onClick: ->(action) do
|
|
57
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
|
|
72
58
|
end
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
header.h2 text: 'Web Only'
|
|
59
|
+
template.thumbnail title: 'Floating Submit', onClick: ->(action) do
|
|
60
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
|
|
76
61
|
end
|
|
77
62
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
63
|
+
end
|
|
64
|
+
end, ->(section) do
|
|
65
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
66
|
+
header.h2 text: 'Styling'
|
|
67
|
+
end
|
|
68
|
+
section.rows builder: ->(template) do
|
|
69
|
+
template.thumbnail title: 'Text Boxes', onClick: ->(action) do
|
|
70
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
|
|
82
71
|
end
|
|
72
|
+
end
|
|
73
|
+
end, ->(section) do
|
|
74
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
75
|
+
header.h2 text: 'Web Only'
|
|
76
|
+
end
|
|
83
77
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
end
|
|
88
|
-
|
|
78
|
+
section.rows builder: ->(template) do
|
|
79
|
+
template.thumbnail title: 'Rich Text Editor', onClick: ->(action) do
|
|
80
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
|
|
89
81
|
end
|
|
90
|
-
end
|
|
91
|
-
|
|
92
|
-
|
|
82
|
+
end
|
|
83
|
+
|
|
84
|
+
section.rows builder: ->(template) do
|
|
85
|
+
template.thumbnail title: 'New Rich Text Editor', onClick: ->(action) do
|
|
86
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/new_rich_text')
|
|
93
87
|
end
|
|
94
88
|
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
|
|
101
|
-
end
|
|
102
|
-
template.thumbnail title: 'Checkboxes', onClick: ->(action) do
|
|
103
|
-
action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
|
|
104
|
-
end
|
|
89
|
+
end
|
|
90
|
+
end, ->(section) do
|
|
91
|
+
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
92
|
+
header.h2 text: 'Experimental (not required yet)'
|
|
93
|
+
end
|
|
105
94
|
|
|
95
|
+
section.rows builder: ->(template) do
|
|
96
|
+
template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
|
|
97
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
|
|
98
|
+
end
|
|
99
|
+
template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
|
|
100
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
|
|
101
|
+
end
|
|
102
|
+
template.thumbnail title: 'Checkboxes', onClick: ->(action) do
|
|
103
|
+
action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
|
|
106
104
|
end
|
|
107
|
-
end
|
|
108
|
-
]
|
|
109
105
|
|
|
110
|
-
end
|
|
106
|
+
end
|
|
107
|
+
end
|
|
108
|
+
]
|
|
@@ -1,40 +1,39 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
|
|
7
|
+
form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
# images = [
|
|
10
|
+
# {
|
|
11
|
+
# value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
|
|
12
|
+
# fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
|
|
13
|
+
# }
|
|
14
|
+
# ]
|
|
15
|
+
# form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
json.child! do
|
|
18
|
+
json.view 'fields/newRichText-v1'
|
|
19
|
+
json.width 'matchParent'
|
|
20
|
+
json.label 'Content'
|
|
21
|
+
json.name 'user[bio]'
|
|
22
|
+
json.value '<p>Test {{image1}}</p>'
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
end
|
|
30
|
-
end
|
|
31
|
-
|
|
32
|
-
json.imageUploader do
|
|
33
|
-
json.accepts(fileType: "image/*", maxFileSize: 5000)
|
|
34
|
-
json.directUploadUrl rails_direct_uploads_url
|
|
24
|
+
json.images do
|
|
25
|
+
json.child! do
|
|
26
|
+
json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
|
|
27
|
+
# json.fileTitle "hita i hanom hg.jpg"
|
|
28
|
+
json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
|
|
35
29
|
end
|
|
36
30
|
end
|
|
37
31
|
|
|
38
|
-
|
|
32
|
+
json.imageUploader do
|
|
33
|
+
json.accepts(fileType: "image/*", maxFileSize: 5000)
|
|
34
|
+
json.directUploadUrl rails_direct_uploads_url
|
|
35
|
+
end
|
|
39
36
|
end
|
|
37
|
+
|
|
38
|
+
form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
|
|
40
39
|
end
|
|
@@ -1,48 +1,46 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
end
|
|
15
|
-
|
|
16
|
-
form.spacer height: 20
|
|
17
|
-
form.h2 text: 'Single Checkbox'
|
|
18
|
-
form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
|
|
19
|
-
form.fields_check name: 'user[employer]', checkValue: 1, label: 'I am an employer (no default value)'
|
|
20
|
-
form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', value: 'true'
|
|
21
|
-
|
|
22
|
-
form.spacer height: 20
|
|
23
|
-
form.h2 text: 'Date/Time'
|
|
24
|
-
form.spacer height: 6
|
|
25
|
-
form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
|
|
26
|
-
form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-09T00:00', max: '2018-06-17T00:00', value: '2018-06-15T19:30'
|
|
27
|
-
|
|
28
|
-
form.spacer height: 20
|
|
29
|
-
form.h2 text: 'Country'
|
|
30
|
-
form.spacer height: 6
|
|
31
|
-
region_field = { name: 'user[city]', label: 'City' }
|
|
32
|
-
form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
|
|
33
|
-
|
|
34
|
-
form.spacer height: 20
|
|
35
|
-
form.h2 text: 'Map'
|
|
36
|
-
form.spacer height: 6
|
|
37
|
-
form.fields_location name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
|
|
38
|
-
autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
|
|
39
|
-
latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
|
|
40
|
-
longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
|
|
41
|
-
zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
|
|
42
|
-
|
|
43
|
-
form.spacer height: 20
|
|
44
|
-
form.fields_submit text: 'Submit'
|
|
45
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
|
+
|
|
6
|
+
page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
|
|
7
|
+
form.h2 text: 'Radio Group'
|
|
8
|
+
form.spacer height: 6
|
|
9
|
+
form.h4 text: 'Gender'
|
|
10
|
+
form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
|
|
11
|
+
group.fields_radio value: '', label: 'Unknown'
|
|
12
|
+
group.fields_radio value: 'M', label: 'Male'
|
|
13
|
+
group.fields_radio value: 'F', label: 'Female'
|
|
46
14
|
end
|
|
47
15
|
|
|
16
|
+
form.spacer height: 20
|
|
17
|
+
form.h2 text: 'Single Checkbox'
|
|
18
|
+
form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
|
|
19
|
+
form.fields_check name: 'user[employer]', checkValue: 1, label: 'I am an employer (no default value)'
|
|
20
|
+
form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', value: 'true'
|
|
21
|
+
|
|
22
|
+
form.spacer height: 20
|
|
23
|
+
form.h2 text: 'Date/Time'
|
|
24
|
+
form.spacer height: 6
|
|
25
|
+
form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
|
|
26
|
+
form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-09T00:00', max: '2018-06-17T00:00', value: '2018-06-15T19:30'
|
|
27
|
+
|
|
28
|
+
form.spacer height: 20
|
|
29
|
+
form.h2 text: 'Country'
|
|
30
|
+
form.spacer height: 6
|
|
31
|
+
region_field = { name: 'user[city]', label: 'City' }
|
|
32
|
+
form.fields_country name: 'user[country]', width: 'matchParent', label: 'Country', region: region_field
|
|
33
|
+
|
|
34
|
+
form.spacer height: 20
|
|
35
|
+
form.h2 text: 'Map'
|
|
36
|
+
form.spacer height: 6
|
|
37
|
+
form.fields_location name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
|
|
38
|
+
autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
|
|
39
|
+
latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
|
|
40
|
+
longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
|
|
41
|
+
zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
|
|
42
|
+
|
|
43
|
+
form.spacer height: 20
|
|
44
|
+
form.fields_submit text: 'Submit'
|
|
45
|
+
|
|
48
46
|
end
|
|
@@ -1,22 +1,59 @@
|
|
|
1
1
|
json.title 'Forms'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
form.
|
|
6
|
+
page.form \
|
|
7
|
+
url: json_ui_garage_url(path: 'forms/generic_post'),
|
|
8
|
+
method: 'post',
|
|
9
|
+
padding: glib_json_padding_body,
|
|
10
|
+
childViews: ->(form) do
|
|
11
|
+
form.fields_email \
|
|
12
|
+
name: 'user[email]',
|
|
13
|
+
width: 'matchParent',
|
|
14
|
+
label: 'Email'
|
|
15
|
+
|
|
16
|
+
form.fields_url \
|
|
17
|
+
name: 'user[url]',
|
|
18
|
+
width: 'matchParent',
|
|
19
|
+
label: 'URL'
|
|
20
|
+
|
|
21
|
+
form.fields_number \
|
|
22
|
+
name: 'user[number]',
|
|
23
|
+
width: 'matchParent',
|
|
24
|
+
label: 'Number',
|
|
25
|
+
validation: { required: { message: 'Required' } },
|
|
26
|
+
leftText: 'USD',
|
|
27
|
+
rightText: '.00'
|
|
28
|
+
|
|
29
|
+
form.fields_password \
|
|
30
|
+
name: 'user[password]',
|
|
31
|
+
width: 'matchParent',
|
|
32
|
+
label: 'Password',
|
|
33
|
+
hint: 'Should contain at least 6 characters',
|
|
34
|
+
leftIcon: 'lock'
|
|
35
|
+
|
|
36
|
+
form.fields_textarea \
|
|
37
|
+
name: 'user[textarea]',
|
|
38
|
+
width: 'matchParent',
|
|
39
|
+
label: 'Textarea with maxLength',
|
|
40
|
+
maxLength: 50,
|
|
41
|
+
validation: { required: { message: 'Required' } }
|
|
12
42
|
|
|
13
43
|
options = ['male', 'female'].map { |i| { text: i.humanize, value: i } }
|
|
14
|
-
form.fields_select
|
|
44
|
+
form.fields_select \
|
|
45
|
+
name: 'user[gender]',
|
|
46
|
+
width: 'matchParent',
|
|
47
|
+
label: 'Gender',
|
|
48
|
+
validation: { required: { message: 'Required' } },
|
|
49
|
+
options: options
|
|
15
50
|
|
|
16
51
|
form.spacer height: 20
|
|
17
|
-
form.fields_stripeToken
|
|
52
|
+
form.fields_stripeToken \
|
|
53
|
+
name: 'user[stripe_token]',
|
|
54
|
+
width: 'matchParent',
|
|
55
|
+
publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'
|
|
18
56
|
|
|
19
57
|
form.spacer height: 30
|
|
20
58
|
form.fields_submit text: 'Submit'
|
|
21
59
|
end
|
|
22
|
-
end
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
page = json_ui_page json
|
|
2
|
+
|
|
3
|
+
# Implement a page that shows how ActionCable works in json_ui
|
|
4
|
+
|
|
5
|
+
# 1. Example for list
|
|
6
|
+
# column.panels_list actionCable: socket_config, width: 'matchParent', firstSection: ->(section) do
|
|
7
|
+
# section.rows objects: @messages, builder: -> (row, message, index) do
|
|
8
|
+
# render 'conversations/message', row: row, message: message, user: current_user
|
|
9
|
+
# end
|
|
10
|
+
# end
|
|
11
|
+
|
|
12
|
+
# 2. Example for textarea
|
|
13
|
+
# - TODO: Put onKeyUp in Textarea class in app/helpers/glib/json_ui/view_builder/fields.rb
|
|
14
|
+
# - TODO: Implement onKeyUp in glib-web-npm
|
|
15
|
+
# - TODO: Implement cables_push in glib-web-npm
|
|
16
|
+
# form.fields_textarea prop: :content, width: 'matchParent', label: 'Message', onKeyUp: ->(action) do
|
|
17
|
+
# action.cables_push channel: 'message', event: 'typing'
|
|
18
|
+
# end
|
|
19
|
+
|
|
20
|
+
# 3. Example for online status
|
|
21
|
+
# - TODO: Implement "repeat: true" in glib-web-npm
|
|
22
|
+
# page.on load: ->(action) do
|
|
23
|
+
# action.timeouts_set interval: 10000, repeat: true, onTimeout: ->(subaction) do
|
|
24
|
+
# subaction.cables_push channel: 'message', event: 'online'
|
|
25
|
+
# end
|
|
26
|
+
# end
|
|
@@ -25,8 +25,12 @@ page.list firstSection: ->(section) do
|
|
|
25
25
|
end
|
|
26
26
|
end
|
|
27
27
|
|
|
28
|
-
template.thumbnail title: 'WebSocket Real-time Update', onClick: ->(action) do
|
|
28
|
+
template.thumbnail title: 'Phoenix WebSocket Real-time Update', onClick: ->(action) do
|
|
29
29
|
action.windows_open url: json_ui_garage_url(path: 'notifications/web_socket')
|
|
30
30
|
end
|
|
31
|
+
|
|
32
|
+
template.thumbnail title: 'ActionCable Real-time Update', onClick: ->(action) do
|
|
33
|
+
action.windows_open url: json_ui_garage_url(path: 'notifications/action_cable')
|
|
34
|
+
end
|
|
31
35
|
end
|
|
32
36
|
end
|
|
@@ -1,41 +1,44 @@
|
|
|
1
1
|
json.title 'Views'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
|
+
|
|
6
|
+
page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
|
|
7
|
+
scroll.h1 text: 'Heading 1'
|
|
8
|
+
|
|
9
|
+
scroll.spacer height: 10
|
|
10
|
+
scroll.h2 text: 'Heading 2'
|
|
11
|
+
|
|
12
|
+
scroll.spacer height: 10
|
|
13
|
+
scroll.h3 text: 'Heading 3'
|
|
14
|
+
|
|
15
|
+
scroll.spacer height: 10
|
|
16
|
+
scroll.h4 text: 'Heading 4'
|
|
17
|
+
|
|
18
|
+
scroll.spacer height: 10
|
|
19
|
+
scroll.label text: 'Label'
|
|
20
|
+
|
|
21
|
+
scroll.spacer height: 20
|
|
22
|
+
scroll.hr width: 'matchParent'
|
|
23
|
+
|
|
24
|
+
scroll.spacer height: 20
|
|
25
|
+
scroll.h2 text: 'Paragraph'
|
|
26
|
+
scroll.spacer height: 6
|
|
27
|
+
scroll.p text: 'Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,'\
|
|
28
|
+
' making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words,'\
|
|
29
|
+
' consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.'\
|
|
30
|
+
' Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.'\
|
|
31
|
+
' This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..",'\
|
|
32
|
+
' comes from a line in section 1.10.32.' + "\n\n" +
|
|
33
|
+
'The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum"'\
|
|
34
|
+
' by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'
|
|
35
|
+
|
|
36
|
+
scroll.spacer height: 20
|
|
37
|
+
scroll.h2 text: 'Chip'
|
|
38
|
+
scroll.spacer height: 6
|
|
39
|
+
scroll.chip styleClass: 'success', text: 'pending'
|
|
40
|
+
scroll.spacer height: 6
|
|
41
|
+
scroll.chip text: 'Skills', onClick: ->(action) do
|
|
42
|
+
action.dialogs_alert message: 'Perform action'
|
|
40
43
|
end
|
|
41
44
|
end
|
data/lib/glib/test_helpers.rb
CHANGED
|
@@ -13,7 +13,10 @@ module Glib
|
|
|
13
13
|
|
|
14
14
|
def __log_dir
|
|
15
15
|
if @__log_dir.nil?
|
|
16
|
-
@__log_dir = File.expand_path(
|
|
16
|
+
@__log_dir = File.expand_path(
|
|
17
|
+
"#{Rails.root}/test/controllers/#{self.class.to_s.underscore}_results",
|
|
18
|
+
File.dirname(__FILE__)
|
|
19
|
+
)
|
|
17
20
|
unless File.directory?(@__log_dir)
|
|
18
21
|
FileUtils.mkdir_p(@__log_dir)
|
|
19
22
|
end
|
|
@@ -26,15 +29,24 @@ module Glib
|
|
|
26
29
|
end
|
|
27
30
|
|
|
28
31
|
def __log(json)
|
|
29
|
-
File.open("#{File.join(__log_dir, __log_file)}", 'w') do |f|
|
|
32
|
+
file = File.open("#{File.join(__log_dir, __log_file)}", 'w') do |f|
|
|
30
33
|
f << JSON.pretty_generate(JSON.parse(json))
|
|
31
34
|
end
|
|
35
|
+
file.close
|
|
32
36
|
json
|
|
33
37
|
end
|
|
34
38
|
|
|
35
39
|
def __get_previous_result_from_git
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
if __git_is_available?
|
|
41
|
+
`git checkout -- "#{File.join(__log_dir, __log_file)}" > /dev/null 2>&1`
|
|
42
|
+
end
|
|
43
|
+
if File.exist?(
|
|
44
|
+
File.join(__log_dir, __log_file)
|
|
45
|
+
)
|
|
46
|
+
File.read(File.join(__log_dir, __log_file))
|
|
47
|
+
else
|
|
48
|
+
"\{\}"
|
|
49
|
+
end
|
|
38
50
|
end
|
|
39
51
|
end
|
|
40
52
|
end
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: glib-web
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.48
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- ''
|
|
@@ -157,6 +157,7 @@ files:
|
|
|
157
157
|
- app/views/json_ui/garage/lists/index.json.jbuilder
|
|
158
158
|
- app/views/json_ui/garage/lists/reordering.json.jbuilder
|
|
159
159
|
- app/views/json_ui/garage/lists/templating.json.jbuilder
|
|
160
|
+
- app/views/json_ui/garage/notifications/action_cable.json.jbuilder
|
|
160
161
|
- app/views/json_ui/garage/notifications/android_post.json.jbuilder
|
|
161
162
|
- app/views/json_ui/garage/notifications/index.json.jbuilder
|
|
162
163
|
- app/views/json_ui/garage/notifications/web_socket.json.jbuilder
|