From 4e104e8c83a9225a125e603d995f98841708b662 Mon Sep 17 00:00:00 2001
From: Wikinaut <mail@tgries.de>
Date: Mon, 14 Nov 2011 08:51:37 +0100
Subject: [PATCH] changing index.html to prompt user to allow to change the
 random padname, for example to add a reasonable prefix

---
 static/index.html      | 39 ++++++++++++++++++++++++++-------------
 static/pad.html        |  2 +-
 static/timeslider.html |  2 +-
 3 files changed, 28 insertions(+), 15 deletions(-)
diff --git a/static/index.html b/static/index.html
index f45d75967..822a6ad8a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -90,25 +90,14 @@
         <link href="static/custom/index.css" rel="stylesheet"> 
         <script src="static/custom/index.js"></script>
         <div id="container"> 
-            <div id="button" onclick="go2Random()">New Pad</div><br><div id="label">or create/open a Pad with the name</div> 
+            <div id="button" onclick="go2Random()" title="open a new pad with a generated random name like 'B3GYd74mn2yBH6'">create new random pad</div><br><div id="label">open an existing pad or create a new pad with the name</div> 
             <form action="#" name="mainform" onsubmit="go2Name();return false;"> 
                     <input type="text" name="padname" id="padname" autofocus> 
                     <input type="submit" value="OK"> 
             </form> 
         </div> 
         <script> 
-	function go2Name() 
-            {
-                var padname = document.getElementById("padname").value;
-                padname.length > 0 ? window.location = /** "p/" + **/ padname : alert("Please enter a name")
-            }
- 
-            function go2Random() 
-            {
-                window.location = /** "p/" + **/ randomPadName();
-            }
- 
-            function randomPadName() 
+	    function randomPadName() 
             {
                 var chars = "23456789ABCDEFGHJKLMNPQRSTUWXYZabcdefghijkmnopqrstuwxyz";
                 var string_length = 16;
@@ -120,6 +109,30 @@
                 }
                 return randomstring;
             }
+
+            function go2Name() 
+            {
+                var padname = document.getElementById("padname").value;
+                padname.length > 0 ? window.location = /** "p/" + **/ padname : alert("Please enter a name")
+            }
+ 
+            function go2Random() 
+            {
+		var rnd = randomPadName();
+		var prefixedName = prompt( "You can prefix or modify your random pad name with some reasonable characters.\nSpecial characters will be removed or escaped.\n\n", "-"+rnd );
+		if ( prefixedName == "-" + rnd ) prefixedName = rnd;
+		var escPrefixedName = encodeURIComponent( prefixedName.replace( /\//, "" ) );
+		if ( prefixedName == null ) return;
+		if ( prefixedName == decodeURIComponent( escPrefixedName )
+		     || ( prefixedName != escPrefixedName 
+			&& confirm( "You have used characters which are not allowed in Urls, and the padname will therefore be modified to "
+			+ decodeURIComponent( escPrefixedName ) 
+			+ ".\nDo you want to use this modifed name?" ) ) ) {
+			window.location = /** "p/" + **/ escPrefixedName;
+		} else {
+			return;
+		}
+            }
             
             //start the costum js
             if(typeof costumStart == "function") costumStart();
diff --git a/static/pad.html b/static/pad.html
index d1679202e..16f0f1ea8 100644
--- a/static/pad.html
+++ b/static/pad.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="robots" content="noindex, nofollow">
-  <title>Etherpad Lite</title>
+  <title>Etherpad</title>
   <!-- CSS -->
   <link href="../static/css/pad.css" rel="stylesheet">
   <!-- javascript -->
diff --git a/static/timeslider.html b/static/timeslider.html
index 4dbf8d939..48572d422 100644
--- a/static/timeslider.html
+++ b/static/timeslider.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="robots" content="noindex, nofollow">
 
-  <title>Etherpad Lite Timeslider</title>
+  <title>Etherpad Timeslider</title>
   <link rel="stylesheet" href="../../static/css/pad.css">
   <link rel="stylesheet" href="../../static/css/timeslider.css">
   <style type="text/css" title="dynamicsyntax"></style>
