bulk add pets

This commit is contained in:
Emi Matchu 2010-11-05 20:09:03 -04:00
parent b99916cfdf
commit 2d550724f0
9 changed files with 279 additions and 18 deletions

View file

@ -8,21 +8,40 @@ class PetsController < ApplicationController
}
def load
# TODO: include point value with JSON once contributions implemented
raise Pet::PetNotFound unless params[:name]
@pet = Pet.load(params[:name])
@pet.save
destination = params[:destination]
destination = 'root' unless DESTINATIONS[destination]
query_joiner = DESTINATIONS[destination]
path = send("#{destination}_path") + query_joiner + @pet.wardrobe_query
redirect_to path
respond_to do |format|
format.html do
destination = params[:destination]
destination = 'root' unless DESTINATIONS[destination]
query_joiner = DESTINATIONS[destination]
path = send("#{destination}_path") + query_joiner + @pet.wardrobe_query
redirect_to path
end
format.json do
render :json => true
end
end
end
protected
def pet_not_found
path = params[:origin] || root_path
path += "?name=#{params[:name]}"
redirect_to path, :alert => 'Could not find any pet by that name. Did you spell it correctly?'
respond_to do |format|
format.html do
path = params[:origin] || root_path
path += "?name=#{params[:name]}"
redirect_to path, :alert => 'Could not find any pet by that name. Did you spell it correctly?'
end
format.json do
render :text => 'Pet not found', :status => :not_found
end
end
end
end

View file

@ -35,4 +35,8 @@ module ApplicationHelper
def login_path_with_return_to
login_path :return_to => request.request_uri
end
def origin_tag(value)
hidden_field_tag 'origin', value, :id => nil
end
end

View file

@ -3,10 +3,6 @@ module OutfitsHelper
hidden_field_tag 'destination', value, :id => nil
end
def origin_tag(value)
hidden_field_tag 'origin', value, :id => nil
end
def pet_attribute_select(name, collection, value=nil)
select_tag name,
options_from_collection_for_select(collection, :id, :human_name, value)

View file

@ -0,0 +1,48 @@
body.pets-bulk
text-align: center
#bulk-pets-form
textarea, div
+inline-block
textarea
+inline-block
@extend input[type=text]
display: inline
font: inherit
height: 1.5em
overflow: hidden
resize: none
ul
list-style: none
margin-bottom: 1em
li
+inline-block
background: #eee
margin: 0 auto
min-width: 25%
text-align: left
&.loaded
background: $notice-bg-color
&.failed
background: $error-bg-color
img
@extend .inline-image
float: left
height: 50px
width: 50px
span
display: block
.response
font:
size: 75%
style: italic
margin-left: 75px
&.js
.noscript
display: none
.script-only
display: block
.script-only
display: none

View file

@ -8,4 +8,5 @@
@import items/index
@import items/show
@import outfits/new
@import pets/bulk
@import static/terms

View file

@ -0,0 +1,33 @@
- unless user_signed_in?
%p.warning
= link_to 'You are not logged in!', login_path(:return_to => bulk_pets_path)
We award points for each new contribution to our database, and we don't want
you to miss out, since our users have made the Dress to Impress database
what it is today. Thanks for all your hard work!
%p.noscript
Note that submitting pets in bulk requires Javascript.
%p.script-only
We like to make it as easy as possible for you to contribute, so we thought
this might help!
%strong
Type a pet's name in the box below, and we'll
start loading it the moment you press enter!
If you're a power-user,
you can even submit a whole list at once &mdash; just put one pet per line, and
copy-paste it into the box. We do the rest!
%p
%strong
Thanks for all your hard work!
= form_tag load_pet_path, :id => 'bulk-pets-form' do
= origin_tag bulk_pets_path
%span.noscript
%input{:name => "name", :type => "text"}/
%input{:type => "submit", :value => "Load pet"}/
%span.script-only
%ul
%textarea
%button#bulk-pets-form-add{:type => "button"} Add
%button#bulk-pets-form-clear{:type => "button"} Clear
- content_for :javascripts do
= include_javascript_libraries :jquery
= include_javascripts :bulk_pets_package

View file

@ -1,6 +1,10 @@
embed_assets: on
javascripts:
bulk_pets_package:
- public/javascripts/pet_query.js
- public/javascripts/pets/bulk.js
edit_outfit_package:
- public/javascripts/wardrobe.js
- public/javascripts/outfits/edit.js

View file

