keycloak-uncached

Updated to ui

7/25/2013 5:19:17 AM

Details

diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/application-detail.html b/ui/src/main/resources/META-INF/resources/ui/partials/application-detail.html
index 791bb37..924ba07 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/application-detail.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/application-detail.html
@@ -1,15 +1,15 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/application-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/application-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
             <h1>
-                <span class="gray" ng-show="create">New Application</span> <span class="gray" ng-hide="create">{{application.name}}</span>
+                <span class="gray" data-ng-show="create">New Application</span> <span class="gray" data-ng-hide="create">{{application.name}}</span>
                 configuration
             </h1>
 
-            <div ng-show="applicationForm.showErrors && applicationForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
+            <div data-ng-show="applicationForm.showErrors && applicationForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
             <p class="subtitle subtitle-right"><span class="required">*</span> Required fields</p>
 
             <form class="form-horizontal" name="applicationForm" novalidate>
@@ -19,46 +19,46 @@
                         <div class="control-group">
                             <label class="control-label" for="name">Name <span class="required">*</span></label>
                             <div class="controls">
-                                <input type="text" class="input-xlarge" id="name" name="name" ng-model="application.name" autofocus required>
+                                <input type="text" class="input-xlarge" id="name" name="name" data-ng-model="application.name" autofocus required>
                             </div>
                         </div>
                         <div class="control-group">
                             <label class="control-label" for="callbackUrl">Callback URL <span class="required">*</span></label>
                             <div class="controls">
-                                <input type="text" class="input-xxlarge" id="callbackUrl" name="callbackUrl" ng-model="application.callbackUrl"
+                                <input type="text" class="input-xxlarge" id="callbackUrl" name="callbackUrl" data-ng-model="application.callbackUrl"
                                     required>
                             </div>
                         </div>
                         <div class="control-group">
                             <label class="control-label" for="javaScriptOrigin">JavaScript Origin </label>
                             <div class="controls">
-                                <input type="text" class="input-xxlarge" id="javaScriptOrigin" ng-model="application.javaScriptOrigin">
+                                <input type="text" class="input-xxlarge" id="javaScriptOrigin" data-ng-model="application.javaScriptOrigin">
                             </div>
                         </div>
                         <div class="control-group">
                             <label class="control-label" for="key">Key </label>
                             <div class="controls">
-                                <input class="input-xxlarge" type="text" id="key" ng-model="application.key" ng-readonly="!(auth.root && create)">
+                                <input class="input-xxlarge" type="text" id="key" data-ng-model="application.key" data-ng-readonly="!(auth.root && create)">
                             </div>
                         </div>
                         <div class="control-group">
                             <label class="control-label" for="secret">Secret </label>
                             <div class="controls">
-                                <input class="input-xxlarge" type="text" id="secret" ng-model="application.secret" ng-readonly="!(auth.root && create)">
+                                <input class="input-xxlarge" type="text" id="secret" data-ng-model="application.secret" data-ng-readonly="!(auth.root && create)">
                             </div>
                         </div>
                         <div class="control-group">
                             <label class="control-label" for="realm">Realm <span class="required">*</span></label>
                             <div class="controls">
-                                <select ng-model="application.realm" id="realm" name="realm" required>
-                                    <option ng-repeat="r in realms" value="{{r.key}}" ng-selected="r.key == application.realm">{{r.name}}</option>
+                                <select data-ng-model="application.realm" id="realm" name="realm" data-ng-required>
+                                    <option data-ng-repeat="r in realms" value="{{r.key}}" data-ng-selected="r.key == application.realm">{{r.name}}</option>
                                 </select>
                             </div>
                         </div>
-                        <div class="control-group" ng-show="auth.root">
+                        <div class="control-group" data-ng-show="auth.root">
                             <label class="control-label" for="owner">Owner </label>
                             <div class="controls">
-                                <input class="input-xxlarge" type="text" id="owner" ng-model="application.owner">
+                                <input class="input-xxlarge" type="text" id="owner" data-ng-model="application.owner">
                             </div>
                         </div>
                     </div>
@@ -67,13 +67,13 @@
                     <legend>Identity Providers</legend>
                     <div>
                         <div class="input-append">
-                            <select ng-model="newProviderId">
-                                <option ng-repeat="p in availableProviders" value="{{p.id}}">{{p.name}}</option>
+                            <select data-ng-model="newProviderId">
+                                <option data-ng-repeat="p in availableProviders" value="{{p.id}}">{{p.name}}</option>
                             </select>
