You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@oltu.apache.org by si...@apache.org on 2013/09/25 16:49:13 UTC

svn commit: r1526197 - in /oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views: get_authz.jsp get_resource.jsp index.jsp register.jsp request_token.jsp resource.jsp

Author: simonetripodi
Date: Wed Sep 25 14:49:12 2013
New Revision: 1526197

URL: http://svn.apache.org/r1526197
Log:
OLTU-119 Add a css to demo application

improved forms layout

Modified:
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_authz.jsp
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_resource.jsp
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/index.jsp
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/register.jsp
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/request_token.jsp
    oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/resource.jsp

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_authz.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_authz.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_authz.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_authz.jsp Wed Sep 25 14:49:12 2013
@@ -37,51 +37,47 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Web Server Flow</h2>
-
-      <h3>Step 1. Get User's Authorization, specify required OAuth parameters</h3>
+      <div class="page-header">
+        <h2>Web Server Flow
+        <small>Step 1. Get User's Authorization, specify required OAuth parameters</small></h2>
+      </div>
 
       <c:if test="${!empty oauthParams.errorMessage}">
         <div class="alert alert-danger">Error: ${oauthParams.errorMessage}</div>
       </c:if>
 
-      <form:form commandName="oauthParams" action="/authorize">
-        <table class="table table-striped">
-          <tr>
-            <td>Requested Access Scope</td>
-            <td><form:input size="70" path="scope" /></td>
-          </tr>
-          <tr>
-            <td>End-User Authorization URL:</td>
-            <td><form:input size="70" path="authzEndpoint" /></td>
-          </tr>
-          <tr>
-            <td>Token Endpoint:</td>
-            <td><form:input size="70" path="tokenEndpoint" /></td>
-          </tr>
-          <tr>
-            <td>Client ID:</td>
-            <td><form:input size="70" path="clientId" /></td>
-          </tr>
-          <tr>
-            <td>Client Secret:</td>
-            <td><form:input size="70" path="clientSecret" /></td>
-          </tr>
-          <tr>
-            <td>Redirect URI:</td>
-            <td><form:input size="70" path="redirectUri" /></td>
-          </tr>
-          <tr>
-            <td>Client State:</td>
-            <td><form:input size="70" path="state" /></td>
-          </tr>
-         <tr>
-            <td colspan="2">
-              <form:hidden path="application" />
-              <input type="submit" class="btn btn-primary" value="Get Authorization" />
-            </td>
-          </tr>
-        </table>
+      <form:form class="form-horizontal" role="form" commandName="oauthParams" action="/authorize">
+        <div class="form-group">
+          <label for="scope" class="col-lg-3 control-label">Requested Access Scope</label>
+          <div class="col-lg-9"><form:input class="form-control" id="scope" path="scope" /></div>
+        </div>
+        <div class="form-group">
+          <label for="authzEndpoint" class="col-lg-3 control-label">End-User Authorization URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="authzEndpoint" path="authzEndpoint" /></div>
+        </div>
+        <div class="form-group">
+          <label for="tokenEndpoint" class="col-lg-3 control-label">Token Endpoint</label>
+          <div class="col-lg-9"><form:input class="form-control" id="tokenEndpoint" path="tokenEndpoint" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientId" class="col-lg-3 control-label">Client ID</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientId" path="clientId" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientSecret" class="col-lg-3 control-label">Client Secret</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientSecret" path="clientSecret" /></div>
+        </div>
+        <div class="form-group">
+          <label for="redirectUri" class="col-lg-3 control-label">Redirect URI</label>
+          <div class="col-lg-9"><form:input class="form-control" id="redirectUri" path="redirectUri" /></div>
+        </div>
+        <div class="form-group">
+          <label for="state" class="col-lg-3 control-label">Client State</label>
+          <div class="col-lg-9"><form:input class="form-control" id="state" path="state" /></div>
+        </div>
+
+        <form:hidden path="application" />
+        <input type="submit" class="btn btn-primary pull-right" value="Get Authorization" />
       </form:form>
 
     </div>

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_resource.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_resource.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_resource.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/get_resource.jsp Wed Sep 25 14:49:12 2013
@@ -37,116 +37,124 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Web Server Flow</h2>
-
-      <h3>Step 3. Get Resource</h3></p>
+      <div class="page-header">
+        <h2>Web Server Flow
+        <small>Step 3. Get Resource</small></h2>
+      </div>
 
       <c:if test="${!empty oauthParams.errorMessage}">
         <div class="alert alert-danger">${oauthParams.errorMessage}</div>
       </c:if>
 
