iruby 0.2.8 → 0.2.9

data/lib/iruby/input/autoload.rb

@@ -0,0 +1,24 @@
+begin
+  require 'erector'
+rescue LoadError
+  raise LoadError, <<-ERROR.gsub(/\s+/,' ')
+    IRuby::Input requires the erector gem. 
+    `gem install erector` or add `gem 'erector'`
+    it to your Gemfile to continue.
+  ERROR
+end
+
+require 'iruby/input/builder'
+require 'iruby/input/widget'
+require 'iruby/input/form'
+require 'iruby/input/label'
+require 'iruby/input/field'
+require 'iruby/input/popup'
+require 'iruby/input/button'
+require 'iruby/input/cancel'
+require 'iruby/input/file'
+require 'iruby/input/select'
+require 'iruby/input/checkbox'
+require 'iruby/input/radio'
+require 'iruby/input/textarea'
+require 'iruby/input/date'

data/lib/iruby/input/builder.rb

@@ -0,0 +1,67 @@
+module IRuby
+  module Input
+    class Builder
+      attr_reader :fields, :buttons
+
+      def initialize &block
+        @processors = {}
+        @fields, @buttons = [], []
+        instance_eval &block
+      end
+
+      def add_field field
+        @fields << field
+      end
+
+      def add_button button
+        # see bit.ly/1Tsv6x4
+        @buttons.unshift button
+      end
+
+      def html &block
+        add_field Class.new(Widget) {
+          define_method(:widget_html) { instance_eval &block }
+        }.new 
+      end
+
+      def text string
+        html { label string }
+      end
+
+      def password key='password', **params
+        input key, **params.merge(type: 'password')
+      end
+
+      def process_result result
+        unless result.nil?
+          result.each_with_object({}) do |(k,v),h|
+            if @processors.has_key? k
+              @processors[k].call h, k, v
+            else
+              h[k.to_sym] = v
+            end
+          end
+        end
+      end
+
+      private 
+
+      def process key, &block
+        @processors[key.to_s] = block
+      end
+
+      def unique_key key
+        @keys ||= []
+        
+        if @keys.include? key
+          (2..Float::INFINITY).each do |i|
+            test = "#{key}#{i}"
+            break key = test unless @keys.include? test
+          end
+        end
+        
+        @keys << key; key
+      end
+    end
+  end
+end

data/lib/iruby/input/button.rb

@@ -0,0 +1,47 @@
+module IRuby
+  module Input
+    # extend the label class for the to_label helper
+    class Button < Label
+      needs color: :blue, js_class: 'iruby-button'
+
+      COLORS = {
+        blue: 'primary',
+        gray: 'secondary',
+        green: 'success',
+        aqua: 'info',
+        orange: 'warning',
+        red: 'danger', 
+        none: 'link'
+      }
+
+      COLORS.default = 'primary'
+
+      builder :button do |key='done', **params|
+        params[:key] = unique_key(key)
+        add_button Button.new(**params)
+      end
+
+      def widget_css
+        ".#{@js_class} { margin-left: 5px; }"
+      end
+
+      def widget_js
+        <<-JS
+          $('.iruby-button').click(function(){
+            $(this).data('iruby-value', true);
+            $('#iruby-form').submit();
+          });
+        JS
+      end
+
+      def widget_html
+        button(
+          @label || to_label(@key),
+          type: 'button', 
+          :'data-iruby-key' => @key,
+          class: "btn btn-#{COLORS[@color]} pull-right #{@js_class}"
+        )
+      end
+    end
+  end
+end

data/lib/iruby/input/cancel.rb

@@ -0,0 +1,32 @@
+module IRuby
+  module Input
+    class Cancel < Widget
+      needs :label
+
+      builder :cancel do |label='Cancel'|
+        add_button Cancel.new(label: label)
+      end
+
+      def widget_css
+        ".iruby-cancel { margin-left: 5px; }"
+      end
+
+      def widget_js
+        <<-JS
+          $('.iruby-cancel').click(function(){
+            $('#iruby-form').remove();
+          });
+        JS
+      end
+
+      def widget_html
+        button(
+          @label,
+          type: 'button', 
+          :'data-dismiss' => 'modal',
+          class: "btn btn-danger pull-right iruby-cancel"
+        )
+      end
+    end
+  end
+end

data/lib/iruby/input/checkbox.rb

@@ -0,0 +1,56 @@
+module IRuby
+  module Input
+    class Checkbox < Label
+      needs :options
+
+      builder :checkbox do |*args, **params|
+        key = :checkbox
+        key, *args = args if args.first.is_a? Symbol
+
+        params[:key] = unique_key(key)
+        params[:options] = args
+        add_field Checkbox.new(**params)
+      end
+
+      def widget_css
+        '.iruby-checkbox-container { margin-left: 10px; }'
+      end
+
+      def widget_js
+        <<-JS
+          $('.iruby-checkbox input').change(function(){
+            var parent = $(this).closest('.iruby-checkbox');
+            $(parent).data('iruby-value', []);
+
+            $(parent).find(':checked').each(function(){
+              $(parent).data('iruby-value').push($(this).val());
+            });
+
+            if ($(parent).data('iruby-value').length == 0) {
+              $(parent).data('iruby-value', null);
+            }
+          });
+        JS
+      end
+
+      def widget_html
+        params = {
+          :'data-iruby-key' => @key,
+          class: 'iruby-checkbox form-control'
+        }
+        widget_label do
+          div **params do
+            @options.each do |option|
+              label class: 'checkbox-inline' do 
+                input(
+                  name: @key, value: option, type: 'checkbox'
+                )
+                text option
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/iruby/input/date.rb