-                            <button class="btn" ng-click="addProvider()" ng-disabled="!newProviderId">Add Provider</button>
+                            <button class="btn" data-ng-click="addProvider()" data-ng-disabled="!newProviderId">Add Provider</button>
                         </div>
 
-                        <table class="table table-striped table-bordered margin-top" ng-show="application.providers.length > 0">
+                        <table class="table table-striped table-bordered margin-top" data-ng-show="application.providers.length > 0">
                             <thead>
                                 <tr>
                                     <th>Provider</th>
@@ -82,31 +82,31 @@
                                     <th>&nbsp;</th>
                                 </tr>
                             </thead>
-                            <tr ng-repeat="provider in application.providers">
+                            <tr data-ng-repeat="provider in application.providers">
                                     <td><input type="text" placeholder="Key" value="{{getProviderDescription(provider.providerId).name}}" readonly></td>
                                     <td>
-                                        <input type="text" placeholder="Key" ng-model="provider.key" required>
+                                        <input type="text" placeholder="Key" data-ng-model="provider.key" required>
                                     </td>
                                     <td>
-                                        <input type="text" placeholder="Secret" ng-model="provider.secret" required>
+                                        <input type="text" placeholder="Secret" data-ng-model="provider.secret" required>
                                     </td>
-                                    <td><i class="icon-question-sign" ng-click="openHelp($index)"></i></td>
-                                    <td><i class="icon-trash" ng-click="removeProvider($index)"></i></td>
+                                    <td><i class="icon-question-sign" data-ng-click="openHelp($index)"></i></td>
+                                    <td><i class="icon-trash" data-ng-click="removeProvider($index)"></i></td>
                             </tr>
                         </table>
                     </div>
                 </fieldset>
 
-                <div class="form-actions" ng-show="create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save</button>
-                    <button type="submit" ng-click="cancel()" class="btn" ng-click="cancel()" ng-show="changed">Cancel</button>
+                <div class="form-actions" data-ng-show="create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save</button>
+                    <button type="submit" data-ng-click="cancel()" class="btn" data-ng-click="cancel()" data-ng-show="changed">Cancel</button>
                 </div>
 
-                <div class="form-actions" ng-show="!create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save changes</button>
-                    <button type="submit" ng-click="reset()" class="btn" ng-show="changed">Clear changes</button>
-                    <a href="#/applications" ng-hide="changed">View applications &#187;</a>
-                    <button type="submit" ng-click="remove()" class="btn btn-danger" ng-hide="changed">Delete</button>
+                <div class="form-actions" data-ng-show="!create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save changes</button>
+                    <button type="submit" data-ng-click="reset()" class="btn" data-ng-show="changed">Clear changes</button>
+                    <a href="#/applications" data-ng-hide="changed">View applications &#187;</a>
+                    <button type="submit" data-ng-click="remove()" class="btn btn-danger" data-ng-hide="changed">Delete</button>
                 </div>
             </form>
         </div>
@@ -115,14 +115,14 @@
     </div>
 </div>
 
-<div modal="providerHelpModal" close="closeHelp()" options="opts">
+<div data-modal="providerHelpModal" data-close="closeHelp()" data-options="opts">
     <div class="modal-header">
         <h3>Configure {{providerHelp.description.name}}</h3>
     </div>
     <div class="modal-body">
-        <div ng-include src="providerHelp && 'partials/provider/' + providerHelp.description.id + '-help.html'"></div>
+        <div data-ng-include data-src="providerHelp && 'partials/provider/' + providerHelp.description.id + '-help.html'"></div>
     </div>
     <div class="modal-footer">
-        <button class="btn" ng-click="closeHelp()">Close</button>
+        <button class="btn" data-ng-click="closeHelp()">Close</button>
     </div>
 </div>
\ No newline at end of file
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/application-list.html b/ui/src/main/resources/META-INF/resources/ui/partials/application-list.html
index ca8b7dd..1b8c68e 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/application-list.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/application-list.html
@@ -1,6 +1,6 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/application-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/application-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
@@ -16,7 +16,7 @@
                         <th>Application</th>
                     </tr>
                 </thead>
