volt-editable-text 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6494713b75951dc0bde7f914a3dd9231d641eab0
+  data.tar.gz: 2ac8272ca5aa3351f568b5df23f3fe88475929aa
+SHA512:
+  metadata.gz: 5bf530678af6eb04fe1254e6de9e698dab852b799bb91664fa1df7a450f2462e3ccf9e1d3bb50db02c6bd0b67b31cbd49875d63935d9ff22aa8ee63f53589f6f
+  data.tar.gz: 363ce62a191ce94fd2926d91a9f51c12776464ea8dce424534c88b808de055279f4a45209436b3d38e67f2cfc56d70b21e15e06f9860f09f63714b3be03ddd3f

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-editable-text.gemspec
+gemspec

data/README.md

@@ -0,0 +1,21 @@
+# Volt Editable Text Component
+
+Provides a component that displays text, but becomes editable in a field when clicked on.
+
+## Usage
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-editable-text'
+
+And then execute:
+
+    $ bundle
+
+Then require it as a component in any components' dependencies.rb you want to use it in.
+
+    component 'editable-text'
+    
+Finally, use the tag.
+
+    <:editable-text value="{_some_value}" />

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/VERSION

@@ -0,0 +1 @@
+0.0.1

data/app/editable-text/controllers/index_controller.rb

@@ -0,0 +1,52 @@
+module EditableText
+  class IndexController < ModelController
+    model :page
+
+    attr_reader :data
+    attr_accessor :section
+
+    def initialize(data)
+      super
+  
+      @data = data
+  
+      @toggled = ReactiveValue.new(false)
+    end
+
+    def toggled
+      @toggled
+    end
+    
+    def body_element
+      Element.find('body')
+    end
+
+    def toggle_editing
+      controller._toggled = (!controller._toggled).cur
+      
+      if controller._toggled.cur
+        # Editing enabled, bind a listener for when they click on the document to disable
+        # it again.
+        body_element.on('click.editabletext') do |event|
+          # Find the id for the text field inside of this component.
+          clicked_id = Element.find(section.container_node).find('input').id
+
+          if clicked_id != event.target.id
+            # Didn't click inside of the edit text field, toggle back.
+            toggle_editing
+          end
+        end
+      else
+        body_element.off('click.editabletext')
+      end
+    end
+
+    def edit(event)
+      if event.key_code == 13
+        event.stop
+    
+        toggle_editing
+      end
+    end
+  end
+end

data/app/editable-text/views/index/index.html

@@ -0,0 +1,7 @@
+<:body>
+  {#if controller._toggled}
+    <input type="text" e-keypress="edit(event)" value="{data.value}" />
+  {#else}
+    <span e-click="toggle_editing">{data.value}</span>
+  {/}
+</:body>

data/lib/volt/editable/text.rb

@@ -0,0 +1,9 @@
+require "volt/editable/text/version"
+
+class Volt
+  class Editable
+    class Text
+      # Your code goes here...
+    end
+  end
+end

data/volt-editable-text.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-editable-text"
+  spec.version       = version
+  spec.authors       = ["Ryan Stout"]
+  spec.email         = ["ryanstout@gmail.com"]
+  spec.summary       = %q{Volt component that gives a :editable-text control which shows text, and lets you edit the text when it is clicked on.}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "volt", "~> 0.5.0"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,82 @@
+--- !ruby/object:Gem::Specification
+name: volt-editable-text
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Ryan Stout
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-02-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- ryanstout@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- VERSION
+- app/editable-text/controllers/index_controller.rb
+- app/editable-text/views/index/index.html
+- lib/volt/editable/text.rb
+- volt-editable-text.gemspec
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.0
+signing_key: 
+specification_version: 4
+summary: Volt component that gives a :editable-text control which shows text, and
+  lets you edit the text when it is clicked on.
+test_files: []