@@ -0,0 +1,26 @@
+module IRuby
+  module Input
+    class Date < Field
+      needs js_class: 'iruby-date'
+
+      builder :date do |key='date', **params|
+        params[:key] = unique_key key
+        add_field Date.new(**params)
+      end
+
+      def widget_css
+        '#ui-datepicker-div { z-index: 2000; }'
+      end
+
+      def widget_js 
+        <<-JS
+          $('.iruby-date').datepicker({
+            onClose: function(date) {
+              $('.iruby-date').data('iruby-value', date);
+            }  
+          });
+        JS
+      end
+    end
+  end
+end

data/lib/iruby/input/field.rb

@@ -0,0 +1,30 @@
+module IRuby
+  module Input
+    class Field < Label
+      needs :type => 'text', js_class: 'iruby-field'
+
+      builder :input do |key='input', **params|
+        params[:key] = unique_key key
+        add_field Field.new(**params)
+      end
+
+      def widget_js
+        <<-JS
+          $('.iruby-field').keyup(function() {
+            $(this).data('iruby-value', $(this).val());
+          });
+        JS
+      end
+
+      def widget_html
+        widget_label do 
+          input(
+            type: @type, 
+            :'data-iruby-key' => @key,
+            class: "form-control #{@js_class}"
+          )
+        end
+      end
+    end
+  end
+end

data/lib/iruby/input/file.rb

@@ -0,0 +1,57 @@
+require 'data_uri'
+
+module IRuby
+  module Input
+    class File < Label
+      builder :file do |key='file', **params|
+        key = unique_key key
+        add_field File.new(key: key, **params)
+
+        # tell the builder to process files differently
+        process key do |result,key,value|
+          uri = URI::Data.new value['data']
+
+          # get rid of Chrome's silly path
+          name = value['name'].sub('C:\\fakepath\\','')
+          
+          result[key.to_sym] = {
+            name: name,
+            data: uri.data, 
+            content_type: uri.content_type
+          }
+        end
+      end
+
+      def widget_js
+        <<-JS
+          $('.iruby-file').change(function() {
+            var input = $(this);
+
+            $.grep($(this).prop('files'), function(file) {
+              var reader = new FileReader();
+
+              reader.addEventListener("load", function(event) {
+                input.data('iruby-value', {
+                  name: input.val(),
+                  data: event.target.result
+                });
+              });
+
+              reader.readAsDataURL(file);
+            });
+          });
+        JS
+      end
+
+      def widget_html
+        widget_label do
+          input(
+            type: 'file', 
+            :'data-iruby-key' => @key,
+            class: 'form-control iruby-file'
+          )
+        end
+      end
+    end
+  end
+end

data/lib/iruby/input/form.rb

@@ -0,0 +1,77 @@
+require 'securerandom'
+
+module IRuby
+  module Input
+    class InputForm < Widget
+      needs :fields, buttons: []
+
+      def widget_js 
+        javascript = <<-JS
+          var remove = function () {
+            Jupyter.notebook.kernel.send_input_reply(
+              JSON.stringify({
+                '#{@id = SecureRandom.uuid}': null
+              })
+            );
+          };
+          
+          $("#iruby-form").on("remove", remove);
+
+          $('#iruby-form').submit(function() {
+            var result = {};
+            $(this).off('remove', remove);
+
+            $('[data-iruby-key]').each(function() {
+              if ($(this).data('iruby-key')) {
+                var value = $(this).data('iruby-value');
+                if (value) {
+                  result[$(this).data('iruby-key')] = value;
+                }
+              }
+            });
+
+            Jupyter.notebook.kernel.send_input_reply(
+              JSON.stringify({'#{@id}': result})
+            );
+            
+            $(this).remove();
+            return false;
+          });
+
+          $('#iruby-form').keydown(function(event) {
+            if (event.keyCode == 13 && !event.shiftKey) { 
+              $('#iruby-form').submit();
+            } else if (event.keyCode == 27) { 
+              $('#iruby-form').remove(); 
+            }
+          });
+        JS
+
+        widget_join :widget_js, javascript, *@fields, *@buttons
+      end
+
+      def widget_css
+        spacing = '#iruby-form > * { margin-bottom: 5px; }'
+        widget_join :widget_css, spacing, *@fields, *@buttons
+      end
+
+      def widget_html
+        form id: 'iruby-form', class: 'col-md-12' do
+          @fields.each {|field| widget field}
+        end
+        @buttons.each {|button| widget button}
+      end
+
+      def submit
+        result = MultiJson.load(Kernel.instance.session.recv_input)
+
+        unless result.has_key? @id
+          submit
+        else
+          Display.clear_output
+          result[@id]
+        end
+      end
+    end
+  end
+end

data/lib/iruby/input/label.rb

@@ -0,0 +1,21 @@
+module IRuby
+  module Input
+    class Label < Widget
+      needs label: nil
+
+      def widget_label
+        label = @label || to_label(@key)
+        div class: 'iruby-label input-group' do
+          span label, class: 'input-group-addon'
+          yield
+        end
+      end
+
+      private
+
+      def to_label label
+        label.to_s.tr('_',' ').capitalize
+      end
+    end
+  end
+end