filterable_table 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.document +5 -0
- data/.gitignore +21 -0
- data/LICENSE +20 -0
- data/README.rdoc +62 -0
- data/Rakefile +53 -0
- data/VERSION +1 -0
- data/filterable_table.gemspec +49 -0
- data/init.rb +3 -0
- data/javascripts/filterable_table.js +37 -0
- data/lib/filterable_table.rb +2 -0
- data/lib/filterable_table/helper.rb +51 -0
- data/lib/filterable_table/tasks.rb +13 -0
- metadata +79 -0
data/.document
ADDED
data/.gitignore
ADDED
data/LICENSE
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
Copyright (c) 2009 Bantik
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
4
|
+
a copy of this software and associated documentation files (the
|
5
|
+
"Software"), to deal in the Software without restriction, including
|
6
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
7
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
8
|
+
permit persons to whom the Software is furnished to do so, subject to
|
9
|
+
the following conditions:
|
10
|
+
|
11
|
+
The above copyright notice and this permission notice shall be
|
12
|
+
included in all copies or substantial portions of the Software.
|
13
|
+
|
14
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
15
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
16
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
17
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
18
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
19
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
20
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.rdoc
ADDED
@@ -0,0 +1,62 @@
|
|
1
|
+
= filterable_table
|
2
|
+
|
3
|
+
FilterableTable uses client-side JavaScript to hide or show table rows based on characters typed by a user. Simply type the characters to be used for filtering the table and press enter to focus the table; press escape to show all table rows.
|
4
|
+
|
5
|
+
This gem is currently in alpha mode; use at your own risk. It's been tested under Safari only; IE is not currently supported.
|
6
|
+
|
7
|
+
== Installation
|
8
|
+
|
9
|
+
* Install the gem:
|
10
|
+
|
11
|
+
gem install filterable_table
|
12
|
+
|
13
|
+
* Add the following to your application's Rakefile:
|
14
|
+
|
15
|
+
require 'filterable_table/tasks'
|
16
|
+
|
17
|
+
* Install the supporting code:
|
18
|
+
|
19
|
+
rake filterable_table:install
|
20
|
+
|
21
|
+
* Add this line to your app/helpers/application_helper.rb file:
|
22
|
+
|
23
|
+
include FilterableTable::Helper
|
24
|
+
|
25
|
+
== Usage
|
26
|
+
|
27
|
+
Usage is simple. First, set the class name of each table row in your table to 'filterable'. Then insert the filter_table method just before where your table appears in the view.
|
28
|
+
|
29
|
+
Example:
|
30
|
+
|
31
|
+
<%= filter_table -%>
|
32
|
+
|
33
|
+
<table>
|
34
|
+
<thead>
|
35
|
+
<tr>
|
36
|
+
<th>Name</th>
|
37
|
+
<th>URL</th>
|
38
|
+
</tr>
|
39
|
+
</thead>
|
40
|
+
<tbody>
|
41
|
+
<%- @foos.each do |foo| -%>
|
42
|
+
<tr class="filterable">
|
43
|
+
<td><%= foo.name -%></td>
|
44
|
+
<td><%= foo.url -%></td>
|
45
|
+
</tr>
|
46
|
+
<%- end -%>
|
47
|
+
</tbody>
|
48
|
+
</table>
|
49
|
+
|
50
|
+
== Note on Patches/Pull Requests
|
51
|
+
|
52
|
+
* Fork the project.
|
53
|
+
* Make your feature addition or bug fix.
|
54
|
+
* Add tests for it. This is important so I don't break it in a
|
55
|
+
future version unintentionally.
|
56
|
+
* Commit, do not mess with rakefile, version, or history.
|
57
|
+
(if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)
|
58
|
+
* Send me a pull request. Bonus points for topic branches.
|
59
|
+
|
60
|
+
== Copyright
|
61
|
+
|
62
|
+
Copyright (c) 2010 Corey Ehmke / SEO Logic. See LICENSE for details.
|
data/Rakefile
ADDED
@@ -0,0 +1,53 @@
|
|
1
|
+
require 'rubygems'
|
2
|
+
require 'rake'
|
3
|
+
|
4
|
+
begin
|
5
|
+
require 'jeweler'
|
6
|
+
Jeweler::Tasks.new do |gem|
|
7
|
+
gem.name = "filterable_table"
|
8
|
+
gem.summary = %Q{Simple client-side JavaScript to filter a table as you type.}
|
9
|
+
gem.description = %Q{Simple client-side JavaScript to filter a table as you type.}
|
10
|
+
gem.email = "corey@seologic.com"
|
11
|
+
gem.homepage = "http://github.com/Bantik/filterable_table"
|
12
|
+
gem.authors = ["Bantik"]
|
13
|
+
#gem.add_development_dependency "thoughtbot-shoulda", ">= 0"
|
14
|
+
# gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
|
15
|
+
end
|
16
|
+
Jeweler::GemcutterTasks.new
|
17
|
+
rescue LoadError
|
18
|
+
puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
|
19
|
+
end
|
20
|
+
|
21
|
+
require 'rake/testtask'
|
22
|
+
Rake::TestTask.new(:test) do |test|
|
23
|
+
test.libs << 'lib' << 'test'
|
24
|
+
test.pattern = 'test/**/test_*.rb'
|
25
|
+
test.verbose = true
|
26
|
+
end
|
27
|
+
|
28
|
+
begin
|
29
|
+
require 'rcov/rcovtask'
|
30
|
+
Rcov::RcovTask.new do |test|
|
31
|
+
test.libs << 'test'
|
32
|
+
test.pattern = 'test/**/test_*.rb'
|
33
|
+
test.verbose = true
|
34
|
+
end
|
35
|
+
rescue LoadError
|
36
|
+
task :rcov do
|
37
|
+
abort "RCov is not available. In order to run rcov, you must: sudo gem install spicycode-rcov"
|
38
|
+
end
|
39
|
+
end
|
40
|
+
|
41
|
+
task :test => :check_dependencies
|
42
|
+
|
43
|
+
task :default => :test
|
44
|
+
|
45
|
+
require 'rake/rdoctask'
|
46
|
+
Rake::RDocTask.new do |rdoc|
|
47
|
+
version = File.exist?('VERSION') ? File.read('VERSION') : ""
|
48
|
+
|
49
|
+
rdoc.rdoc_dir = 'rdoc'
|
50
|
+
rdoc.title = "filterable_table #{version}"
|
51
|
+
rdoc.rdoc_files.include('README*')
|
52
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
53
|
+
end
|
data/VERSION
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
0.1.0
|
@@ -0,0 +1,49 @@
|
|
1
|
+
# Generated by jeweler
|
2
|
+
# DO NOT EDIT THIS FILE DIRECTLY
|
3
|
+
# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
|
4
|
+
# -*- encoding: utf-8 -*-
|
5
|
+
|
6
|
+
Gem::Specification.new do |s|
|
7
|
+
s.name = %q{filterable_table}
|
8
|
+
s.version = "0.1.0"
|
9
|
+
|
10
|
+
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
11
|
+
s.authors = ["Bantik"]
|
12
|
+
s.date = %q{2010-10-07}
|
13
|
+
s.description = %q{Simple client-side JavaScript to filter a table as you type.}
|
14
|
+
s.email = %q{corey@seologic.com}
|
15
|
+
s.extra_rdoc_files = [
|
16
|
+
"LICENSE",
|
17
|
+
"README.rdoc"
|
18
|
+
]
|
19
|
+
s.files = [
|
20
|
+
".document",
|
21
|
+
".gitignore",
|
22
|
+
"LICENSE",
|
23
|
+
"README.rdoc",
|
24
|
+
"Rakefile",
|
25
|
+
"VERSION",
|
26
|
+
"filterable_table.gemspec",
|
27
|
+
"init.rb",
|
28
|
+
"javascripts/filterable_table.js",
|
29
|
+
"lib/filterable_table.rb",
|
30
|
+
"lib/filterable_table/helper.rb",
|
31
|
+
"lib/filterable_table/tasks.rb"
|
32
|
+
]
|
33
|
+
s.homepage = %q{http://github.com/Bantik/filterable_table}
|
34
|
+
s.rdoc_options = ["--charset=UTF-8"]
|
35
|
+
s.require_paths = ["lib"]
|
36
|
+
s.rubygems_version = %q{1.3.7}
|
37
|
+
s.summary = %q{Simple client-side JavaScript to filter a table as you type.}
|
38
|
+
|
39
|
+
if s.respond_to? :specification_version then
|
40
|
+
current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
|
41
|
+
s.specification_version = 3
|
42
|
+
|
43
|
+
if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
|
44
|
+
else
|
45
|
+
end
|
46
|
+
else
|
47
|
+
end
|
48
|
+
end
|
49
|
+
|
data/init.rb
ADDED
@@ -0,0 +1,37 @@
|
|
1
|
+
var filter = ""
|
2
|
+
|
3
|
+
function showAll() { $$('.filterable').invoke('show'); }
|
4
|
+
|
5
|
+
function hideAll() { $$('.filterable').invoke('hide'); }
|
6
|
+
|
7
|
+
function findAll(str) {
|
8
|
+
showAll();
|
9
|
+
elems = [];
|
10
|
+
while (node = window.find(str, false, false)) {
|
11
|
+
if (elem = window.getSelection().getRangeAt(0).startContainer.parentNode.up('.filterable')) {
|
12
|
+
elems.push(elem);
|
13
|
+
}
|
14
|
+
}
|
15
|
+
while (node = window.find(str, false, true)) {
|
16
|
+
if (elem = window.getSelection().getRangeAt(0).startContainer.parentNode.up('.filterable')) {
|
17
|
+
elems.push(elem);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
if (elems.first()) {
|
21
|
+
hideAll();
|
22
|
+
elems.invoke('show');
|
23
|
+
filter = "";
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
Event.observe(window, 'keydown', function (e){
|
28
|
+
if (e.keyCode == 13) {
|
29
|
+
findAll(filter);
|
30
|
+
filter = "";
|
31
|
+
} else if (e.keyCode == 27) {
|
32
|
+
showAll();
|
33
|
+
filter = "";
|
34
|
+
} else if ((e.keyCode > 64) && (e.keyCode < 91)) {
|
35
|
+
filter += String.fromCharCode(e.keyCode);
|
36
|
+
}
|
37
|
+
});
|
@@ -0,0 +1,51 @@
|
|
1
|
+
module FilterableTable
|
2
|
+
|
3
|
+
unloadable
|
4
|
+
|
5
|
+
module Helper
|
6
|
+
unloadable
|
7
|
+
|
8
|
+
# To make this work, set the class name of each table row in your table to 'filterable'.
|
9
|
+
# Then insert the filter_table method just before your table appears in the layout.
|
10
|
+
#
|
11
|
+
# Example:
|
12
|
+
#
|
13
|
+
# <%= filter_table -%>
|
14
|
+
#
|
15
|
+
# <table>
|
16
|
+
# <thead>
|
17
|
+
# <tr>
|
18
|
+
# <th>Name</th>
|
19
|
+
# <th>URL</th>
|
20
|
+
# </tr>
|
21
|
+
# </thead>
|
22
|
+
# <tbody>
|
23
|
+
# <%- @foos.each do |foo| -%>
|
24
|
+
# <tr class="filterable">
|
25
|
+
# <td><%= foo.name -%></td>
|
26
|
+
# <td><%= foo.url -%></td>
|
27
|
+
# </tr>
|
28
|
+
# <%- end -%>
|
29
|
+
# </tbody>
|
30
|
+
# </table>
|
31
|
+
#
|
32
|
+
def filter_table(args = {:show_instructions => true})
|
33
|
+
insert = ""
|
34
|
+
insert << %{
|
35
|
+
<p class="instructions">To filter this table, start typing your search term and press 'enter'. To show all table rows, press 'escape'.</p>
|
36
|
+
} if args[:show_instructions]
|
37
|
+
insert << %{
|
38
|
+
<script type="text/javascript">
|
39
|
+
var head = document.getElementsByTagName('head')[0];
|
40
|
+
var script = document.createElement('script');
|
41
|
+
script.type = 'text/javascript';
|
42
|
+
script.src = '/javascripts/filterable_table.js';
|
43
|
+
head.appendChild(script);
|
44
|
+
</script>
|
45
|
+
}
|
46
|
+
insert
|
47
|
+
end
|
48
|
+
|
49
|
+
end
|
50
|
+
|
51
|
+
end
|
@@ -0,0 +1,13 @@
|
|
1
|
+
# require 'filterable_table/tasks' to add tasks to the host application.
|
2
|
+
|
3
|
+
namespace :filterable_table do
|
4
|
+
|
5
|
+
desc "Install filterable_table"
|
6
|
+
task :install do
|
7
|
+
dir = Gem.searcher.find('filterable_table').full_gem_path
|
8
|
+
system "rsync -ruv #{dir}/javascripts public/"
|
9
|
+
puts
|
10
|
+
puts "FilterableTable installation complete."
|
11
|
+
end
|
12
|
+
|
13
|
+
end
|
metadata
ADDED
@@ -0,0 +1,79 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: filterable_table
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
hash: 27
|
5
|
+
prerelease: false
|
6
|
+
segments:
|
7
|
+
- 0
|
8
|
+
- 1
|
9
|
+
- 0
|
10
|
+
version: 0.1.0
|
11
|
+
platform: ruby
|
12
|
+
authors:
|
13
|
+
- Bantik
|
14
|
+
autorequire:
|
15
|
+
bindir: bin
|
16
|
+
cert_chain: []
|
17
|
+
|
18
|
+
date: 2010-10-07 00:00:00 -05:00
|
19
|
+
default_executable:
|
20
|
+
dependencies: []
|
21
|
+
|
22
|
+
description: Simple client-side JavaScript to filter a table as you type.
|
23
|
+
email: corey@seologic.com
|
24
|
+
executables: []
|
25
|
+
|
26
|
+
extensions: []
|
27
|
+
|
28
|
+
extra_rdoc_files:
|
29
|
+
- LICENSE
|
30
|
+
- README.rdoc
|
31
|
+
files:
|
32
|
+
- .document
|
33
|
+
- .gitignore
|
34
|
+
- LICENSE
|
35
|
+
- README.rdoc
|
36
|
+
- Rakefile
|
37
|
+
- VERSION
|
38
|
+
- filterable_table.gemspec
|
39
|
+
- init.rb
|
40
|
+
- javascripts/filterable_table.js
|
41
|
+
- lib/filterable_table.rb
|
42
|
+
- lib/filterable_table/helper.rb
|
43
|
+
- lib/filterable_table/tasks.rb
|
44
|
+
has_rdoc: true
|
45
|
+
homepage: http://github.com/Bantik/filterable_table
|
46
|
+
licenses: []
|
47
|
+
|
48
|
+
post_install_message:
|
49
|
+
rdoc_options:
|
50
|
+
- --charset=UTF-8
|
51
|
+
require_paths:
|
52
|
+
- lib
|
53
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
54
|
+
none: false
|
55
|
+
requirements:
|
56
|
+
- - ">="
|
57
|
+
- !ruby/object:Gem::Version
|
58
|
+
hash: 3
|
59
|
+
segments:
|
60
|
+
- 0
|
61
|
+
version: "0"
|
62
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
63
|
+
none: false
|
64
|
+
requirements:
|
65
|
+
- - ">="
|
66
|
+
- !ruby/object:Gem::Version
|
67
|
+
hash: 3
|
68
|
+
segments:
|
69
|
+
- 0
|
70
|
+
version: "0"
|
71
|
+
requirements: []
|
72
|
+
|
73
|
+
rubyforge_project:
|
74
|
+
rubygems_version: 1.3.7
|
75
|
+
signing_key:
|
76
|
+
specification_version: 3
|
77
|
+
summary: Simple client-side JavaScript to filter a table as you type.
|
78
|
+
test_files: []
|
79
|
+
|