coprl 0.1.0 → 3.0.0.beta.1

data/app/demo/plugins/image_crop.pom

@@ -0,0 +1,44 @@
+Coprl::Presenters.define(:image_crop, namespace: :plugins) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :plugin_drawer
+  plugin :image_crop
+
+  page_title 'Image Crop'
+
+  indented_grid do
+    title 'Drag and drop with cropper preview'
+    grid do
+      column 6 do
+        image_crop id: :event_image,
+                   aspect_ratio: 1.0,
+                   image: 'https://cdn.mos.cms.futurecdn.net/4f6d31c116fdada59a5cb16d136e3068-970-80.jpg' do
+        end
+      end
+      column 6 do
+        file_input name: :event_file_name, preview: :event_image, accept: 'image/png, image/jpeg, image/gif, image/svg+xml' do
+          grid do
+            column 12 do
+              card do
+                text 'Drop it here'
+                button icon: :cloud_upload
+              end
+            end
+          end
+        end
+      end
+      event :change do
+        replaces :context_list, ':context_list'
+      end
+    end
+  end
+
+  # image_crop do
+  #   event :change do
+  #     replaces :context_list, ':context_list'
+  #   end
+  # end
+  attach 'context_list'
+  attach :code, file: __FILE__
+end
+

data/app/demo/plugins/index.pom

@@ -0,0 +1,29 @@
+Coprl::Presenters.define(:index, namespace: :plugins) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :plugin_drawer
+  plugin :foo
+
+  indented_grid do
+    display 'Sample Plugin'
+    body 'You can extend the presenters by writing a plugin.'
+    body 'Plugins can fully extend and override built in presenter behavior.'
+    blank
+    icon 'fa-hand-point-left', position: :left
+    subheading 'Select a plugin to get started'
+    blank
+    body 'The plugin generator is the easiest way to get started.'
+    body 'presenters generate plugin <your plugin name>'
+    blank
+    body 'For a complete example checkout the sample '\
+               '[foo_presenter_plugin](https://github.com/rx/foo_presenter_plugin).'
+    foo(random_fact)
+    button 'New Random Fact' do
+      event :click do
+        foo_action 'Showing new random fact!'
+        snackbar last_response.data
+      end
+    end
+  end
+  attach :code, file: __FILE__
+end

data/app/demo/plugins/nav/drawer.pom

@@ -0,0 +1,19 @@
+Coprl::Presenters.define(:plugin_drawer, namespace: :plugins) do
+  helpers Coprl::Presenters::Helpers::Inflector
+  drawer 'Plugins' do
+    menu do
+      item 'Sample Plugin' do
+        event :click do
+          loads :index
+        end
+      end
+      %i(image_crop chart).sort.each do |comp|
+        item titleize(comp) do
+          event :click do
+            loads comp
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/shared/code.pom

@@ -0,0 +1,20 @@
+Coprl::Presenters.define(:code) do
+  if context[:file]
+    grid do
+      column 12 do
+        body ''
+        expansion_panel 'Show Source' do
+          content do
+            form do
+              source = File.read(context[:file])
+              text_area full_width: true, rows: source.split("\n").size do
+                value source
+                label 'Source'
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/shared/context_list.pom

@@ -0,0 +1,29 @@
+Coprl::Presenters.define(:context_list) do
+  helpers do
+    def title
+      context.fetch(:title) {'Context'}
+    end
+
+    def time
+      Time.now unless context.fetch(:hide_time) {true}
+    end
+
+    def scrubbed_context
+      scrubbed_keys = context.fetch(:exclude) {%w{title file hide_time _presenter_ _namespace1_ session}}
+      context.select {|k, _| !scrubbed_keys.include?(k.to_s)}
+    end
+  end
+  content id: :context_list do
+    grid do
+      column 12 do
+        headline title
+        subheading "#{time}"
+        list do
+          scrubbed_context.map {|k, v| "#{k}: #{v}"}.each do |param|
+            line param
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/shared/debug.pom

@@ -0,0 +1,17 @@
+Coprl::Presenters.define(:debug) do
+  if context[:debug]
+    grid do
+      column 1
+      column 11 do
+        headline 'Debug Info'
+        title 'Context:'
+        form do
+          text_area full_width: true, rows: context.size do
+            value context.inspect
+            label 'Context'
+          end
+        end
+      end
+    end
+  end
+end

data/app/demo/styles.pom

@@ -0,0 +1,42 @@
+require_relative 'helpers/indented_grid'
+
+Coprl::Presenters.define(:styles) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  page_title 'Page Title' do
+    icon :settings
+  end
+
+  indented_grid do
+    headline'Typography',  level: 1
+
+    headline 'Headline 1', level: 1
+    headline 'Headline 2', level: 2
+    headline 'Headline 3', level: 3
+    headline 'Headline 4', level: 4
+    headline 'Headline 5', level: 5
+    headline 'Default Headline Size'
+    headline 'Headline 6', level: 6
+    title    'Title'
+    subtitle 'subtitle 1', level: 1
+    subtitle 'subtitle 2', level: 2
+    body ['Body 1 paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
+          'labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut',
+          'aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat',
+          'nulla pariatur.'], level: 1
+    body 'Body 2 text, calling something out.', level: 2
+    caption 'Caption'
+    overline 'Overline'
+    body 'You can use [markdown](/markdown) in your typography'
+    body '`blank` will insert a blank line'
+    blank
+    body 'Line above me, intentionally left blank'
+    separator
+    body 'Line above me is a separator'
+    link 'You can have a link', 'https://www.google.com/search?q=link&source=lnms&tbm=isch&sa=X&ved=0ahUKEwipr4zY_JXdAhVNXK0KHWFNCdYQ_AUICigB&biw=1651&bih=932'
+    blank
+    link 'I open in a new tab or window', 'https://example.com', target: :blank
+
+  end
+  attach :code, file: __FILE__
+end

