doc(sample): Add javascript sandbox integration (jsFiddle)

Change doc_widget.js to:

- render "edit in jsfiddle" button next to all examples
- make opt out certain examples by adding jsfiddle="false" attribute to
  doc:source element

1 files changed, 31 insertions, 0 deletions

diff --git a/docs/src/templates/doc_widgets.css b/docs/src/templates/doc_widgets.css
index 6b702644..b0348b22 100644
--- a/docs/src/templates/doc_widgets.css
+++ b/docs/src/templates/doc_widgets.css
@@ -19,6 +19,37 @@ ul.doc-example > li.doc-example-heading {
   margin-bottom: -10px;
 }
 
+span.nojsfiddle {
+  float: right;
+  font-size: 14px;
+  margin-right:10px;
+  margin-top: 10px;
+}
+
+form.jsfiddle {
+  position: absolute;
+  right: 0;
+  z-index: 1;
+  height: 14px;
+}
+
+form.jsfiddle button {
+  cursor: pointer;
+  padding: 4px 10px;
+  margin: 10px;
+  background-color: #FFF;
+  font-weight: bold;
+  color: #7989D6;
+  border-color: #7989D6;
+  -moz-border-radius: 8px;
+  -webkit-border-radius:8px;
+  border-radius: 8px;
+}
+
+form.jsfiddle textarea, form.jsfiddle input {
+  display: none;
+}
+
 li.doc-example-live {
   padding: 10px;
   font-size: 1.2em;