-      <form:form commandName="oauthParams" action="/get_resource">
-        <table class="table table-striped">
-          <tr>
-            <td>Required OAuth parameters:</td>
-          </tr>
-          <tr>
-            <td>Resource URL:</td>
-            <td><form:input size="70" path="resourceUrl" /></td>
-          </tr>
-          <tr>
-            <td>Authenticated Request Type:</td>
-            <td>
-              <form:select path="requestType">
-                <form:option value="headerField" />
-                <form:option value="queryParameter" />
-                <form:option value="bodyParameter" />
-              </form:select>
-            </td>
-          </tr>
-          <tr>
-            <td>Request Method:</td>
-            <td>
-              <form:select path="requestMethod">
+      <form:form class="form-horizontal" role="form" commandName="oauthParams" action="/get_resource">
+        <div class="form-group">
+          <label for="resourceUrl" class="col-lg-3 control-label">Resource URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="resourceUrl" path="resourceUrl" /></div>
+        </div>
+        <div class="form-group">
+          <label for="requestType" class="col-lg-3 control-label">Authenticated Request Type</label>
+          <div class="col-lg-9">
+            <form:select class="form-control" id="requestType" path="requestType">
+              <form:option value="headerField" />
+              <form:option value="queryParameter" />
+              <form:option value="bodyParameter" />
+            </form:select>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="requestMethod" class="col-lg-3 control-label">Request Method</label>
+          <div class="col-lg-9">
+            <form:select class="form-control" id="requestMethod" path="requestMethod">
                 <form:option value="GET" />
                 <form:option value="POST" />
-              </form:select>
-            </td>
-          </tr>
-          <tr>
-            <td>Access Token:</td>
-            <td><form:input size="70" path="accessToken" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Expires In:</td>
-            <td><form:input size="70" path="expiresIn" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Refresh Token:</td>
-            <td><form:input size="70" path="refreshToken" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Requested Access Scope</td>
-            <td><form:input size="70" path="scope" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>End-User Authorization URL:</td>
-            <td><form:input size="70" path="authzEndpoint" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Token Endpoint:</td>
-            <td><form:input size="70" path="tokenEndpoint" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client ID:</td>
-            <td><form:input size="70" path="clientId" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client Secret:</td>
-            <td><form:input size="70" path="clientSecret" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Redirect URI:</td>
-            <td><form:input size="70" path="redirectUri" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client State:</td>
-            <td><form:input size="70" path="state" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <form:hidden path="application" />
-              <input type="submit" class="btn btn-primary" value="Get Resource" />
-            </td>
-          </tr>
-        </table>
+            </form:select>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="accessToken" class="col-lg-3 control-label">Access Token</label>
+          <div class="col-lg-9"><form:input class="form-control" id="accessToken" path="accessToken" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="expiresIn" class="col-lg-3 control-label">Expires In</label>
+          <div class="col-lg-9"><form:input class="form-control" id="expiresIn" path="expiresIn" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="refreshToken" class="col-lg-3 control-label">Refresh Token</label>
+          <div class="col-lg-9"><form:input class="form-control" id="refreshToken" path="refreshToken" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="scope" class="col-lg-3 control-label">Requested Access Scope</label>
+          <div class="col-lg-9"><form:input class="form-control" id="scope" path="scope" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="authzEndpoint" class="col-lg-3 control-label">End-User Authorization URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="authzEndpoint" path="authzEndpoint" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="tokenEndpoint" class="col-lg-3 control-label">Token Endpoint</label>
+          <div class="col-lg-9"><form:input class="form-control" id="tokenEndpoint" path="tokenEndpoint" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientId" class="col-lg-3 control-label">Client ID</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientId" path="clientId" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientSecret" class="col-lg-3 control-label">Client Secret</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientSecret" path="clientSecret" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="redirectUri" class="col-lg-3 control-label">Redirect URI</label>
+          <div class="col-lg-9"><form:input class="form-control" id="redirectUri" path="redirectUri" readonly="readonly" /></div>
+        </div>
+        <div class="form-group">
+          <label for="state" class="col-lg-3 control-label">Client State</label>
+          <div class="col-lg-9"><form:input class="form-control" id="state" path="state" readonly="readonly" /></div>
+        </div>
+
+        <form:hidden path="application" />
+        <input type="submit" class="btn btn-primary pull-right" value="Get Resource" />
       </form:form>
 
       <form:form commandName="oauthParams" action="/get_resource">
         <h4>OpenId Connect</h4>
 