data/bin/console

@@ -1,15 +1,22 @@
 #!/usr/bin/env ruby
-# frozen_string_literal: true
 
-require "bundler/setup"
-require "coprl"
+require 'bundler/setup'
+ENV['VOOM_ROOT'] =  File.expand_path(__dir__)
+libdir = File.join(ENV['VOOM_ROOT'], 'lib')
+$:.unshift(libdir) unless $:.include?(libdir)
+require 'coprl-presenters'
+
+Coprl::Presenters::Settings.configure do |config|
+  config.presenters.root = File.join(ENV['VOOM_ROOT'], 'app')
+end
+Coprl::Presenters::App.boot!
 
 # You can add fixtures and/or initialization code here to make experimenting
 # with your gem easier. You can also use a different console, if you like.
 
 # (If you use this, don't forget to add pry to your Gemfile!)
-# require "pry"
-# Pry.start
+require "pry"
+Pry.start
 
-require "irb"
-IRB.start(__FILE__)
+# require 'irb'
+# IRB.start

data/component-status.yml

@@ -0,0 +1,219 @@
+---
+-
+    Components: Bottom navigation
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: low
+    Completeness: 
+    Notes: 
+-
+    Components: Bottom sheets
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Buttons
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 3
+    Notes: 
+-
+    Components: "Buttons: Floating Action Button"
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 2
+    Notes: Needs absolute placement so a scroll does not hide the FAB.
+-
+    Components: Cards
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Chips
+    Implementation: MDC
+    MDL: 
+    MDC:
+    Priority:
+    Completeness: 2
+    Notes: 
+-
+    Components: Data tables
+    Implementation: MDC
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Dialogs
+    Implementation: MDC
+    MDL: 
+    MDC: Y
+    Priority: High
+    Completeness: 2
+    Notes:
+-
+    Components: Dividers
+    Implementation: N
+    MDL: N
+    MDC: N
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Expansion panels
+    Implementation: Y
+    MDL: N
+    MDC: N
+    Priority: 
+    Completeness: 2
+    Notes: Custom
+-
+    Components: Grid lists
+    Implementation: N
+    MDL: 
+    MDC: Y
+    Priority: not planned
+    Completeness: 
+    Notes: 
+-
+    Components: Lists
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: "Lists: Controls"
+    Implementation: MDL/MDC
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 1
+    Notes: Missing Leave-behinds, MDL controls don't update on replace.
+-
+    Components: Menus
+    Implementation: MDC/MDL
+    MDL: 
+    MDC: 
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Pickers
+    Implementation: Flatpickr
+    MDL: N
+    MDC: N
+    Priority: medium
+    Completeness: 3
+    Notes: Date, time, datetime are supported.
+-
+    Components: Progress & activity
+    Implementation: MDC
+    MDL: 
+    MDC: Y
+    Priority:
+    Completeness: 1
+    Notes: 
+-
+    Components: Selection controls/switches
+    Implementation: MDC
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes:
+-
+    Components: Select fields
+    Implementation: MDC
+    MDL:
+    MDC:
+    Priority: 
+    Completeness: 2
+    Notes:
+-
+    Components: Sliders
+    Implementation: MDC
+    MDL: 
+    MDC: Y
+    Priority: medium
+    Completeness: 2
+    Notes: 
+-
+    Components: Snackbars & toasts
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Steppers
+    Implementation: MDL
+    MDL: Y
+    MDC: N
+    Priority: medium
+    Completeness: 1
+    Notes:  https://ahlechandre.github.io/mdl-stepper/
+-
+    Components: Subheaders
+    Implementation: NA
+    MDL: 
+    MDC: 
+    Priority: not planned
+    Completeness:
+    Notes: This should be doable using typography
+-
+    Components: Tabs
+    Implementation: Y
+    MDL: 
+    MDC: Y
+    Priority:
+    Completeness: 2
+    Notes: 
+-
+    Components: Text fields
+    Implementation: MDC
+    MDL: 
+    MDC: 
+    Priority: high
+    Completeness: 2
+    Notes:
+-
+    Components: Toolbars
+    Implementation: MDL
+    MDL: 
+    MDC: Y
+    Priority: 
+    Completeness: 2
+    Notes: 
+-
+    Components: Tooltips
+    Implementation: MDL
+    MDL: 
+    MDC: 
+    Priority:
+    Completeness: 1
+    Notes: |
+           The list icons are not displaying tooltips.
+           **Help wanted**
+-
+    Components: Widgets/Plugins
+    Implementation: Various
+    MDL: N/A
+    MDC: N/A
+    Priority:
+    Completeness: 2
+    Notes: Handled by presenter plugins.