From dedd60412577b132ea2946f2af0d1db215bf8fd4 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Wed, 23 Nov 2011 15:46:34 +0000
Subject: [PATCH] Add support for embedding read only etc.

---
 static/js/pad_editbar.js |  9 ++++++++-
 static/pad.html          | 27 ++++++++++++++++-----------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/static/js/pad_editbar.js b/static/js/pad_editbar.js
index ae109068..f78e33fa 100644
--- a/static/js/pad_editbar.js
+++ b/static/js/pad_editbar.js
@@ -102,8 +102,15 @@ var padeditbar = (function()
         {  
           var padurl = window.location.href.split("?")[0];
           $('#embedinput').val("<iframe src='" + padurl + "?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400>");
-          self.toogleDropDown("embed");
+          $('#linkinput').val(padurl);
+          var basePath = document.location.href.substring(0, document.location.href.indexOf("/p/"));
+          var readonlyLink = basePath + "/ro/" + clientVars.readOnlyId;
+          $('#roembedinput').val("<iframe src='" + readonlyLink + "?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400>");
+          $('#rolinkinput').val(readonlyLink);
+          $('#readonlyImage').attr("src","https://chart.googleapis.com/chart?chs=200x200&cht=qr&chld=H|0&chl=" + readonlyLink);
+          $('#readonlyInput').val(readonlyLink);
           $('#embedinput').focus().select();
+          self.toogleDropDown("embed");
         }
         else if (cmd == 'import_export')
         {
diff --git a/static/pad.html b/static/pad.html
index 980905e9..a8ab0dc5 100644
--- a/static/pad.html
+++ b/static/pad.html
@@ -217,17 +217,22 @@
 
 <!-- the embed code -->
 <div id="embed">
-<div id="embedcode">
-Embed code:<input id="embedinput" type="text" value="">
-</div>
-</div>
-
-<!-- the embed code -->
-<div id="readonly">
-<div id="readonlyUrl">
-Use this link to share a read-only version of your pad:<input id="readonlyInput" type="text" value="">
-<img id="readonlyImage" src="" alt="" style="margin: 10px 90px">
-</div>
+  Share editable versions:
+  <br/>
+  <div id="linkcode">
+    Link:<input id="linkinput" type="text" value="">
+  </div>
+  <div id="embedcode">
+    Embed code:<input id="embedinput" type="text" value="">
+  </div>
+  <br/><hr><br/>
+  Share non-editable versions:(Read only)
+  <div id="linkcode">
+    Read only Link:<input id="rolinkinput" type="text" value="">
+  </div>
+  <div id="embedcode">
+    Read only Embed code:<input id="roembedinput" type="text" value="">
+  </div>
 </div>
 
 <div id="chatthrob">