glib-web 0.5.5

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

@@ -0,0 +1,23 @@
+module Glib
+  module JsonUi
+    module ResponseHelper
+      def json_ui_response(json)
+        json.onResponse do
+          response = Response.new(json, self)
+          yield response.action_builder
+        end
+      end
+
+      class Response
+        attr_reader :action_builder
+
+        def initialize(json, context)
+          @json = json
+          @context = context
+
+          @action_builder = ActionBuilder.new(json, self)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,32 @@
+module Glib
+  module JsonUi
+    module SplitBuilders
+
+      class Content < AbstractBuilder
+        def initialize json, page, template
+          super json, page
+          @template = template
+        end
+
+        def left(options = {})
+          json.left do
+            page.vertical_content(options)
+          end
+        end
+
+        def center(options = {})
+          json.center do
+            page.vertical_content(options)
+          end
+        end
+
+        def right(options = {})
+          json.right do
+            page.vertical_content(options)
+          end
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,25 @@
+module Glib
+  module JsonUi
+    module StylingHelper
+      def glib_json_padding_body
+        { top: 12, left: 20, right: 20, bottom: 12 }
+      end
+
+      def glib_json_padding_list
+        { top: 12, bottom: 12, left: 16, right: 16 }
+      end
+
+      def glib_json_image_standard_url
+        'https://cdn-images-1.medium.com/max/1200/1*Qc0XxYm-qAZL-7tjjlNfrg.png'
+      end
+
+      def glib_json_image_avatar_url
+        'https://www.wpjournalist.nl/wp-content/uploads/2019/03/avatar-jongen-voorbeeld-1.jpg'
+      end
+
+      def glib_json_image_blob_key
+        'o6CKzNt67PWnkPdUEnWMt7pr'
+      end
+    end
+  end
+end

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

@@ -0,0 +1,74 @@
+module Glib
+  module JsonUi
+    module TableBuilders
+      class Template < AbstractBuilder
+        def method_missing m, *args
+          add_element_to_array 'template', m, *args
+        end
+      
+        class AbstractTemplate < JsonUiElement
+
+          def editButtons(block)
+            json.editButtons do
+              block.call page.menu_builder
+            end
+          end
+        
+        end
+        
+        class Default < AbstractTemplate
+          views :cellViews
+          action :onClick
+          array :colSpans
+          array :colStyles
+        end
+      end
+      
+      class Section < AbstractBuilder
+        def initialize json, page, template
+          super json, page
+          @template = template
+        end
+
+        def header(options = {})
+          json.header do
+            json.backgroundColor options[:backgroundColor]
+            json.cellViews do
+              options[:cellViews]&.call page.view_builder
+            end
+          end
+        end
+
+        def rows(options = {})
+          block = options.delete(:builder)
+          json.rows do
+            if (objects = options.delete(:objects))
+              objects.each_with_index do |object, index|
+                block&.call @template, object, index
+              end
+            else
+              block&.call @template
+            end
+          end
+
+          raise "Invalid properties: #{options.keys}" if options.size > 0
+        end
+
+        # def rows(array = nil)
+        #   template = page.table_template_builder
+        #   json.rows do
+        #     if array
+        #       array.each do |row|
+        #         yield template, row
+        #       end
+        #     else
+        #       yield template
+        #     end
+        #   end
+        # end
+
+      end
+      
+    end
+  end
+end

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