-                <tr ng-repeat="application in applications">
+                <tr data-ng-repeat="application in applications">
                     <td><a href="#/applications/{{application.key}}">{{application.name}}</a></td>
                 </tr>
             </table>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/application-menu.html b/ui/src/main/resources/META-INF/resources/ui/partials/application-menu.html
index 2af1da2..7eec7a1 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/application-menu.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/application-menu.html
@@ -5,8 +5,9 @@
                 <span class="toggle">Applications</span>
             </div>
             <ul>
-                <li ng-repeat="application in applications" ng-class="path[1] == application.key && 'active'"><a
-                    href="#/applications/{{application.key}}">{{application.name}}</a></li>
+                <li data-ng-repeat="application in applications" data-ng-class="path[1] == application.key && 'active'">
+                	<a href="#/applications/{{application.key}}">{{application.name}}</a>
+                </li>
             </ul>
         </li>
     </ul>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/home.html b/ui/src/main/resources/META-INF/resources/ui/partials/home.html
index 082c3ab..dc2471b 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/home.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/home.html
@@ -1,5 +1,4 @@
 <div id="wrapper" class="container">
     <div class="row">
-        
     </div>
 </div>
\ No newline at end of file
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/menu.html b/ui/src/main/resources/META-INF/resources/ui/partials/menu.html
index 825d743..330f6ee 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/menu.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/menu.html
@@ -4,19 +4,19 @@
             <div class="nav-collapse">
                 <nav id="global-nav">
                     <ul class="nav">
-                        <li class="divider-vertical-left" ng-class="path[0] == '' && 'active'"><a href="#">Home</a></li>
-                        <li class="divider-vertical-left" ng-class="path[0] == 'applications' && 'active'" ng-show="auth.loggedIn"><a href="#/applications">Applications</a></li>
-                        <li class="divider-vertical-left" ng-class="path[0] == 'realms' && 'active'" ng-show="auth.loggedIn"><a href="#/realms">Realms</a></li>
+                        <li class="divider-vertical-left" data-ng-class="path[0] == '' && 'active'"><a href="#">Home</a></li>
+                        <li class="divider-vertical-left" data-ng-class="path[0] == 'applications' && 'active'" data-ng-show="auth.loggedIn"><a href="#/applications">Applications</a></li>
+                        <li class="divider-vertical-left" data-ng-class="path[0] == 'realms' && 'active'" data-ng-show="auth.loggedIn"><a href="#/realms">Realms</a></li>
                     </ul>
-                    <ul class="nav pull-right" ng-hide="auth.loggedIn">
+                    <ul class="nav pull-right" data-ng-hide="auth.loggedIn">
                         <li><a href="/ejs-identity/api/login/system">Login</a></li>
                         <li><a href="/ejs-identity/api/register/system">Register</a></li>
                     </ul>
-                    <ul class="nav pull-right" ng-show="auth.loggedIn">
+                    <ul class="nav pull-right" data-ng-show="auth.loggedIn">
                         <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i
                                 class="icon-user icon-gray"></i> {{auth.user.displayName}} <i class="caret"></i></a>
                             <ul class="dropdown-menu">
-                                <li><a href="" ng-click="auth.logout()">Sign Out</a></li>
+                                <li><a href="" data-ng-click="auth.logout()">Sign Out</a></li>
                             </ul></li>
                     </ul>
                 </nav>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/provider/google-help.html b/ui/src/main/resources/META-INF/resources/ui/partials/provider/google-help.html
index 78d3d4f..aa4baed 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/provider/google-help.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/provider/google-help.html
@@ -6,7 +6,7 @@
 <p>Use any name that you'd like, click <i>Create Project</i>, select <i>API Access</i> and click on <i>Create an OAuth 2.0 client ID</i>.</p>
 
 <p>Use any product name you'd like and leave the other fields empty, then click <i>Next</i>. On the next page select <i>Web application</i>
-    as the application type. Click <i>more options next></i> to <i>Your site or hostname</i>. Fill in the form with the following values:</p>
+    as the application type. Click <i>more options</i> next to <i>Your site or hostname</i>. Fill in the form with the following values:</p>
 
 <ul>
     <li><b>Authorized Redirect URIs:</b> {{callbackUrl}}</li>
@@ -18,14 +18,13 @@
     <div class="control-group">
         <label class="control-label" for="providerHelp.key">Client ID </label>
         <div class="controls">
