Add Github-style checkboxes to nodes

[jywarren]

We are preparing to participate in Google Code-in, and have reserved this issue for participants in GCI - but we'd love to have your help with another one! Please check out https://code.publiclab.org to see more.

Nodes on publiclab.org could use a means of making and checking off lists - just like her in github:

• scan text for * [ ] or * [x]
• replace at display time with <ul>...
• (Later follow up) make it possible to check the box and so update the original markdown from * [ ] to * [x]

Lists are made in github flavor markdown like this:

* [ ]
* [ ]
* [ ]

Try making checklists in the comments here to see!

[amitsin6h]

@jywarren am unable to get where we need to add the checkboxes.

[sagarpreet-chadha]

Hi @amitsin6h ...
I think we need to change this files :

1.) https://github.com/publiclab/plots2/blob/master/app/models/revision.rb

2.) https://github.com/publiclab/plots2/blob/master/config/initializers/constants.rb

For Regex expression , we can test here : http://rubular.com/ .

Thanks !

[jywarren]

Awesome, @sagarpreet-chadha -- great; @amitsin6h we'd love your help with this! I think we could start with just converting checkboxes in Markdown into HTML checkboxes. Then we can think about how to make them "checkable". One at a time, like a checklist! :-)

[jywarren]

This has been marked as a good candidate for becoming a first-timers-only issue like these, meaning that it's simple, self-contained, and with some extra formatting, could be a great entry point for a new contributor. If you're familiar enough with this code, please consider reformatting or reposting it as a first-timers-only issue, and then ping @publiclab/reviewers to get it labelled. Or, if this is not your first time, try to solve it yourself!

---

Here's a Regex expression which will find * [ ] or - [x] : http://rubular.com/r/wmVibUgpIt

/[-|\*] \[( |x)\]/

You could use it like this:

string.gsub(/[-|\*] \[( |x)\]/) do |match|
  checked = " checked='true'" if match == "x"
  "* <input type='checkbox' disabled='disabled' #{checked}/>"
end

[jywarren]

Hi, all! @amitsin6h any interest in this one, or is it up for grabs? Thank you!!!

[vishgoel007]

I want to try this.. first timer here

[sagarpreet-chadha]

Great !!!!!
Ask @publiclab/reviewers team here in case of any doubt .

Thanks so much 😃 🎈 !

[jywarren]

@publiclab/soc if anyone's looking for a break or wants to make a full-fledged first-timers-only issue out of this one, it'd be a fun one!

[cheneyshreve01]

I'd like to help out if it's still open, first-timer and first time with open source. @sagarpreet-chadha @jywarren