-        <table class="table table-striped">
-          <tr>
-            <td>ID Token:</td>
-            <td><form:input size="70" path="idToken" readonly="true" /></td>
-            <td>
-              <c:if test="${oauthParams.idTokenValid}">
-                <font color="green">ID Token is valid</font>
-              </c:if>
-              <c:if test="${!oauthParams.idTokenValid}">
-                <font color="red">ID Token is NOT valid</font>
-              </c:if>
-            </td>
-          </tr>
-          <tr>
-            <td>Header:</td>
-            <td><textarea rows="15" cols="80" disabled="true">${oauthParams.header}</textarea></td>
-          </tr>
-          <tr>
-            <td>Claims Set:</td>
-            <td><textarea rows="15" cols="80" disabled="true">${oauthParams.claimsSet}</textarea></td>
-          </tr>
-        </table>
+        <c:if test="${oauthParams.idTokenValid}">
+          <div class="panel panel-success">
+            <div class="panel-heading">
+              <h3 class="panel-title">OpenId Connect</h3>
+            </div>
+            <div class="panel-body">ID Token is valid</div>
+          </div>
+        </c:if>
+
+        <c:if test="${!oauthParams.idTokenValid}">
+          <div class="panel panel-success">
+            <div class="panel-heading">
+              <h3 class="panel-title">OpenId Connect</h3>
+            </div>
+            <div class="panel-body">ID Token is NOT valid</div>
+          </div>
+        </c:if>
+
+        <c:if test="${!empty oauthParams.header}">
+          <div class="clearfix">&nbsp;<br/>&nbsp;</div>
+
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h3 class="panel-title">Header</h3>
+            </div>
+            <div class="panel-body">${oauthParams.header}</div>
+          </div>
+        </c:if>
+
+        <c:if test="${!empty oauthParams.claimsSet}">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h3 class="panel-title">Claims Set</h3>
+            </div>
+            <div class="panel-body">${oauthParams.claimsSet}</div>
+          </div>
+        </c:if>
       </form:form>
 
     </div>

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/index.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/index.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/index.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/index.jsp Wed Sep 25 14:49:12 2013
@@ -37,9 +37,7 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Web Server Flow</h2>
-
-      <h3>Choose Application</h3>
+      <div class="page-header"><h2>Web Server Flow <small>Choose Application</small></h2></div>
 
       <nav class="navbar navbar-default" role="navigation">
         <div class="collapse navbar-collapse navbar-ex1-collapse">
@@ -60,29 +58,33 @@
         <div class="alert alert-danger">${oauthParams.errorMessage}</div>
       </c:if>
 
-      <form:form commandName="oauthParams" action="/decode">
-        <table class="table table-striped">
-          <tr>
-            <td>JWT</td>
-            <td><form:textarea rows="15" cols="80" path="jwt" /></td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <form:hidden path="application" />
-              <input type="submit" class="btn btn-primary" value="Decode" />
-            </td>
-          </tr>
-          <tr>
-            <td>Header:</td>
-            <td><textarea rows="15" cols="80" disabled="true">${oauthParams.header}</textarea></td>
-          </tr>
-          <tr>
-            <td>Claims Set:</td>
-            <td><textarea rows="15" cols="80" disabled="true">${oauthParams.claimsSet}</textarea></td>
-          </tr>
-        </table>
+      <form:form role="form" commandName="oauthParams" action="/decode">
+        <form:textarea path="jwt" id="jwt" rows="15" class="form-control" />
+        <form:hidden path="application" />
+        <div class="clearfix">&nbsp;<br/></div>
+        <input type="submit" class="btn btn-primary pull-right" value="Decode" />
       </form:form>
 