-            <input type="text" class="input-xlarge" id="providerHelp.key" ng-model="application.providers[providerHelp.index].key">
+            <input type="text" class="input-xlarge" id="providerHelp.key" data-ng-model="application.providers[providerHelp.index].key">
         </div>
     </div>
     <div class="control-group">
         <label class="control-label" for="providerHelp.secret">Client secret </label>
         <div class="controls">
-            <input type="text" class="input-xlarge" id="providerHelp.secret"
-                ng-model="application.providers[providerHelp.index].secret">
+            <input type="text" class="input-xlarge" id="providerHelp.secret" data-ng-model="application.providers[providerHelp.index].secret">
         </div>
     </div>
 </form>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/provider/twitter-help.html b/ui/src/main/resources/META-INF/resources/ui/partials/provider/twitter-help.html
index e73a245..1c6114b 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/provider/twitter-help.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/provider/twitter-help.html
@@ -19,14 +19,13 @@
     <div class="control-group">
         <label class="control-label" for="providerHelp.key">Consumer key </label>
         <div class="controls">
-            <input type="text" class="input-xlarge" id="providerHelp.key" ng-model="application.providers[providerHelp.index].key">
+            <input type="text" class="input-xlarge" id="providerHelp.key" data-ng-model="application.providers[providerHelp.index].key">
         </div>
     </div>
     <div class="control-group">
         <label class="control-label" for="providerHelp.secret">Consumer secret </label>
         <div class="controls">
-            <input type="text" class="input-xlarge" id="providerHelp.secret"
-                ng-model="application.providers[providerHelp.index].secret">
+            <input type="text" class="input-xlarge" id="providerHelp.secret" data-ng-model="application.providers[providerHelp.index].secret">
         </div>
     </div>
 </form>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/realm-detail.html b/ui/src/main/resources/META-INF/resources/ui/partials/realm-detail.html
index d7c7b0b..db2e374 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/realm-detail.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/realm-detail.html
@@ -1,15 +1,15 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/realm-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/realm-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
             <h1>
-                <span class="gray" ng-show="create">New Realm</span>
-                <span class="gray" ng-hide="create">{{realm.name}}</span> configuration
+                <span class="gray" data-ng-show="create">New Realm</span>
+                <span class="gray" data-ng-hide="create">{{realm.name}}</span> configuration
             </h1>
             
-            <div ng-show="realmForm.showErrors && realmForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
+            <div data-ng-show="realmForm.showErrors && realmForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
             <p class="subtitle subtitle-right"><span class="required">*</span> Required fields</p>
 
             <form class="form-horizontal" name="realmForm" novalidate>
@@ -18,33 +18,33 @@
                     <div class="control-group">
                         <label class="control-label" for="name">Name <span class="required">*</span></label>
                         <div class="controls">
-                            <input type="text" class="input-xlarge" id="name" name="name" ng-model="realm.name" autofocus required>
+                            <input type="text" class="input-xlarge" id="name" name="name" data-ng-model="realm.name" autofocus required>
                         </div>
                     </div>
                     <div class="control-group">
                         <label class="control-label" for="key">Key </label>
                         <div class="controls">
-                            <input class="input-xxlarge" type="text" id="key" name="key" ng-model="realm.key" ng-readonly="!(auth.root && create)">
+                            <input class="input-xxlarge" type="text" id="key" name="key" data-ng-model="realm.key" data-ng-readonly="!(auth.root && create)">
                         </div>
                     </div>
-                    <div class="control-group" ng-show="auth.root">
+                    <div class="control-group" data-ng-show="auth.root">
                         <label class="control-label" for="owner">Owner </label>
                         <div class="controls">
-                            <input class="input-xxlarge" type="text" id="owner" ng-model="realm.owner">
+                            <input class="input-xxlarge" type="text" id="owner" data-ng-model="realm.owner">
                         </div>
                     </div>
                 </fieldset>
 
-                <div class="form-actions" ng-show="create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save</button>
-                    <button type="submit" ng-click="cancel()" class="btn" ng-click="cancel()" ng-show="changed">Cancel</button>
+                <div class="form-actions" data-ng-show="create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save</button>
+                    <button type="submit" data-ng-click="cancel()" class="btn" data-ng-click="cancel()" data-ng-show="changed">Cancel</button>
                 </div>
 