@@ -0,0 +1,185 @@
+module Glib
+  module JsonUi
+    class ViewBuilder < AbstractBuilder
+      def initialize(json, page, multiple)
+        super(json, page)
+
+        @multiple = multiple
+      end
+
+      def add_view(name, *args)
+        if @multiple
+          add_element_to_array_v1 'view', name, *args
+        else
+          add_singleton_element_v1 'view', name, *args
+        end
+      end
+
+      def method_missing(m, *args)
+        add_view m, *args
+      end
+
+      class View < JsonUiElement
+        length :width
+        length :height
+        color :backgroundColor
+        hash :padding
+        # array :styleClasses
+        singleton_array :styleClass, :styleClasses
+        hash :showIf
+
+        def analytics(value)
+          if value.is_a?(String)
+            @analyticsEnabled = true
+            @analyticsId = value
+          else
+            @analyticsEnabled = value == true
+          end
+        end
+
+        # Override
+        def created
+          if @analyticsEnabled
+            context = page.context
+            json.analytics do
+              content = @analyticsId || (@text || @icon)&.gsub(/\s+/, '_')&.downcase || 'nil'
+              json.namePrefix [context.controller_name, context.action_name, content].join('_')
+            end
+          end
+        end
+
+      end
+
+      ### View definitions
+
+      class AbstractText < View
+        string :textAlign
+        text :text
+        color :color
+      end
+
+      class H1 < AbstractText
+      end
+
+      class H2 < AbstractText
+      end
+
+      class H3 < AbstractText
+      end
+
+      class H4 < AbstractText
+      end
+
+      class H5 < AbstractText
+      end
+
+      class H6 < AbstractText
+      end
+
+      class P < AbstractText
+      end
+
+      class Markdown < AbstractText
+        bool :previewVideo
+      end
+
+      class Label < AbstractText
+        # string :format
+        action :onClick
+      end
+
+      class Image < View
+        string :url
+        string :base64Data
+        action :onClick
+        string :fit
+      end
+
+      class Avatar < View
+        string :url
+        action :onClick
+      end
+
+      class Icon < View
+        icon :spec
+        action :onClick
+      end
+
+      # class Banner < View
+      #   icon :icon
+      #   string :text
+      # end
+
+      class Button < View
+        icon :icon, cache: true
+        string :text, cache: true
+        action :onClick
+        color :color
+      end
+
+      class Fab < View
+        icon :icon
+        action :onClick
+      end
+
+      class Hr < View
+      end
+
+      class Spacer < View
+      end
+
+      class Map < View
+        float :latitude
+        float :longitude
+        int :zoom
+        string :dataUrl
+      end
+
+      class Chip < View
+        string :text
+        action :onClick
+      end
+
+      class Calendar < View
+        string :dataUrl
+      end
+
+      class TabBar < View
+        color :color
+
+        def buttons(block)
+          json.buttons do
+            block.call page.menu_builder
+          end
+        end
+
+        # Should be deprecated
+        # def tabButtons(block)
+        #   json.tabButtons do
+        #     block.call page.menu_builder
+        #   end
+        # end
+
+        # def options(options)
+        #   current_url = page.context.request.base_url + page.context.request.fullpath
+
+        #   buttons ->(menu) do
+        #     options.each do |tab|
+        #       menu.button text: tab[:text], disabled: tab[:url] == current_url, onClick: ->(action) do
+        #         action.windows_reload url: tab[:url]
+        #       end
+        #     end
+        #   end
+        # end
+
+      end
+
+      class Datetime < View
+        date_time :value
+        string :format
+        bool :tick
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,24 @@
+class Glib::JsonUi::ViewBuilder
+  module Banners
+
+    class Alert < View
+      icon :icon
+      string :message
+      # string :message_format
+      singleton_array :styleClass, :styleClasses
+    end
+
+    class Select < View
+      icon :icon
+      string :message
+      singleton_array :styleClass, :styleClasses
+
+      def buttons(block)
+        json.buttons do
+          block.call page.menu_builder
+        end
+      end
+    end
+
+  end
+end

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

@@ -0,0 +1,33 @@
+class Glib::JsonUi::ViewBuilder
+  module Charts
+    class Line < View
+      hash :nextPage
+
+      def dataSeries(blocks)
+        json.dataSeries do
+          blocks.each do |block|
+            json.child! do
+              block.call
+            end
+          end
+        end
+      end
+
+    end
+
+    class Column < View
+      bool :stacked
+
+      def dataGroups(blocks)
+        json.dataGroups do
+          blocks.each do |block|
+            json.child! do
+              block.call
+            end
+          end
+        end
+      end
+
+    end
+  end
+end

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