+      <c:if test="${!empty oauthParams.header}">
+        <div class="clearfix">&nbsp;<br/>&nbsp;</div>
+
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <h3 class="panel-title">Header</h3>
+          </div>
+          <div class="panel-body">${oauthParams.header}</div>
+        </div>
+      </c:if>
+
+      <c:if test="${!empty oauthParams.claimsSet}">
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <h3 class="panel-title">Claims Set</h3>
+          </div>
+          <div class="panel-body">${oauthParams.claimsSet}</div>
+        </div>
+      </c:if>
+
     </div>
   </body>
 </html>

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/register.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/register.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/register.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/register.jsp Wed Sep 25 14:49:12 2013
@@ -37,61 +37,54 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Dynamic Registration</h2>
-
-      <h3>Step 0. Dynamically Register Application</h3>
+      <div class="page-header">
+        <h2>Dynamic Registration
+        <small>Step 0. Dynamically Register Application</small></h2>
+      </div>
 
       <c:if test="${!empty oauthRegParams.errorMessage}">
       <div class="alert alert-danger">${oauthRegParams.errorMessage}</div>
       </c:if>
 
-      <form:form commandName="oauthRegParams" action="/register">
-        <table class="table table-striped">
-          <tr>
-            <td>Required OAuth Dynamic Registration parameters:</td>
-          </tr>
-          <tr>
-            <td>Registration Type:</td>
-            <td>
-              <form:select path="registrationType">
-                <form:option value="push"/>
-                <form:option value="pull"/>
-              </form:select>
-            </td>
-          </tr>
-          <tr>
-            <td>Application Name:</td>
-            <td><form:input size="70" path="name" /></td>
-          </tr>
-          <tr>
-            <td>Application URL:</td>
-            <td><form:input size="70" path="url" /></td>
-          </tr>
-          <tr>
-            <td>Application Description:</td>
-            <td><form:input size="70" path="description" /></td>
-          </tr>
-          <tr>
-            <td>Application Redirect URI:</td>
-            <td><form:input size="70" path="redirectUri" /></td>
-          </tr>
-          <tr>
-            <td>Application Icon URL:</td>
-            <td><form:input size="70" path="icon" /></td>
-          </tr>
-          <tr>
-            <td>OAuth Registration Endpoint:</td>
-            <td><form:input size="70" path="registrationEndpoint" /></td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <form:hidden path="authzEndpoint" />
-              <form:hidden path="tokenEndpoint" />
-              <form:hidden path="application" />
-              <input type="submit" class="btn btn-primary" value="Register Application" />
-            </td>
-          </tr>
-        </table>
+      <form:form class="form-horizontal" role="form" commandName="oauthRegParams" action="/register">
+        <div class="form-group">
+          <label for="registrationType" class="col-lg-3 control-label">Registration Type</label>
+          <div class="col-lg-9">
+            <form:select class="form-control" id="registrationType" path="registrationType">
+              <form:option value="push"/>
+              <form:option value="pull"/>
+            </form:select>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="name" class="col-lg-3 control-label">Application Name</label>
+          <div class="col-lg-9"><form:input class="form-control" id="name" path="name" /></div>
+        </div>
+        <div class="form-group">
+          <label for="url" class="col-lg-3 control-label">Application URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="url" path="url" /></div>
+        </div>
+        <div class="form-group">
+          <label for="description" class="col-lg-3 control-label">Application Description</label>
+          <div class="col-lg-9"><form:input class="form-control" id="description" path="description" /></div>
+        </div>
+        <div class="form-group">
+          <label for="redirectUri" class="col-lg-3 control-label">Application Redirect URI</label>
+          <div class="col-lg-9"><form:input class="form-control" id="redirectUri" path="redirectUri" /></div>
+        </div>
+        <div class="form-group">
+          <label for="icon" class="col-lg-3 control-label">Application Icon URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="icon" path="icon" /></div>
+        </div>
+        <div class="form-group">
+          <label for="registrationEndpoint" class="col-lg-3 control-label">OAuth Registration Endpoint</label>
+          <div class="col-lg-9"><form:input class="form-control" id="registrationEndpoint" path="registrationEndpoint" /></div>
+        </div>
+
+        <form:hidden path="authzEndpoint" />
+        <form:hidden path="tokenEndpoint" />
+        <form:hidden path="application" />
+        <input type="submit" class="btn btn-primary pull-right" value="Register Application" />
       </form:form>
 
     </div>

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/request_token.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/request_token.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/request_token.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/request_token.jsp Wed Sep 25 14:49:12 2013
@@ -37,54 +37,47 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Web Server Flow</h2>
-
-      <h3>Step 2. Get Access Token</h3></p>
+      <div class="page-header">
+        <h2>Web Server Flow
+        <small>Step 2. Get Access Token</small></h2>
+      </div>
 
       <c:if test="${!empty oauthParams.errorMessage}">
         <div class="alert alert-danger">${oauthParams.errorMessage}</div>
       </c:if>
 
       <form:form commandName="oauthParams" action="/get_token">