-                <div class="form-actions" ng-show="!create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save changes</button>
-                    <button type="submit" ng-click="reset()" class="btn" ng-show="changed">Clear changes</button>
-                    <a href="#/realms" ng-hide="changed">View realms &#187;</a>
-                    <button type="submit" ng-click="remove()" class="btn btn-danger" ng-hide="changed">Delete</button>
+                <div class="form-actions" data-ng-show="!create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save changes</button>
+                    <button type="submit" data-ng-click="reset()" class="btn" data-ng-show="changed">Clear changes</button>
+                    <a href="#/realms" data-ng-hide="changed">View realms &#187;</a>
+                    <button type="submit" data-ng-click="remove()" class="btn btn-danger" data-ng-hide="changed">Delete</button>
                 </div>
                 
             </form>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/realm-list.html b/ui/src/main/resources/META-INF/resources/ui/partials/realm-list.html
index d107ece..2618643 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/realm-list.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/realm-list.html
@@ -1,6 +1,6 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/realm-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/realm-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
@@ -16,7 +16,7 @@
                         <th>Realm</th>
                     </tr>
                 </thead>
-                <tr ng-repeat="r in realms">
+                <tr data-ng-repeat="r in realms">
                     <td><a href="#/realms/{{r.key}}">{{r.name}}</a></td>
                 </tr>
             </table>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/realm-menu.html b/ui/src/main/resources/META-INF/resources/ui/partials/realm-menu.html
index 0b4c698..646a79a 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/realm-menu.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/realm-menu.html
@@ -5,11 +5,11 @@
                 <span class="toggle">Realms</span>
             </div>
             <ul>
-                <li ng-repeat="r in realms" ng-class="realm.key == r.key && 'active'">
+                <li data-ng-repeat="r in realms" data-ng-class="realm.key == r.key && 'active'">
                     <a href=#/realms/{{r.key}}>{{r.name}}</a>
-                    <ul class="sub-items" ng-show="realm.key == r.key">
-                        <li ng-class="!path[2] && 'active'"><a href="#/realms/{{r.key}}">Configuration</a></li>
-                        <li ng-class="path[2] == 'users' && 'active'"><a href="#/realms/{{r.key}}/users">Users</a></li>
+                    <ul class="sub-items" data-ng-show="realm.key == r.key">
+                        <li data-ng-class="!path[2] && 'active'"><a href="#/realms/{{r.key}}">Configuration</a></li>
+                        <li data-ng-class="path[2] == 'users' && 'active'"><a href="#/realms/{{r.key}}/users">Users</a></li>
                     </ul>
                 </li>
             </ul>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/user-detail.html b/ui/src/main/resources/META-INF/resources/ui/partials/user-detail.html
index d9ecccb..7427115 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/user-detail.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/user-detail.html
@@ -1,15 +1,15 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/realm-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/realm-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
             <h1>
-                <span class="gray" ng-show="create">New User</span>
-                <span class="gray" ng-hide="create">{{user.userId}}</span>
+                <span class="gray" data-ng-show="create">New User</span>
+                <span class="gray" data-ng-hide="create">{{user.userId}}</span>
             </h1>
 
-            <div ng-show="userForm.showErrors && userForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
+            <div data-ng-show="userForm.showErrors && userForm.$error.required" class="alert alert-error">Please fill in all required fields</div>
             <p class="subtitle subtitle-right"><span class="required">*</span> Required fields</p>
 
             <form class="form-horizontal" name="userForm" novalidate>
@@ -18,41 +18,41 @@
                     <div class="control-group">
                         <label class="control-label" for="name">Username <span class="required">*</span></label>
                         <div class="controls">
-                            <input type="text" class="input-xlarge" id="name" name="name" ng-model="user.userId" autofocus required ng-readonly="!create">
+                            <input type="text" class="input-xlarge" id="name" name="name" data-ng-model="user.userId" autofocus required data-ng-readonly="!create">
                         </div>
                     </div>
 
                     <div class="control-group">
                         <label class="control-label" for="email">Email </label>
                         <div class="controls">
-                            <input type="email" class="input-xlarge" id="email" name="email" ng-model="user.email">
-                            <span class="help-inline error" ng-show="userForm.showErrors && userForm.email.$invalid">Invalid email</span>
+                            <input type="email" class="input-xlarge" id="email" name="email" data-ng-model="user.email">
+                            <span class="help-inline error" data-ng-show="userForm.showErrors && userForm.email.$invalid">Invalid email</span>
                         </div>
                     </div>
 
                     <div class="control-group">
                         <label class="control-label" for="firstName">Firstname </label>
                         <div class="controls">
