Now working. The password can be set from within the pad editor.

Currently there are only two remaining issues:
 1 After the password is set, re-authentication is needed
 2 The toolbar button does not yet have a nice icon

node/db/SecurityManager.js

@@ -217,7 +217,6 @@ exports.checkAccess = function (padID, sessionID, token, password, callback)
         else if(!isPublic)
         {
           //--> deny access
-          console.log("not public");
           statusObject = {accessStatus: "deny"};
         }
         else
@@ -228,9 +227,8 @@ exports.checkAccess = function (padID, sessionID, token, password, callback)
       // there is no valid session avaiable AND pad doesn't exists
       else
       {
-         //--> deny access
+         //grant access so he pad can be generated
-         console.log("imaginary pad");
+         statusObject = {accessStatus: "grant", authorID: tokenAuthor};
-         statusObject = {accessStatus: "deny"};
       }
       
       callback();

node/handler/PadMessageHandler.js

@@ -190,6 +190,12 @@ exports.handleMessage = function(client, message)
   {
     handleSuggestUserName(client, message);
   }
+  else if(message.type == "COLLABROOM" && 
+          message.data.type == "CLIENT_MESSAGE" &&
+          message.data.payload.type == "setPassword")
+  {
+    handleSetPadPassword(client, message);
+  }
   //if the message type is unkown, throw an exception
   else
   {
@@ -294,6 +300,13 @@ function handleSuggestUserName(client, message)
   }
 }
 