-        <table class="table table-striped">
-          <tr>
-            <td>Required OAuth parameters:</td>
-          </tr>
-          <tr>
-            <td>Authorization Code:</td>
-            <td><form:input size="70" path="authzCode" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>End-User Authorization URL:</td>
-            <td><form:input size="70" path="authzEndpoint" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Token Endpoint:</td>
-            <td><form:input size="70" path="tokenEndpoint" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client ID:</td>
-            <td><form:input size="70" path="clientId" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client Secret:</td>
-            <td><form:input size="70" path="clientSecret" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Redirect URI:</td>
-            <td><form:input size="70" path="redirectUri" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td>Client State:</td>
-            <td><form:input size="70" path="state" readonly="true" /></td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <form:hidden path="application" />
-              <input type="submit" class="btn btn-primary" value="Get Token" />
-            </td>
-          </tr>
-        </table>
+        <div class="form-group">
+          <label for="authzCode" class="col-lg-3 control-label">Authorization Code</label>
+          <div class="col-lg-9"><form:input class="form-control" id="authzCode" path="authzCode" /></div>
+        </div>
+        <div class="form-group">
+          <label for="authzEndpoint" class="col-lg-3 control-label">Authorization URL</label>
+          <div class="col-lg-9"><form:input class="form-control" id="authzEndpoint" path="authzEndpoint" /></div>
+        </div>
+        <div class="form-group">
+          <label for="tokenEndpoint" class="col-lg-3 control-label">Token Endpoint</label>
+          <div class="col-lg-9"><form:input class="form-control" id="tokenEndpoint" path="tokenEndpoint" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientId" class="col-lg-3 control-label">Client ID</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientId" path="clientId" /></div>
+        </div>
+        <div class="form-group">
+          <label for="clientSecret" class="col-lg-3 control-label">Client Secret</label>
+          <div class="col-lg-9"><form:input class="form-control" id="clientSecret" path="clientSecret" /></div>
+        </div>
+        <div class="form-group">
+          <label for="redirectUri" class="col-lg-3 control-label">Redirect URI</label>
+          <div class="col-lg-9"><form:input class="form-control" id="redirectUri" path="redirectUri" /></div>
+        </div>
+        <div class="form-group">
+          <label for="state" class="col-lg-3 control-label">Client State</label>
+          <div class="col-lg-9"><form:input class="form-control" id="state" path="state" /></div>
+        </div>
+
+        <form:hidden path="application" />
+        <input type="submit" class="btn btn-primary pull-right" value="Get Token" />
       </form:form>
 
     </div>

Modified: oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/resource.jsp
URL: http://svn.apache.org/viewvc/oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/resource.jsp?rev=1526197&r1=1526196&r2=1526197&view=diff
==============================================================================
--- oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/resource.jsp (original)
+++ oltu/trunk/demos/client-demo/src/main/webapp/WEB-INF/views/resource.jsp Wed Sep 25 14:49:12 2013
@@ -37,15 +37,18 @@
     <div class="container">
       <h1>Apache Oltu - Sample OAuth V2.0 Client Application</h1>
 
-      <h2>Web Server Flow</h2>
-
-      <h3>Your Resource:</h3>
+      <div class="page-header">
+        <h2>Web Server Flow
+        <small>Your Resource</small></h2>
+      </div>
 
       <c:if test="${!empty oauthParams.errorMessage}">
       <div class="alert alert-danger">${oauthParams.errorMessage}</div>
       </c:if>
 
-      <textarea rows="15" cols="80" disabled="true">${oauthParams.resource}</textarea>
+      <div class="panel panel-default">
+        <div class="panel-body">${oauthParams.resource}</div>
+      </div>
     </div>
   </body>
 </html>