glib-web 0.5.43 → 0.5.44

data/app/views/json_ui/garage/views/images.json.jbuilder

@@ -1,89 +1,89 @@
-json.title 'Views'
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-# small_image_url = 'https://icons-for-free.com/iconfiles/png/128/of+thrones+game+thrones+series+character+avatar+jon+snow-1320568555745862611.png'
-small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
-
-page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-  scroll.h2 text: 'Avatar'
-  scroll.spacer height: 6
-  scroll.avatar url: glib_json_image_avatar_url
-
-  # scroll.spacer height: 20
-  # scroll.h2 text: 'Icon'
-  # scroll.spacer height: 6
-  # scroll.icon spec: 'info'
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Image with base64 data'
-  scroll.spacer height: 6
-  scroll.image height: 100, base64Data: 'data:image/gif;base64,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'
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'QR Code as base64 image'
-  scroll.spacer height: 6
-  if defined? RQRCode
-    qr_content = { version: 1, message: 'This is a test' }
-    qr = RQRCode::QRCode.new(qr_content.to_json)
-    scroll.image base64Data: qr.as_png(size: 300).to_data_url
-  else
-    scroll.label text: 'Include "rqrcode" gem to enable this'
-  end
-
-  scroll.spacer height: 60
-  scroll.hr
-
-  scroll.spacer height: 60
-  scroll.h2 text: 'Original size'
-  scroll.spacer height: 6
-  scroll.image url: glib_json_image_standard_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Original size'
-  scroll.spacer height: 6
-  scroll.image url: small_image_url
-
-  # Reference: https://docs.imgix.com/apis/url/size/fit#clip
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to full width (scale down)'
-  scroll.spacer height: 6
-  scroll.image width: 'matchParent', url: glib_json_image_standard_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to full width (scale up)'
-  scroll.spacer height: 6
-  scroll.image width: 'matchParent', url: small_image_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to width (scale down)'
-  scroll.spacer height: 6
-  scroll.image width: 320, url: glib_json_image_standard_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to height (scale down)'
-  scroll.spacer height: 6
-  scroll.image height: 320, url: glib_json_image_standard_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to width (scale up)'
-  scroll.spacer height: 6
-  scroll.image width: 320, url: small_image_url
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: clip (default) to height (scale up)'
-  scroll.spacer height: 6
-  scroll.image height: 320, url: small_image_url
-
-  # Reference: https://docs.imgix.com/apis/url/size/fit#crop
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: crop to width'
-  scroll.spacer height: 6
-  scroll.image width: 200, url: glib_json_image_standard_url, fit: :crop
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'fit: crop to height'
-  scroll.spacer height: 6
-  scroll.image height: 200, url: glib_json_image_standard_url, fit: :crop
-end
+json.title 'Views'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+# small_image_url = 'https://icons-for-free.com/iconfiles/png/128/of+thrones+game+thrones+series+character+avatar+jon+snow-1320568555745862611.png'
+small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Avatar'
+  scroll.spacer height: 6
+  scroll.avatar url: glib_json_image_avatar_url
+
+  # scroll.spacer height: 20
+  # scroll.h2 text: 'Icon'
+  # scroll.spacer height: 6
+  # scroll.icon spec: 'info'
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Image with base64 data'
+  scroll.spacer height: 6
+  scroll.image height: 100, base64Data: 'data:image/gif;base64,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'
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'QR Code as base64 image'
+  scroll.spacer height: 6
+  if defined? RQRCode
+    qr_content = { version: 1, message: 'This is a test' }
+    qr = RQRCode::QRCode.new(qr_content.to_json)
+    scroll.image base64Data: qr.as_png(size: 300).to_data_url
+  else
+    scroll.label text: 'Include "rqrcode" gem to enable this'
+  end
+
+  scroll.spacer height: 60
+  scroll.hr
+
+  scroll.spacer height: 60
+  scroll.h2 text: 'Original size'
+  scroll.spacer height: 6
+  scroll.image url: glib_json_image_standard_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Original size'
+  scroll.spacer height: 6
+  scroll.image url: small_image_url
+
+  # Reference: https://docs.imgix.com/apis/url/size/fit#clip
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to full width (scale down)'
+  scroll.spacer height: 6
+  scroll.image width: 'matchParent', url: glib_json_image_standard_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to full width (scale up)'
+  scroll.spacer height: 6
+  scroll.image width: 'matchParent', url: small_image_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to width (scale down)'
+  scroll.spacer height: 6
+  scroll.image width: 320, url: glib_json_image_standard_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to height (scale down)'
+  scroll.spacer height: 6
+  scroll.image height: 320, url: glib_json_image_standard_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to width (scale up)'
+  scroll.spacer height: 6
+  scroll.image width: 320, url: small_image_url
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: clip (default) to height (scale up)'
+  scroll.spacer height: 6
+  scroll.image height: 320, url: small_image_url
+
+  # Reference: https://docs.imgix.com/apis/url/size/fit#crop
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: crop to width'
+  scroll.spacer height: 6
+  scroll.image width: 200, url: glib_json_image_standard_url, fit: :crop
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'fit: crop to height'
+  scroll.spacer height: 6
+  scroll.image height: 200, url: glib_json_image_standard_url, fit: :crop
+end