@@ -0,0 +1,213 @@
+class Glib::JsonUi::ViewBuilder
+  module Fields
+
+    class AbstractField < View
+      hash :validation
+
+      def label(label)
+        @label = label
+      end
+
+      def label_args(label_args)
+        @label_args = label_args
+      end
+
+      def hint(hint)
+        @hint = hint
+      end
+
+      def hint_args(hint_args)
+        @hint_args = hint_args
+      end
+
+      def placeholder(placeholder)
+        @placeholder = placeholder
+      end
+
+      def placeholder_args(placeholder_args)
+        @placeholder_args = placeholder_args
+      end
+
+      def name(name)
+        @name = name if name != Glib::Value::DEFAULT
+      end
+
+      def value(value)
+        @value = value if value != Glib::Value::DEFAULT
+      end
+
+      def prop(prop)
+        @prop = prop
+        # if (form = page.current_form)
+        #   @name ||= form.field_name(prop)
+        #   @value ||= form.field_value(prop)
+        # end
+      end
+
+      # Override
+      def created
+        if @prop && (form = page.current_form)
+          @name ||= form.field_name(@prop, @multiple || false)
+          @value ||= form.field_value(@prop)
+          @label ||= form.field_label(@prop, @label_args || {})
+          @hint ||= form.hint_label(@prop, @hint_args || {})
+          @placeholder ||= form.placeholder_label(@prop, @placeholder_args || {})
+        end
+        json.name @name
+        json.value @value if @value
+        json.label @label if @label
+        json.hint @hint if @hint
+
+        # In general, use hint over placeholder for the following reasons:
+        # - Placeholder gets hidden when there is input which may be confusing
+        # - Placeholder competes with label for space
+        json.placeholder @placeholder if @placeholder
+      end
+
+    end
+
+    class Text < AbstractField
+      int :maxLength
+      bool :readOnly
+    end
+
+    class Number < Text
+      int :min
+      int :max
+    end
+
+    class Email < Text
+    end
+
+    class Url < Text
+    end
+
+    class Password < Text
+    end
+
+    class Hidden < Text
+    end
+
+    # Benefits of using `fields/submit` over `button`
+    # - On the web, it translates to input[type=submit] which provides builtin functionality such as
+    #   submitting upon pressing enter on a field and remembering values for autofill.
+    # - We can attach name-value param to it. See https://www.w3schools.com/tags/att_button_value.asp
+    # - It has a default onClick so no need to specify `onClick: ->(action) { action.forms_submit }`
+    class Submit < AbstractField
+      string :text
+    end
+
+    class CheckGroup < AbstractField
+      views :childViews
+      string :uncheckValue
+    end
+
+    class Check < Text
+      string :uncheckValue
+      string :checkValue
+
+      # Where possible, use value instead of this
+      bool :checked
+    end
+
+    # This doesn't use camel case because some terms have become single words (e.g. snackbar)
+    class Textarea < Text
+    end
+
+    class RichText < Text
+      array :images
+    end
+
+    class Country < AbstractField
+      hash :region
+    end
+
+    class Select < AbstractField
+      array :options
+      bool :readOnly
+      bool :multiple, cache: true
+      # bool :manualEntry
+      hash :append
+    end
+
+    class Autocomplete < AbstractField
+      array :options
+      bool :readOnly
+      bool :multiple, cache: true
+      # bool :manualEntry
+      hash :append
+    end
+
+    class DynamicSelect < AbstractField
+      array :selectedOptions
+      string :url
+      bool :multiple, cache: true
+
+      # Override
+      def value(value)
+        raise 'Use selectedOptions instead (for clarity)'
+      end
+    end
+
+    class DynamicGroup < AbstractField
+      string :titlePrefix
+      panels_builder :content, :template
+
+      # NOTE: Consider using sub-panel instead (e.g. groupTemplate)
+      # views :groupTemplateViews
+    end
+
+    class RadioGroup < View
+      string :name
+      string :value
+      views :childViews
+
+      string :iconOfBeforeSelected
+      string :iconOfSelected
+      string :iconOfAfterSelected
+    end
+
+    class Radio < View
+      string :label
+      string :value
+    end
+
+    class File < Text
+      # file_rules = { fileType: 'image/*', maxFileSize: 5000 }
+      # file_rules = { fileType: 'video/*', maxFileSize: 50000 }
+      # file_rules = { fileType: 'application/pdf', maxFileSize: 5000 }
+      hash :accepts
+
+      string :directUploadUrl
+      string :fileUrl
+      string :fileTitle
+      hash :placeholderView
+    end
+
+    class Date < AbstractField
+      date :min
+      date :max
+
+      # Override
+      def value(value)
+        super(value&.to_date)
+      end
+    end
+
+    # This doesn't use camel case to be consistent with the html input equivalent
+    class Datetime < AbstractField
+      date_time :min
+      date_time :max
+    end
+
+    class LatLong < AbstractField
+      hash :latitudeField
+      hash :longitudeField
+    end
+
+    class StripeToken < AbstractField
+      string :publicKey
+    end
+
+  end
+end