-                            <input type="text" class="input-xlarge" id="firstName" ng-model="user.firstName">
+                            <input type="text" class="input-xlarge" id="firstName" data-ng-model="user.firstName">
                         </div>
                     </div>
 
                     <div class="control-group">
                         <label class="control-label" for="lastName">Lastname </label>
                         <div class="controls">
-                            <input type="text" class="input-xlarge" id="lastName" ng-model="user.lastName">
+                            <input type="text" class="input-xlarge" id="lastName" data-ng-model="user.lastName">
                         </div>
                     </div>
 
                     <div class="control-group">
                         <label class="control-label" for="password">Password <span class="required">*</span></label>
                         <div class="controls">
-                            <input type="password" class="input-xlarge" id="password" name="password" ng-model="user.password" ng-required="create">
+                            <input type="password" class="input-xlarge" id="password" name="password" data-ng-model="user.password" data-ng-required="create">
                         </div>
                     </div>
                 </fieldset>
 
-                <fieldset ng-show="user.attributes.length > 0">
+                <fieldset data-ng-show="user.attributes.length > 0">
                     <legend>Attributes</legend>
 
                     <table class="table table-striped table-bordered margin-top">
@@ -62,23 +62,23 @@
                                 <th>Value</th>
                             </tr>
                         </thead>
-                        <tr ng-repeat="attribute in user.attributes">
+                        <tr data-ng-repeat="attribute in user.attributes">
                             <td><input type="text" placeholder="Name" value="{{attribute.name}}" readonly></td>
                             <td><input type="text" placeholder="Value" value="{{attribute.value}}" readonly></td>
                         </tr>
                     </table>
                 </fieldset>
 
-                <div class="form-actions" ng-show="create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save</button>
-                    <button type="submit" ng-click="cancel()" class="btn" ng-click="cancel()" ng-show="changed">Cancel</button>
+                <div class="form-actions" data-ng-show="create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save</button>
+                    <button type="submit" data-ng-click="cancel()" class="btn" data-ng-click="cancel()" data-ng-show="changed">Cancel</button>
                 </div>
 
-                <div class="form-actions" ng-show="!create">
-                    <button type="submit" ng-click="save()" class="btn btn-primary" ng-show="changed">Save changes</button>
-                    <button type="submit" ng-click="reset()" class="btn" ng-show="changed">Clear changes</button>
-                    <a href="#/realms/{{realm.name}}/users" ng-hide="changed">View users &#187;</a>
-                    <button type="submit" ng-click="remove()" class="btn btn-danger" ng-hide="changed">Delete</button>
+                <div class="form-actions" data-ng-show="!create">
+                    <button type="submit" data-ng-click="save()" class="btn btn-primary" data-ng-show="changed">Save changes</button>
+                    <button type="submit" data-ng-click="reset()" class="btn" data-ng-show="changed">Clear changes</button>
+                    <a href="#/realms/{{realm.name}}/users" data-ng-hide="changed">View users &#187;</a>
+                    <button type="submit" data-ng-click="remove()" class="btn btn-danger" data-ng-hide="changed">Delete</button>
                 </div>
                 
             </form>
diff --git a/ui/src/main/resources/META-INF/resources/ui/partials/user-list.html b/ui/src/main/resources/META-INF/resources/ui/partials/user-list.html
index 4619303..0b31608 100644
--- a/ui/src/main/resources/META-INF/resources/ui/partials/user-list.html
+++ b/ui/src/main/resources/META-INF/resources/ui/partials/user-list.html
@@ -1,6 +1,6 @@
 <div id="wrapper" class="container">
     <div class="row">
-        <aside class="span3" ng-include src="'partials/realm-menu.html'"></aside>
+        <aside class="span3" data-ng-include data-src="'partials/realm-menu.html'"></aside>
         <div id="actions-bg"></div>
 
         <div id="container-right" class="span9">
@@ -19,7 +19,7 @@
                             <th>Email</th>
                         </tr>
                     </thead>
-                    <tr ng-repeat="user in users">
+                    <tr data-ng-repeat="user in users">
                         <td><a href="#/realms/{{realm.key}}/users/{{user.userId}}">{{user.userId}}</a></td>
                         <td>{{user.firstName}}</td>
                         <td>{{user.lastName}}</td>