@ -0,0 +1,74 @@
var form = $('#bulk-pets-form'),
queue_el = form.find('ul'),
names_el = form.find('textarea'),
add_el = $('#bulk-pets-form-add'),
clear_el = $('#bulk-pets-form-clear'),
bulk_load_queue;
$(document.body).addClass('js');
bulk_load_queue = new (function BulkLoadQueue() {
var pets = [],
standard_pet_el = $('<li/>'),
url = form.attr('action') + '.json';
standard_pet_el.append('<img/>').append($('<span/>', {'class': 'name'}))
.append($('<span/>', {'class': 'response', text: 'Waiting...'}));
function Pet(name) {
var el = standard_pet_el.clone()
.children('img').attr('src', petImage('cpn/' + name, 1)).end()
.children('span.name').text(name).end();
el.appendTo(queue_el);
this.load = function () {
var response_el = el.children('span.response').text('Loading...');
$.ajax({
complete: function (data) {
pets.shift();
if(pets.length) {
pets[0].load();
}
},
data: {name: name},
dataType: 'json',
error: function (xhr) {
el.addClass('failed');
response_el.text(xhr.responseText);
},
success: function (data) {
var response = data === true ? 'Thanks!' : data + ' points';
el.addClass('loaded');
response_el.text(response);
},
type: 'post',
url: url
});
}
}
this.add = function (name) {
name = name.replace(/^\s+|\s+$/g, '');
if(name.length) {
var pet = new Pet(name);
pets.push(pet);
if(pets.length == 1) pet.load();
}
}
})();
names_el.keyup(function () {
var names = this.value.split('\n'), x = names.length - 1, i, name;
for(i = 0; i < x; i++) {
bulk_load_queue.add(names[i]);
}
this.value = (x >= 0) ? names[x] : '';
});
add_el.click(function () {
bulk_load_queue.add(names_el.val());
names_el.val('');
});
clear_el.click(function () {
queue_el.children('li.loaded, li.failed').remove();
});

View file

@ -75,7 +75,7 @@ h3 {
}
/* line 59, ../../../app/stylesheets/_layout.sass */
.inline-image {
.inline-image, body.pets-bulk #bulk-pets-form ul img {
margin-right: 1em;
vertical-align: middle;
}
@ -95,7 +95,7 @@ input, button, select, label {
}
/* line 76, ../../../app/stylesheets/_layout.sass */
input[type=text], input[type=password], input[type=search], select {
input[type=text], body.pets-bulk #bulk-pets-form textarea, input[type=password], input[type=search], select {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: white;
@ -104,7 +104,7 @@ input[type=text], input[type=password], input[type=search], select {
padding: 0.25em;
}
/* line 82, ../../../app/stylesheets/_layout.sass */
input[type=text]:focus, input[type=text]:active, input[type=password]:focus, input[type=password]:active, input[type=search]:focus, input[type=search]:active, select:focus, select:active {
input[type=text]:focus, body.pets-bulk #bulk-pets-form textarea:focus, input[type=text]:active, body.pets-bulk #bulk-pets-form textarea:active, input[type=password]:focus, input[type=password]:active, input[type=search]:focus, input[type=search]:active, select:focus, select:active {
color: inherit;
}
@ -372,7 +372,7 @@ body.items {
text-align: center;
}
/* line 4, ../../../app/stylesheets/_items.sass */
body.items input[type=text] {
body.items input[type=text], body.items body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.items textarea {
font-size: 125%;
width: 15em;
}
@ -715,7 +715,7 @@ body.outfits-new #how-can-i-help input, body.outfits-new #how-can-i-help button,
font-size: 115%;
}
/* line 82, ../../../app/stylesheets/outfits/_new.sass */
body.outfits-new #how-can-i-help input[type=text], body.outfits-new #i-found-something input[type=text] {
body.outfits-new #how-can-i-help input[type=text], body.outfits-new #how-can-i-help body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #how-can-i-help textarea, body.outfits-new #i-found-something input[type=text], body.outfits-new #i-found-something body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #i-found-something textarea {
border-color: #006600;
width: 12em;
}
@ -775,7 +775,7 @@ body.outfits-new #sections h4, body.outfits-new #sections input {
font-size: 116%;
}
/* line 123, ../../../app/stylesheets/outfits/_new.sass */
body.outfits-new #sections h4, body.outfits-new #sections input[type=text] {
body.outfits-new #sections h4, body.outfits-new #sections input[type=text], body.outfits-new #sections body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #sections textarea {
color: inherit;
}
/* line 125, ../../../app/stylesheets/outfits/_new.sass */
@ -817,6 +817,88 @@ body.outfits-new #tell-the-world img {
width: 16px;
}
/* line 1, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk {
text-align: center;
}
/* line 5, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form div {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
}
/* line 7, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form textarea {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
display: inline;
font: inherit;
height: 1.5em;
overflow: hidden;
resize: none;
}
/* line 15, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul {
list-style: none;
margin-bottom: 1em;
}
/* line 18, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul li {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
background: #eeeeee;
margin: 0 auto;
min-width: 25%;
text-align: left;
}
/* line 24, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul li.loaded {
background: #e6efc2;
}
/* line 26, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul li.failed {
background: #fbe3e4;
}
/* line 28, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul img {
float: left;
height: 50px;
width: 50px;
}
/* line 33, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul span {
display: block;
}
/* line 35, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk #bulk-pets-form ul .response {
font-size: 75%;
font-style: italic;
margin-left: 75px;
}
/* line 42, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk.js .noscript {
display: none;
}
/* line 44, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk.js .script-only {
display: block;
}
/* line 47, ../../../app/stylesheets/pets/_bulk.sass */
body.pets-bulk .script-only {
display: none;
}
/* line 1, ../../../app/stylesheets/static/_terms.sass */
body.static-terms {
text-align: center;