glib-web 2.3.0 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0c537eef969f4edd210d5d6e860159a3517ca21b73a6f07319dac16018ce540f
-  data.tar.gz: e7bdd1d06693de1579161644e398764b36ef52d3fb2c58fb079cb69773e04507
+  metadata.gz: 416ab4888b4ca5e16220519fb9f1dc56999d91be403a2f14c464386f4b586604
+  data.tar.gz: b6e8f65a85f9542b9a3a8e865d52a36860d7acb95cdc930918e379b290ba0e66
 SHA512:
-  metadata.gz: bbf1641068355fb28a11156817b9e531bd72b569d2108de505702c36b864c38671ead9c061999c1bedf988f25b259f8f2d739e3a795ed63bb848dd0f2921d6a3
-  data.tar.gz: 8294874f0b0718322f718f8b53cb33707ec0b95e828158ca1cbfe818582852d8f58111b0abefe21dabb9778820bb18d4746048f635849a99dcc587145423f17f
+  metadata.gz: d2705c8939f81dcd503c8d7c77c5f70d157df9645123b4ca1f56fefe351bbafdeee4485cfaa31838a2e001f18cd05ae8776c44a7569b8c1c892838f17eace3ed
+  data.tar.gz: 1dcb659e7c9587137eef9aebfa1743e62edf6c427855a653fd6b12d71c827d5a32fb2e6131011cd80914f505bd6d140c07f61aaa9c4b60d301cb7f729772a1f5

data/app/controllers/glib/home_controller.rb

@@ -18,6 +18,15 @@ module Glib
           margin-right: auto;
           margin-left: auto;
         }
+
+        .rounded-corner {
+          border-radius: 16px;
+        }
+
+        /* Make sure the hover highlight effect also has rounded corners */
+        .rounded-corner:hover:after {
+          border-radius: 16px;
+        }
         </style>
       eos
 

data/app/helpers/glib/json_ui/menu_builder.rb

@@ -45,6 +45,7 @@ module Glib
         icon :icon
         action :onClick
         bool :disabled
+        hash :tooltip
         singleton_array :styleClass, :styleClasses
 
         def childButtons(block)

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -5,6 +5,10 @@ class Glib::JsonUi::ViewBuilder
       string :paramNameForFormData
       bool :local
 
+      # TODO: Enable this when we know it won't break existing apps.
+      # Even for pure client-side apps, this is required because form.validate() requires a URL to construct form data.
+      # required :url
+
       def is_array_association?(prop)
         # # Not all model is ActiveRecord
         # if @model.class.respond_to?(:reflect_on_association)

data/app/helpers/glib/json_ui/view_builder.rb

@@ -192,6 +192,12 @@ module Glib
         action :onClick
         color :color
         bool :disabled
+
+        def childButtons(block)
+          json.childButtons do
+            block.call page.menu_builder
+          end
+        end
       end
 
       class Fab < View
@@ -279,7 +285,7 @@ module Glib
 
       class ProgressCircle < View
         int :rotate # from 0 to 360
-        int :size 
+        int :size
         int :value # from 0 to 100
         color :color
         string :text

data/app/models/concerns/glib/soft_deletable.rb

@@ -22,6 +22,11 @@ module Glib
         soft_destroy_record
       end
 
+      # More explicit naming which is sometimes useful for readability.
+      def soft_destroy
+        soft_destroy_record
+      end
+
       # Revive a soft-deleted record and associated records if soft-deleted,
       # otherwise return self
       def revive

data/app/views/json_ui/garage/lists/edit_actions.json.jbuilder

@@ -17,12 +17,22 @@ page.list firstSection: ->(section) do
           subaction.dialogs_alert message: 'Tick/untick'
         end
       end, rightButtons: ->(menu) do