data/app/views/json_ui/garage/views/index.json.jbuilder

@@ -1,54 +1,54 @@
-json.title 'Views'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-  page.list sections: [
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Components'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Texts', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/texts')
-        end
-        template.thumbnail title: 'Images', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/images')
-        end
-        template.thumbnail title: 'Charts', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/charts')
-        end
-        template.thumbnail title: 'Banners', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/banners')
-        end
-        template.thumbnail title: 'Maps', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/maps')
-        end
-        template.thumbnail title: 'Misc', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/misc')
-        end
-
-        if !Rails.env.test?  # Avoid slowing down tests
-          template.thumbnail title: 'Icons', onClick: ->(action) do
-            action.windows_open url: json_ui_garage_url(path: 'views/icons')
-          end
-        end
-      end
-    end,
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Styling and Formatting'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Markdowns', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/markdowns')
-        end
-        template.thumbnail title: 'Links', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/links')
-        end
-      end
-    end
-  ]
-end
+json.title 'Views'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+  page.list sections: [
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Components'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Texts', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/texts')
+        end
+        template.thumbnail title: 'Images', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/images')
+        end
+        template.thumbnail title: 'Charts', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/charts')
+        end
+        template.thumbnail title: 'Banners', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/banners')
+        end
+        template.thumbnail title: 'Maps', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/maps')
+        end
+        template.thumbnail title: 'Misc', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/misc')
+        end
+
+        if !Rails.env.test?  # Avoid slowing down tests
+          template.thumbnail title: 'Icons', onClick: ->(action) do
+            action.windows_open url: json_ui_garage_url(path: 'views/icons')
+          end
+        end
+      end
+    end,
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Styling and Formatting'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Markdowns', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/markdowns')
+        end
+        template.thumbnail title: 'Links', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/links')
+        end
+      end
+    end
+  ]
+end

data/app/views/json_ui/garage/views/links.json.jbuilder

@@ -1,70 +1,70 @@
-json.title 'Views'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-
-    scroll.h2 text: 'Standard button'
-    scroll.spacer height: 6
-    scroll.button text: 'Button', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Button with icon'
-    scroll.spacer height: 6
-    scroll.button icon: 'info', text: 'Button', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Button with link style'
-    scroll.spacer height: 6
-    scroll.button text: 'Link Button', styleClass: 'link', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Button with icon style'
-    scroll.spacer height: 6
-    scroll.button icon: 'info', styleClass: 'icon', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Label with onClick URL'
-    scroll.spacer height: 6
-    scroll.label text: 'Clickable Link', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Avatar with onClick'
-    # TODO: Make sure "open in new tab" works
-    scroll.spacer height: 10
-    scroll.avatar url: glib_json_image_avatar_url, styleClass: 'link', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Image with onClick'
-    # TODO: Make sure "open in new tab" works
-    scroll.spacer height: 10
-    scroll.image width: 100, url: glib_json_image_standard_url, styleClass: 'link', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Icon with onClick'
-    scroll.spacer height: 6
-    scroll.icon spec: 'info', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-    scroll.fab icon: 'add', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url(path: 'home/blank')
-    end
-
-  end
-end
+json.title 'Views'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+
+    scroll.h2 text: 'Standard button'
+    scroll.spacer height: 6
+    scroll.button text: 'Button', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Button with icon'
+    scroll.spacer height: 6
+    scroll.button icon: 'info', text: 'Button', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Button with link style'
+    scroll.spacer height: 6
+    scroll.button text: 'Link Button', styleClass: 'link', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Button with icon style'
+    scroll.spacer height: 6
+    scroll.button icon: 'info', styleClass: 'icon', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Label with onClick URL'
+    scroll.spacer height: 6
+    scroll.label text: 'Clickable Link', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Avatar with onClick'
+    # TODO: Make sure "open in new tab" works
+    scroll.spacer height: 10
+    scroll.avatar url: glib_json_image_avatar_url, styleClass: 'link', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Image with onClick'
+    # TODO: Make sure "open in new tab" works
+    scroll.spacer height: 10
+    scroll.image width: 100, url: glib_json_image_standard_url, styleClass: 'link', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Icon with onClick'
+    scroll.spacer height: 6
+    scroll.icon spec: 'info', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+    scroll.fab icon: 'add', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end
+
+  end
+end

data/app/views/json_ui/garage/views/map_cluster_data.json.jbuilder

@@ -1,41 +1,41 @@
-
-json.pins do
-  locations = [
-    { lat: -31.56391, lng: 147.154312 },
-    { lat: -33.718234, lng: 150.363181 },
-    { lat: -33.727111, lng: 150.371124 },
-    { lat: -33.848588, lng: 151.209834 },
-    { lat: -33.851702, lng: 151.216968 },
-    { lat: -34.671264, lng: 150.863657 },
-    { lat: -35.304724, lng: 148.662905 },
-    { lat: -36.817685, lng: 175.699196 },
-    { lat: -36.828611, lng: 175.790222 },
-    { lat: -37.75, lng: 145.116667 },
-    { lat: -37.759859, lng: 145.128708 },
-    { lat: -37.765015, lng: 145.133858 },
-    { lat: -37.770104, lng: 145.143299 },
-    { lat: -37.7737, lng: 145.145187 },
-    { lat: -37.774785, lng: 145.137978 },
-    { lat: -37.819616, lng: 144.968119 },
-    { lat: -38.330766, lng: 144.695692 },
-    { lat: -39.927193, lng: 175.053218 },
-    { lat: -41.330162, lng: 174.865694 },
-    { lat: -42.734358, lng: 147.439506 },
-    { lat: -42.734358, lng: 147.501315 },
-    { lat: -42.735258, lng: 147.438 },
-    { lat: -43.999792, lng: 170.463352 },
-    { lat: 49.003109, lng: 108.490479, size: 3500000 },
-    { lat: -6.611423, lng: 141.922091, size: 3700 },
-  ];
-
-  locations.each do |location|
-    json.child! do
-      json.latitude location[:lat]
-      json.longitude location[:lng]
-      json.clusterSize location[:size]
-      json.infoWindow do
-        json.title "TEST #{rand(1000)}"
-      end
-    end
-  end
-end
+
+json.pins do
+  locations = [
+    { lat: -31.56391, lng: 147.154312 },
+    { lat: -33.718234, lng: 150.363181 },
+    { lat: -33.727111, lng: 150.371124 },
+    { lat: -33.848588, lng: 151.209834 },
+    { lat: -33.851702, lng: 151.216968 },
+    { lat: -34.671264, lng: 150.863657 },
+    { lat: -35.304724, lng: 148.662905 },
+    { lat: -36.817685, lng: 175.699196 },
+    { lat: -36.828611, lng: 175.790222 },
+    { lat: -37.75, lng: 145.116667 },
+    { lat: -37.759859, lng: 145.128708 },
+    { lat: -37.765015, lng: 145.133858 },
+    { lat: -37.770104, lng: 145.143299 },
+    { lat: -37.7737, lng: 145.145187 },
+    { lat: -37.774785, lng: 145.137978 },
+    { lat: -37.819616, lng: 144.968119 },
+    { lat: -38.330766, lng: 144.695692 },
+    { lat: -39.927193, lng: 175.053218 },
+    { lat: -41.330162, lng: 174.865694 },
+    { lat: -42.734358, lng: 147.439506 },
+    { lat: -42.734358, lng: 147.501315 },
+    { lat: -42.735258, lng: 147.438 },
+    { lat: -43.999792, lng: 170.463352 },
+    { lat: 49.003109, lng: 108.490479, size: 3500000 },
+    { lat: -6.611423, lng: 141.922091, size: 3700 },
+  ];
+
+  locations.each do |location|
+    json.child! do
+      json.latitude location[:lat]
+      json.longitude location[:lng]
+      json.clusterSize location[:size]
+      json.infoWindow do
+        json.title "TEST #{rand(1000)}"
+      end
+    end
+  end
+end