Maintenance

• Renamed deprecated component.json for an updated bower.json
• Tested with latest jQuery, removed version blocker
• Some documentation improvements
• Removed trailing spaces

Improvements

• Fake user doesn’t rely on web service anymore, but through localUserThesaurus
• Added localUsers in roughdraft.thesaurus.json for localUserThesaurus
• Refactored test/ examples, removed checked-in jQuery requirement, called more recent jQuery from CDN

TODO

• Create tag to upstream ndreckshage to 0.1.5 as bower.json is declaring it
• Minify jquery.roughdraft.js into jquery.roughdraft.min.js

Soon

Next objective: Propose default configuration that doesn’t require ANY HTTP calls for images, users, text.

Also:

• Build process, linting
• Implement automatic image generation, based on this small SVG image generator utility, thanks @shepazu (!).

Replace occurences of *alfa in classNames following the NATO phonetic alphabet sequence

Sometimes we need to use a sequence of class names to customize styling

A recommendation is to abstract class names from their color or objective and use them in a sequential order, this helper does just that.

What is the phonetic alphabet?: http://en.wikipedia.org/wiki/NATO_phonetic_alphabet

for example:

 <div data-draft-repeat="3" class="myclass-alfa">
 <h1>Example node</h1>
 </div>

would give:

 <div class="myclass-alfa">
   <h1>Example node</h1>
 </div>
 <div class="myclass-bravo">
   <h1>Example node</h1>
 </div>
 <div class="myclass-charlie">
   <h1>Example node</h1>
 </div>

Here's a demo. Add data-draft-number with the following format to add a random number:

• optional. if first char is '$', dollar sign will be appended
• required. include either a range of total digits or a single digit length: "2-3" will return a number of either 2 or 3 digits in length. "4" will return a 4-digit number.
• optional. include the number of decimal places to include. single number: "2-3/4" will return a 2 or 3 digit number with 4 decimal places

for example: data-draft-number="$/3-4/2" would return a number like $325.63 or $6423.62

I added a few options, namely the option to change the ajax call method. This was one problem I had getting this to work initially, as my backend does not allow POSTs on .json files, so I had to override my $.ajaxSetup() to get this working. Now it defaults to 'GET' with the option to override (although I can't see anyone overriding a GET).

I also noticed that the thesaurus was being called every time in a loop for getting sentences. This was resulting in an AJAX call every time the loop was run, which was slowing down page load a lot for a large number of blocks. I simply cached the thesaurus and removed the methods that spliced out paragraphs. I felt that the integrity of the randomness of the sentences/paragraphs/etc was less important for prototyping than the performance of this plugin, as it is, after all, just for prototyping.

I tried to conform to your coding conventions as much as I could and only touched things that I played with for my own need, so I didn't get through the whole codebase. I hope you like my changes!

Here is the promised patch.

What’s new:

1. Refactored sequencer so it change classnames during draft-repeat.

   Problem with original classname sequencer is that it’s searching the whole DOM and create sequences. This operation can become intensive; this is why it’s disabled by default.

   Instead, how about we only support the class name sequencer to be changed for loops that are already managed in data-draft-repeat="n". Since we are already looping to clone nodes, we could check if it has the alfa trigger in a class attribute and, if enabled, replace the cloned node alfa className the next name it’s at.

   In other words, my suggestion is to support class="whatever-alfa" to be sequenced ONLY when that member ALSO has data-draft-repeat="n" and make the feature enabled by default.

2. Added SVG image generator

   Added a new "photoAlbum", to give auto-generated SVG image through data-uri. It’s also suggested to become the default.

Hey there,

I've tried implementing some basic lorempixel support to your library.

Use:

$(window).roughDraft({
  illustrator: 'lorempixel',
  categories: ['buisness', 'cats'] // optional category selection (all by default)
});

If I have a repeater within a repeater, the inner repeater doesn't work

<div data-draft-repeat="5">
    <ul>
          <li data-draft-repeat="3" data-draft-text="1/s"></li>
    </ul>
</div>

only results in one <li>

Maintenance

• Tested with latest jQuery, removed version blocker
• Some documentation improvements
• Removed trailing spaces

Improvements

• Fake user doesn’t rely on web service anymore, but through localUserThesaurus
• Added localUsers in roughdraft.thesaurus.json for localUserThesaurus
• Refactored test/ examples

Soon

Next objective: Propose default configuration that doesn’t require ANY HTTP calls for images, users, text.

Also:

• Build process, linting
• Way to generate inline images automatically w/ SVG

demo page http://ndreckshage.github.io/roughdraft.js/ has problems, it relies on doing AJAX to http://www.roughdraftjs.com/api/?number=25. http://www.roughdraftjs.com is a parked domain.

Hi!

I just pushed on bower a package "roughdraft" that should match with the name it was in the bower.json file.

Do you want help in maintaining the project?

When I install a version using bower, it installs 207ffbe, instead of installing 3c0504b. The current master, that actually has our previous merges and enables the new features.

Two ways to fix:

1. Commit new bower.json with version +1, then, make a tag
2. Delete old tag, create new one, then push. Maybe like this.

Either case, I cannot do it myself

See what bower doesn’t install :(

Not all money is in dollars so when you format as money you should be able to add for example a euro sign instead of always a dollar sign. Or I could just change a single line, maybe this is too nitpicky

https://github.com/ndreckshage/roughdraft.js/blob/master/jquery.roughdraft.0.1.3.js#L496