+function handleSetPadPassword(client, message){
+  var padId = session2pad[client.id];
+  padManager.getPad(padId, function(err, value){
+    value.setPassword(message.data.payload.password);
+  });
+}
+
 /**
  * Handles a USERINFO_UPDATE, that means that a user have changed his color or name. Anyway, we get both informations
  * @param client the client that send this message

static/css/pad.css

@@ -769,7 +769,7 @@ a#topbarmaximize {
  width: 100%;
 }
 
-#embed, #readonly {
+#embed, #readonly, #setpassword {
 display:none;
 position:absolute;
 top:40px;

static/index.html

@@ -69,7 +69,7 @@
               font-weight: bold;
               font-size: 15px
             }
-            input[type="text"], input[type="password"] {
+            input[type="text"] {
               width: 243px;
               padding: 10px 47px 10px 10px;
               background: #fff;
@@ -78,13 +78,7 @@
               border-radius: 3px;
               text-shadow: 0 0 1px #fff
             }
-			#usepwlabel {
+            input[type="submit"] {
-			  display: inline;
-			}
-			#usePasswordContainer {
-			  margin: 10px 0 5px 0
-			}
-			input[type="submit"] {
               width: 45px;
               margin-left: -50px;
               padding: 8px
@@ -100,8 +94,6 @@
             <form action="#" onsubmit="go2Name();return false;"> 
                     <input type="text" id="padname" autofocus/> 
 					<input type="submit" value="OK"/><br/>
-					<div id="usePasswordContainer"><input type="checkbox" id="usePassword" onclick="updatePasswordField()"/><label for="usePassword"><div id="usepwlabel">Use password</div></label></div>
-					<div id="passwordFieldContainer"><input type="password" id="passwordField"/></div>
             </form> 
         </div> 
         <script> 
@@ -109,20 +101,7 @@
             {
                 var padname = $("#padname").val();
 				if(padname.length > 0){
-					if($("#passwordField").val().length>0)
+            window.location = "p/" + padname;
-					{
-						$.get("api/1/createPad", {apikey: "o8PJ496RtbcwoMQGgDyjoOmyq5wJ8dON", padID: padname}, function(data){
-							$.get("api/1/setPassword", {apikey: "o8PJ496RtbcwoMQGgDyjoOmyq5wJ8dON", padID: padname, password: $("#passwordField").val()}, function(data){
-								window.location = "p/" + padname;
-							});
-						});
-					}
-					else
-					{
-						$.get("api/1/createPad", {apikey: "o8PJ496RtbcwoMQGgDyjoOmyq5wJ8dON", padID: padname}, function(data){
-              window.location = "p/" + padname;
-            });
-					}
 				}
 				else
 				{
@@ -146,18 +125,6 @@
                 }
                 return randomstring;
 			}
-
-			function updatePasswordField()
-			{
-				if($("#usePassword:checked").val()){
-					$("#passwordFieldContainer").css("display", "block");
-				}
-				else
-				{
-					$("#passwordFieldContainer").css("display", "none");
-				}
-			}
-			updatePasswordField();
             if(typeof customStart == "function") customStart();
         </script> 
 </html>

static/js/ace2_inner.js

@@ -3471,7 +3471,7 @@ function OUTER(gscope)
   function handleClick(evt)
   {
     //hide the dropdowns
-    window.top.padeditbar.toogleDropDown("none");
+    window.top.padeditbar.toggleDropDown("none");
   
     inCallStack("handleClick", function()
     {

static/js/pad2.js

@@ -51,6 +51,11 @@ function createCookie(name, value, days, path)
   document.cookie = name + "=" + value + expires + "; path=" + path;
 }
 
+function setPassword(){
+  console.log("setting password");
+  pad.setPassword($("#setpasswordfield").val());
+}
+
 function readCookie(name)
 {
   var nameEQ = name + "=";
@@ -489,6 +494,13 @@ var pad = {
       changedBy: pad.myUserInfo.name || "unnamed"
     });
   },
+  setPassword: function(newPassword){
+    pad.collabClient.sendClientMessage(
+    {
+      type: "setPassword",
+      password: newPassword
+    });
+  },
   changeViewOption: function(key, value)
   {
     var options = {

static/js/pad_editbar.js

@@ -96,18 +96,18 @@ var padeditbar = (function()
       {
         if(cmd == "showusers")
         {
-          self.toogleDropDown("users");
+          self.toggleDropDown("users");
         }
         else if (cmd == 'embed')
         {  
           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");
+          self.toggleDropDown("embed");
           $('#embedinput').focus().select();
         }
         else if (cmd == 'import_export')
         {
-	      self.toogleDropDown("importexport");
+	      self.toggleDropDown("importexport");
         }
 
         else if (cmd == 'readonly')
@@ -116,13 +116,16 @@ var padeditbar = (function()
           var readonlyLink = basePath + "/ro/" + clientVars.readOnlyId;
           $('#readonlyImage').attr("src","https://chart.googleapis.com/chart?chs=200x200&cht=qr&chld=H|0&chl=" + readonlyLink);
           $('#readonlyInput').val(readonlyLink);
-          self.toogleDropDown("readonly");
+          self.toggleDropDown("readonly");
           $('#readonlyInput').focus().select();
         }
         else if (cmd == 'save')
         {
           padsavedrevs.saveNow();
         }
+        else if (cmd == 'password'){
+          self.toggleDropDown("setpassword");
+        }
         else
         {
           padeditor.ace.callWithAce(function(ace)
@@ -162,9 +165,9 @@ var padeditbar = (function()
       }
       padeditor.ace.focus();
     },
-    toogleDropDown: function(moduleName)
+    toggleDropDown: function(moduleName)
     {
-      var modules = ["embed", "users", "readonly", "importexport"];
+      var modules = ["embed", "users", "readonly", "importexport", "setpassword"];
       
       //hide all modules
       if(moduleName == "none")

static/pad.html

@@ -96,6 +96,11 @@
     <div class="buttonicon" style="background-position:0px -18px"></div>
   </a>
 </li>
+<li onClick="window.pad&&pad.editbarClick('password');return false;" >
+  <a id="setpasswordlink" title="Set the password of this pad">
+    <div class="buttonicon" style="background-position:0px -18px"></div>
+  </a>
+</li>
 <li class="separator"></li>
 <li id="timesliderlink" onClick="document.location = document.location.pathname+ '/timeslider'">
   <a title="Show the history of this pad">
@@ -178,6 +183,15 @@
 
 </div>
 
+<!-- password setting code -->
+
+<div id="setpassword">
+  <form id="setpasswordform" action="">
+    <input type="password" id="setpasswordfield">
+    <input type="submit" value="Set" id="setpasswordsubmit" onClick="setPassword()">
+  </form>
+</div>
+
 <!-- import export code -->
 <div id="importexport">