Changeset 25457 for trunk/admin/themes/default/template

Timestamp:

Nov 11, 2013, 2:36:14 PM (10 years ago)

Author:

plg

Message:

feature 1668: visual enhancement for user manager redesign. Appropriate
(fontello) icons for open/close user details, appropriate colors for
DataTables.

File:

• trunk/admin/themes/default/template/user_list.tpl (modified) (3 diffs)

trunk/admin/themes/default/template/user_list.tpl

@@ -268 +268 @@
    * rather it is done here
    */
-  jQuery(document).on('click', '#userList tbody td img',  function() {
+  jQuery(document).on('click', '#userList tbody td .openUserDetails',  function() {
     var nTr = this.parentNode.parentNode;
-    if ( this.src.match('details_close') ) {
+    if (jQuery(this).hasClass('icon-angle-circled-up')) {
       /* This row is already open - close it */
-      this.src = "admin/themes/default/icon/details_open.png";
+      jQuery(this).removeClass('icon-angle-circled-up').addClass('icon-angle-circled-down').attr('title', 'Open user details');
       oTable.fnClose( nTr );
     }
     else {
       /* Open this row */
-      this.src = "admin/themes/default/icon/details_close.png";
+      jQuery(this).removeClass('icon-angle-circled-down').addClass('icon-angle-circled-up').attr('title', 'Close user details');
       oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
     }
@@ -290 +290 @@
     {
       "mRender": function(data, type, full) {
-        return '<img src="admin/themes/default/icon/details_open.png"> <label><input type="checkbox" data-user_id="'+full[0]+'"> '+data+'</label>';
+        return '<span title="Open user details" class="icon-angle-circled-down openUserDetails"></span> <label><input type="checkbox" data-user_id="'+full[0]+'"> '+data+'</label>';
       }
     }
@@ -549 +549 @@
 
 <p class="showCreateAlbum" id="showAddUser">
-  <a href="#" id="addUser">{'Add a user'|translate}</a>
+  <a href="#" id="addUser" class="icon-plus-circled">{'Add a user'|translate}</a>
   <span class="infos" style="display:none"></span>
 </p>