-        menu.button styleClass: 'icon', icon: 'share', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Share'
-        end
-        menu.button styleClass: 'icon', icon: 'open_in_new', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Open'
-        end
+        menu.button \
+          styleClass: 'icon',
+          icon: 'share',
+          tooltip: { text: 'Share' },
+          childButtons: ->(submenu) do
+            submenu.button text: 'Dropdown item 1'
+            submenu.button text: 'Dropdown item 2'
+            submenu.button text: 'Dropdown item 3'
+          end
+        menu.button \
+          styleClass: 'icon',
+          icon: 'open_in_new',
+          tooltip: { text: 'Open in new window' },
+          onClick: ->(subaction) do
+            subaction.dialogs_alert message: 'Open'
+          end
       end, editButtons: ->(menu) do
         menu.button text: "Edit (ID: #{page_index})", onClick: ->(action) do
           action.dialogs_alert message: 'Perform Edit action'

data/app/views/json_ui/garage/panels/responsive.json.jbuilder

@@ -123,6 +123,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 8
   scroll.panels_responsive \
     backgroundColor: '#c3cad2',
+    styleClasses: ['rounded-corner'],
     padding: { left: 20, right: 20, top: 10, bottom: 10 },
     tooltip: { text: 'Tooltip text' },
     childViews: ->(responsive) do

data/app/views/json_ui/garage/panels/timeline.json.jbuilder

@@ -7,7 +7,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   timeline_items = [
       { icon: 'place', color: '#4BB543' },
       { icon: 'check_circle', color: 'blue' },
-      { icon: 'hourglass_empty', color: 'blue', label: 'Pending' },
+      { icon: 'hourglass_empty', color: 'blue', text: 'Pending' },
       { icon: 'radio_button_unchecked' },
       { icon: 'radio_button_unchecked' },
     ]
@@ -32,16 +32,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
 
   timeline_items = [
-      { icon: 'place', color: '#4BB543' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'flag', color: '#FFA500' },
+      { icon: 'place', color: '#4BB543', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'flag', color: '#FFA500', styleClasses: ['outlined'] },
     ]
 
   scroll.h2 text: 'Timeline with outlined dots'
   scroll.panels_timeline \
-    styleClasses: ['outlined', 'icon-on-mdAndUp'],
     events: timeline_items,
     childViews: ->(timeline) do
       timeline.panels_vertical childViews: ->(vertical) do
@@ -74,4 +73,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         timeline.label text: '1 minute ago'
       end
     end
+
+  timeline_items = [
+      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', color: 'white', text: '3' },
+      { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
+      { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
+    ]
+
+  scroll.h2 text: 'Timeline without content'
+  scroll.panels_timeline events: timeline_items
 end

data/app/views/json_ui/garage/panels/ul.json.jbuilder

@@ -37,9 +37,29 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       ul.button text: 'Level 1', styleClass: 'link', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'home/blank')
       end
-      ul.button text: 'Level 2', styleClass: 'link', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      # ul.button text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
+      #   menu.button text: 'Dropdown item 1'
+      #   menu.button text: 'Dropdown item 2'
+      #   menu.button text: 'Dropdown item 3'
+      # end
+
+      ul.button icon: 'keyboard_arrow_down', text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
+        menu.button text: 'Dropdown item 1'
+        menu.button text: 'Dropdown item 2'
+        menu.button text: 'Dropdown item 3'
       end
+      # , onClick: ->(action) do
+      #   action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      # end
       ul.label text: 'Level 3'
     end
+
+  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClasses: ['link'], onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'home/blank')
+  end
+  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClass: 'link', childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
 end

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

@@ -25,8 +25,22 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     onClick: ->(action) do
       action.dialogs_alert message: 'Perform action'
     end
-  scroll.spacer height: 20
 
+  scroll.spacer height: 10
+  scroll.button text: 'Button with dropdown', childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 10
+  scroll.button text: 'Button with tooltip and dropdown', tooltip: { text: 'Tooltip text' }, childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 20
   scroll.button \
     icon: 'info',
     styleClass: 'icon',

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 2.3.0
+  version: 2.4.0
 platform: ruby
 authors:
 - ''