Generic placeholder setting not working

[pthurmond]

I set the generic placeholder and the character as well when I pass in the value. But it still fails to use that set placeholder that you pass in.

Example:
new Skeuocard($("#skeuocard"), {
cardNumberPlaceholderChar: 'X',
genericPlaceholder: 'Enter Card Here'
});

Still just shows X's.

[csexton]

@pthurmond I had the same problem. I was able to hack this by adding:

$(@_inputViews.number.el).find("input").attr("placeholder", @options.genericPlaceholder)

To Skeuocard.coffee on Line 373.

Or if you want the js version for skeuocard.js:

$(this._inputViews.number.el).find("input").attr("placeholder", this.options.genericPlaceholder)

This is clearly a hack, but lets me set the generic placeholder.

[csexton]

@kenkeiter I would be up for submitting a PR with a fix for this issue, but wasn't sure the best way to handle this. Seems like a couple of approaches could be to:

1. Tell the SegmentedCardNumberInputView to use the genericPlaceholder when there is no product. Kinda like this hack, but in a cleaner way. Perhaps we could add a method to the class to set the placeholder to the genericPlaceholder
2. Let the SegmentedCardNumberInputView infer that it should use the genericPlaceholder if there is only one value in the grouping array
3. Pass the product to the SegmentedCardNumberInputView so it can decide based on that.

Thoughts?

[jackspirou]

@kenkeiter @csexton I am in a battle with the same issue, but it seems to be working here: http://jsfiddle.net/dv9c9/

@csexton please submit a fix!

[catgeek86]

Here's another hack:
Added to lines 854-857 of skeuocard.js In this case, it makes the initial placeholder "Enter Card Number"
if (groupings.length == 1 ) {
groupEl.attr({placeholder: "Enter Card Number"});
}