diff options
Diffstat (limited to 'example/views')
-rw-r--r-- | example/views/index.erb | 50 | ||||
-rw-r--r-- | example/views/layout.erb | 27 | ||||
-rw-r--r-- | example/views/login.erb | 18 | ||||
-rw-r--r-- | example/views/signup.erb | 20 |
4 files changed, 115 insertions, 0 deletions
diff --git a/example/views/index.erb b/example/views/index.erb new file mode 100644 index 0000000..48d9f71 --- /dev/null +++ b/example/views/index.erb @@ -0,0 +1,50 @@ + +<div class="row-fluid"> + <div class="span4"> + <h2>1. Signup</h2> + <p> + First you signup just like normal. Your browser runs a bit of javascript and does not transfer your password but some validator based on it. + </p> + </div> + <div class="span4"> + <h2>2. Login</h2> + <p> + Login using the same credentials. Again javascript is used to calculate a random number and a key based on it that the server then uses to validate your password. + </p> + </div> + <div class="span4"> + <h2>3. Verify</h2> + <p> + The server logs will tell you your password was not transmitted in clear. Never the less the server can determine wether you were authorized. + </p> + </div> +</div> +<div class="row-fluid"> + <div class="span4"> + <% if @user.login %> + <h4> You are signed up as <%= @user.login %>. </h4> + <% end %> + </div> + <div class="span4"> + <% if @user.active %> + <h4> You are logged in.</h4> + <% end %> + </div> + <div class="span4"> + </div> +</div> +<div class="row-fluid"> + <div class="span4"> + <%= button_link(:signup, :primary => !@user.login) %> + </div> + <div class="span4"> + <%= button_link(:login, :primary => @user.login && !@user.active) %> + </div> + <div class="span4"> + <%= button_link(:verify, :primary => @user.active) %> + </div> +</div> + + + + diff --git a/example/views/layout.erb b/example/views/layout.erb new file mode 100644 index 0000000..c68ac23 --- /dev/null +++ b/example/views/layout.erb @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <title>Secure remote password</title> + <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> + <link rel="stylesheet" type="text/css" href="bootstrap-responsive.min.css" /> +</head> +<body> + + <div class="container"> + + <div class="row-fluid"> + <div class="hero-unit span12"> + <h1>Secure Remote Passwords</h1> + <p> + Secure remote passwords allow you to login with a password that will be unkown to the server and anyone eavesdropping + </p> + </div> + </div> + + <%= yield %> + + <script type="text/javascript" src="srp.js"> </script> + + </body> +</html> diff --git a/example/views/login.erb b/example/views/login.erb new file mode 100644 index 0000000..32a16e5 --- /dev/null +++ b/example/views/login.erb @@ -0,0 +1,18 @@ +<h2>2. Login</h2> +<form class="form-horizontal" action="/login" method="POST"> + <legend>Login with the user you <a href="/signup.html">created</a>.</legend> + <div class="control-group"> + <label class="control-label" for="login">Login</label> + <input type="text" class"input-xlarge" name="login"></input> + </div> + + <div class="control-group"> + <label class="control-label" for="password">Password</label> + <input type="password" class"input-xlarge" name="password"></input> + </div> + + <div class="form-actions"> + <button type="submit" class="btn btn-primary">Login</button> + <a href="/" class="btn">Cancel</a> + </div> +</form> diff --git a/example/views/signup.erb b/example/views/signup.erb new file mode 100644 index 0000000..3a949ab --- /dev/null +++ b/example/views/signup.erb @@ -0,0 +1,20 @@ + +<h2>1. Signup</h2> +<form class="form-horizontal" action="/signup" method="POST"> + <legend>Signup to test secure remote passwords</legend> + <div class="control-group"> + <label class="control-label" for="login">Login</label> + <input type="text" class"input-xlarge" name="login"></input> + </div> + + <div class="control-group"> + <label class="control-label" for="password">Password</label> + <input type="password" class"input-xlarge" name="password"></input> + </div> + + <div class="form-actions"> + <button type="submit" class="btn btn-primary">Signup</button> + <a href="/" class="btn">Cancel</a> + </div> +</form> + |