catptcha 0.0.4 → 0.1.0

data/README.markdown

@@ -5,7 +5,8 @@ asked to click the kittens. Distributed in the form of a Rails 2.3 plugin.
 
 This is based on a concept from [KittenAuth](http://thepcspy.com/kittenauth/).
 
-This is still experimental and incomplete. Don't use it.
+This is still experimental and incomplete, but it's ready for others to try
+out and offer help/feedback.
 
 ## Installation
 
@@ -46,6 +47,12 @@ Check the result in your controller.
       # failed
     end
 
+## TODO and Known Bugs
+
+* lacks a review step for seeded photos
+* lacks the ability to store or upload photos to external storage
+* current implementation is closely tied to ActiveRecord and Flickr
+
 ## Author
 
 Copyright (c) 2012 ENTP, released under the MIT license

data/lib/catptcha/photo_group.rb

@@ -18,6 +18,7 @@ class Catptcha::PhotoGroup < ActiveRecord::Base
   def self.random count
     Catptcha::Photo.all(
       :conditions => ['photo_group_id in (?)', all.map(&:id)],
+      :order => 'catptcha_photos.key ASC',
       :offset => rand(photos_count-count).to_i,
       :limit => count
     )

data/lib/catptcha.rb

@@ -1,5 +1,5 @@
 module Catptcha
-  VERSION = '0.0.4'
+  VERSION = '0.1.0'
 
   class << self
     # Get a list of 3 kitten photos
@@ -16,19 +16,31 @@ module Catptcha
       (kittens + not_kittens).sort_by {rand}
     end
 
+    def puzzle_js
+      return <<-EOJS
+          function catptcha_click(e) {
+            if (e.checked) {
+              e.parentNode.getElementsByTagName('img')[0].setAttribute("style","border: 2px inset black;");
+            } else {
+              e.parentNode.getElementsByTagName('img')[0].setAttribute("style", "padding: 2px");
+            }
+          }
+      EOJS
+    end
     def puzzle_tags
-      tags = '<div class="catptcha" style="width:350px"><p>Click the kittens!</p>'
+      tags = '<div class="catptcha" style="width:340px"><p>Click the 3 kittens!</p>'
       puzzle.each do |photo|
         tags << <<-EOT
         <span class="catptcha_guess" style="float:left">
-          <input type="checkbox" id="catptcha_guess_#{photo.key}" name="catptcha_guess[]" value="#{ photo.key }" />
-          <label for="catptcha_guess_#{photo.key }">
-            <img src="#{ photo.url }" />
+          <input type="checkbox" id="catptcha_guess_#{photo.key}" name="catptcha_guess[]" value="#{ photo.key }" onclick="catptcha_click(this)" style="opacity:0.0;width:0px;"/>
+          <label for="catptcha_guess_#{photo.key }" style="margin:2px">
+            <img src="#{ photo.url }" style="padding: 2px" />
           </label>
         </span>
         EOT
       end
       tags << '</div>'
+      tags << "<script>#{puzzle_js}</script>"
       tags
     end
 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: catptcha
 version: !ruby/object:Gem::Version 
-  hash: 23
+  hash: 27
   prerelease: 
   segments: 
   - 0
+  - 1
   - 0
-  - 4
-  version: 0.0.4
+  version: 0.1.0
 platform: ruby
 authors: 
 - Zack Hobson
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-05-17 00:00:00 -07:00
+date: 2012-05-18 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency