svn commit: r1225183 - in /archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback: roles.js templates/roles-tmpl.html templates/user-grids.html

[ol...@apache.org]

Author: olamy
Date: Wed Dec 28 13:31:23 2011
New Revision: 1225183

URL: http://svn.apache.org/viewvc?rev=1225183&view=rev
Log:
move roles list view to a tab format to display role detail in a tab

Modified:
    archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js
    archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html
    archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html

Modified: archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js
URL: http://svn.apache.org/viewvc/archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js?rev=1225183&r1=1225182&r2=1225183&view=diff
==============================================================================
--- archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js (original)
+++ archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/roles.js Wed Dec 28 13:31:23 2011
@@ -35,7 +35,10 @@ $(function() {
          var roles = $.map(data.role, function(item) {
              return mapRole(item);
          });
-         $("#main-content").html($("#rolesGrid").tmpl(data));
+
+         $("#main-content").html($("#rolesTabs").tmpl());
+         $("#main-content #roles-view-tabs-content #roles-view").html($("#rolesGrid").tmpl(data));
+         activateRolesGridTab();
        }
       }
     );
@@ -48,4 +51,20 @@ $(function() {
     return new role(data.name, data.description);
   }
 
+  activateRolesGridTab=function(){
+    $("#main-content #roles-view-tabs li").removeClass("active");
+    $("#main-content #roles-view-tabs-content div").removeClass("active");
+    // activate roles grid tab
+    $("#main-content #roles-view-tabs-content #roles-view").addClass("active");
+    $("#main-content #roles-view-tabs-li-roles-grid").addClass("active");
+  }
+
+  activateRoleEditTab=function(){
+    $("#main-content #roles-view-tabs li").removeClass("active");
+    $("#main-content #roles-view-tabs-content div").removeClass("active");
+    // activate role edit tab
+    $("#main-content #roles-view-tabs-content #role-edit").addClass("active");
+    $("#roles-view-tabs-li-roles-edit").addClass("active");
+  }
+
 });
\ No newline at end of file

Modified: archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html
URL: http://svn.apache.org/viewvc/archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html?rev=1225183&r1=1225182&r2=1225183&view=diff
==============================================================================
--- archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html (original)
+++ archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/roles-tmpl.html Wed Dec 28 13:31:23 2011
@@ -1,7 +1,4 @@
 <script id="rolesGrid"  type="text/x-jquery-tmpl">
-  <div class="page-header">
-    <h2>${$.i18n.prop('roles.list')}</h2>
-  </div>
   <table class="bordered-table zebra-striped" id="rolesTable">
     <thead>
       <tr>
@@ -18,4 +15,25 @@
       {{/each}}
     </tbody>
   </table>
+</script>
+
+<script id="rolesTabs" type="text/x-jquery-tmpl">
+  <div class="page-header">
+    <h2>${$.i18n.prop('roles.list')}</h2>
+  </div>
+
+  <ul id="roles-view-tabs" class="tabs">
+    <li class="active" id="roles-view-tabs-li-roles-grid">
+      <a href="#roles-view">${$.i18n.prop('roles.grid.tab.title')}</a>
+    </li>
+    <li id="roles-view-tabs-li-roles-edit">
+      <a href="#role-edit">${$.i18n.prop('role.edit')}</a>
+    </li>
+  </ul>
+  <div id="roles-view-tabs-content" class="tab-content">
+    <div id="roles-view">
+    </div>
+    <div id="role-edit"></div>
+  </div>
+
 </script>
\ No newline at end of file

Modified: archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html
URL: http://svn.apache.org/viewvc/archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html?rev=1225183&r1=1225182&r2=1225183&view=diff
==============================================================================
--- archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html (original)
+++ archiva/trunk/archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/redback/templates/user-grids.html Wed Dec 28 13:31:23 2011
@@ -101,7 +101,7 @@
     <div id="users-view-tabs-content" class="tab-content">
       <div id="users-view">
         <button data-bind='click: sortByName'  class="btn">
-          Sort by name
+            ${$.i18n.prop('users.sort.byname')}
         </button>
         <table class="bordered-table zebra-striped" data-bind="simpleGrid: gridViewModel" id="usersTable"></table>
         <div id="usersPagination"></div>