ui: fix double icons on quick-menu.

rhodecode/templates/data_table/_dt_elements.mako

@@ -1,317 +1,317 b''
 ## DATA TABLE RE USABLE ELEMENTS
 ## usage:
 ## <%namespace name="dt" file="/data_table/_dt_elements.mako"/>
 <%namespace name="base" file="/base/base.mako"/>
 
 ## REPOSITORY RENDERERS
 <%def name="quick_menu(repo_name)">
-  <i class="pointer icon-more"></i>
+  <i class="icon-more"></i>
   <div class="menu_items_container hidden">
     <ul class="menu_items">
       <li>
          <a title="${_('Summary')}" href="${h.route_path('repo_summary',repo_name=repo_name)}">
          <span>${_('Summary')}</span>
          </a>
       </li>
       <li>
          <a title="${_('Changelog')}" href="${h.route_path('repo_changelog',repo_name=repo_name)}">
          <span>${_('Changelog')}</span>
          </a>
       </li>
       <li>
          <a title="${_('Files')}" href="${h.route_path('repo_files:default_commit',repo_name=repo_name)}">
          <span>${_('Files')}</span>
          </a>
       </li>
       <li>
          <a title="${_('Fork')}" href="${h.url('repo_fork_home',repo_name=repo_name)}">
          <span>${_('Fork')}</span>
          </a>
       </li>
     </ul>
   </div>
 </%def>
 
 <%def name="repo_name(name,rtype,rstate,private,fork_of,short_name=False,admin=False)">
     <%
     def get_name(name,short_name=short_name):
       if short_name:
         return name.split('/')[-1]
       else:
         return name
     %>
   <div class="${'repo_state_pending' if rstate == 'repo_state_pending' else ''} truncate">
     ##NAME
     <a href="${h.route_path('edit_repo',repo_name=name) if admin else h.route_path('repo_summary',repo_name=name)}">
 
     ##TYPE OF REPO
     %if h.is_hg(rtype):
         <span title="${_('Mercurial repository')}"><i class="icon-hg"></i></span>
     %elif h.is_git(rtype):
         <span title="${_('Git repository')}"><i class="icon-git"></i></span>
     %elif h.is_svn(rtype):
         <span title="${_('Subversion repository')}"><i class="icon-svn"></i></span>
     %endif
 
     ##PRIVATE/PUBLIC
     %if private and c.visual.show_private_icon:
       <i class="icon-lock" title="${_('Private repository')}"></i>
     %elif not private and c.visual.show_public_icon:
       <i class="icon-unlock-alt" title="${_('Public repository')}"></i>
     %else:
       <span></span>
     %endif
     ${get_name(name)}
     </a>
     %if fork_of:
       <a href="${h.route_path('repo_summary',repo_name=fork_of.repo_name)}"><i class="icon-code-fork"></i></a>
     %endif
     %if rstate == 'repo_state_pending':
       <i class="icon-cogs" title="${_('Repository creating in progress...')}"></i>
     %endif
   </div>
 </%def>
 
 <%def name="repo_desc(description)">
     <div class="truncate-wrap">${description}</div>
 </%def>
 
 <%def name="last_change(last_change)">
     ${h.age_component(last_change)}
 </%def>
 
 <%def name="revision(name,rev,tip,author,last_msg)">
   <div>
   %if rev >= 0:
       <code><a title="${h.tooltip('%s:\n\n%s' % (author,last_msg))}" class="tooltip" href="${h.route_path('repo_commit',repo_name=name,commit_id=tip)}">${'r%s:%s' % (rev,h.short_id(tip))}</a></code>
   %else:
       ${_('No commits yet')}
   %endif
   </div>
 </%def>
 
 <%def name="rss(name)">
   %if c.rhodecode_user.username != h.DEFAULT_USER:
     <a title="${h.tooltip(_('Subscribe to %s rss feed')% name)}" href="${h.route_path('rss_feed_home', repo_name=name, _query=dict(auth_token=c.rhodecode_user.feed_token))}"><i class="icon-rss-sign"></i></a>
   %else:
     <a title="${h.tooltip(_('Subscribe to %s rss feed')% name)}" href="${h.route_path('rss_feed_home', repo_name=name)}"><i class="icon-rss-sign"></i></a>
   %endif
 </%def>
 
 <%def name="atom(name)">
   %if c.rhodecode_user.username != h.DEFAULT_USER:
     <a title="${h.tooltip(_('Subscribe to %s atom feed')% name)}" href="${h.route_path('atom_feed_home', repo_name=name, _query=dict(auth_token=c.rhodecode_user.feed_token))}"><i class="icon-rss-sign"></i></a>
   %else:
     <a title="${h.tooltip(_('Subscribe to %s atom feed')% name)}" href="${h.route_path('atom_feed_home', repo_name=name)}"><i class="icon-rss-sign"></i></a>
   %endif
 </%def>
 
 <%def name="user_gravatar(email, size=16)">
   <div class="rc-user tooltip" title="${h.tooltip(h.author_string(email))}">
     ${base.gravatar(email, 16)}
   </div>
 </%def>
 
 <%def name="repo_actions(repo_name, super_user=True)">
   <div>
     <div class="grid_edit">
       <a href="${h.route_path('edit_repo',repo_name=repo_name)}" title="${_('Edit')}">
         <i class="icon-pencil"></i>Edit</a>
     </div>
     <div class="grid_delete">
       ${h.secure_form(h.route_path('edit_repo_advanced_delete', repo_name=repo_name), method='POST', request=request)}
         ${h.submit('remove_%s' % repo_name,_('Delete'),class_="btn btn-link btn-danger",
         onclick="return confirm('"+_('Confirm to delete this repository: %s') % repo_name+"');")}
       ${h.end_form()}
     </div>
   </div>
 </%def>
 
 <%def name="repo_state(repo_state)">
   <div>
     %if repo_state == 'repo_state_pending':
         <div class="tag tag4">${_('Creating')}</div>
     %elif repo_state == 'repo_state_created':
         <div class="tag tag1">${_('Created')}</div>
     %else:
         <div class="tag alert2" title="${h.tooltip(repo_state)}">invalid</div>
     %endif
   </div>
 </%def>
 
 
 ## REPO GROUP RENDERERS
 <%def name="quick_repo_group_menu(repo_group_name)">
-  <i class="pointer icon-more"></i>
+  <i class="icon-more"></i>
   <div class="menu_items_container hidden">
     <ul class="menu_items">
       <li>
          <a href="${h.route_path('repo_group_home', repo_group_name=repo_group_name)}">
          <span class="icon">
              <i class="icon-file-text"></i>
          </span>
          <span>${_('Summary')}</span>
          </a>
       </li>
 
     </ul>
   </div>
 </%def>
 
 <%def name="repo_group_name(repo_group_name, children_groups=None)">
   <div>
     <a href="${h.route_path('repo_group_home', repo_group_name=repo_group_name)}">
     <i class="icon-folder-close" title="${_('Repository group')}"></i>
       %if children_groups:
           ${h.literal(' &raquo; '.join(children_groups))}
       %else:
           ${repo_group_name}
       %endif
   </a>
   </div>
 </%def>
 
 <%def name="repo_group_desc(description)">
     <div class="truncate-wrap">${description}</div>
 </%def>
 
 <%def name="repo_group_actions(repo_group_id, repo_group_name, gr_count)">
  <div class="grid_edit">
     <a href="${h.url('edit_repo_group',group_name=repo_group_name)}" title="${_('Edit')}">Edit</a>
  </div>
  <div class="grid_delete">
     ${h.secure_form(h.url('delete_repo_group', group_name=repo_group_name),method='delete')}
         ${h.submit('remove_%s' % repo_group_name,_('Delete'),class_="btn btn-link btn-danger",
         onclick="return confirm('"+_ungettext('Confirm to delete this group: %s with %s repository','Confirm to delete this group: %s with %s repositories',gr_count) % (repo_group_name, gr_count)+"');")}
     ${h.end_form()}
  </div>
 </%def>
 
 
 <%def name="user_actions(user_id, username)">
  <div class="grid_edit">
    <a href="${h.url('edit_user',user_id=user_id)}" title="${_('Edit')}">
      <i class="icon-pencil"></i>Edit</a>
  </div>
  <div class="grid_delete">
   ${h.secure_form(h.url('delete_user', user_id=user_id),method='delete')}
     ${h.submit('remove_',_('Delete'),id="remove_user_%s" % user_id, class_="btn btn-link btn-danger",
     onclick="return confirm('"+_('Confirm to delete this user: %s') % username+"');")}
   ${h.end_form()}
  </div>
 </%def>
 
 <%def name="user_group_actions(user_group_id, user_group_name)">
  <div class="grid_edit">
     <a href="${h.url('edit_users_group', user_group_id=user_group_id)}" title="${_('Edit')}">Edit</a>
  </div>
  <div class="grid_delete">
     ${h.secure_form(h.url('delete_users_group', user_group_id=user_group_id),method='delete')}
       ${h.submit('remove_',_('Delete'),id="remove_group_%s" % user_group_id, class_="btn btn-link btn-danger",
       onclick="return confirm('"+_('Confirm to delete this user group: %s') % user_group_name+"');")}
     ${h.end_form()}
  </div>
 </%def>
 
 
 <%def name="user_name(user_id, username)">
     ${h.link_to(h.person(username, 'username_or_name_or_email'), h.url('edit_user', user_id=user_id))}
 </%def>
 
 <%def name="user_profile(username)">
     ${base.gravatar_with_user(username, 16)}
 </%def>
 
 <%def name="user_group_name(user_group_id, user_group_name)">
   <div>
   <a href="${h.url('edit_users_group', user_group_id=user_group_id)}">
     <i class="icon-group" title="${_('User group')}"></i> ${user_group_name}</a>
   </div>
 </%def>
 
 
 ## GISTS
 
 <%def name="gist_gravatar(full_contact)">
     <div class="gist_gravatar">
       ${base.gravatar(full_contact, 30)}
     </div>
 </%def>
 
 <%def name="gist_access_id(gist_access_id, full_contact)">
     <div>
       <b>
         <a href="${h.route_path('gist_show', gist_id=gist_access_id)}">gist: ${gist_access_id}</a>
       </b>
     </div>
 </%def>
 
 <%def name="gist_author(full_contact, created_on, expires)">
     ${base.gravatar_with_user(full_contact, 16)}
 </%def>
 
 
 <%def name="gist_created(created_on)">
     <div class="created">
       ${h.age_component(created_on, time_is_local=True)}
     </div>
 </%def>
 
 <%def name="gist_expires(expires)">
     <div class="created">
           %if expires == -1:
             ${_('never')}
           %else:
             ${h.age_component(h.time_to_utcdatetime(expires))}
           %endif
     </div>
 </%def>
 
 <%def name="gist_type(gist_type)">
     %if gist_type != 'public':
       <div class="tag">${_('Private')}</div>
     %endif
 </%def>
 
 <%def name="gist_description(gist_description)">
   ${gist_description}
 </%def>
 
 
 ## PULL REQUESTS GRID RENDERERS
 
 <%def name="pullrequest_target_repo(repo_name)">
     <div class="truncate">
       ${h.link_to(repo_name,h.route_path('repo_summary',repo_name=repo_name))}
     </div>
 </%def>
 <%def name="pullrequest_status(status)">
     <div class="${'flag_status %s' % status} pull-left"></div>
 </%def>
 
 <%def name="pullrequest_title(title, description)">
     ${title} <br/>
     ${h.shorter(description, 40)}
 </%def>
 
 <%def name="pullrequest_comments(comments_nr)">
     <i class="icon-comment"></i> ${comments_nr}
 </%def>
 
 <%def name="pullrequest_name(pull_request_id, target_repo_name, short=False)">
     <a href="${h.route_path('pullrequest_show',repo_name=target_repo_name,pull_request_id=pull_request_id)}">
       % if short:
         #${pull_request_id}
       % else:
         ${_('Pull request #%(pr_number)s') % {'pr_number': pull_request_id,}}
       % endif
     </a>
 </%def>
 
 <%def name="pullrequest_updated_on(updated_on)">
     ${h.age_component(h.time_to_utcdatetime(updated_on))}
 </%def>
 
 <%def name="pullrequest_author(full_contact)">
     ${base.gravatar_with_user(full_contact, 16)}
 </%def>

rhodecode/templates/debug_style/tables.html

@@ -1,545 +1,545 b''
 ## -*- coding: utf-8 -*-
 <%inherit file="/debug_style/index.html"/>
 
 <%def name="breadcrumbs_links()">
     ${h.link_to(_('Style'), h.route_path('debug_style_home'))}
     &raquo;
     ${c.active}
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     <div class='sidebar-col-wrapper'>
       ##main
       ${self.sidebar()}
 
       <div class="main-content">
 
       <div style="opacity:.5">
 
         <h2>Simple tables</h2>
 
         <p>These styles will be adjusted later to provide a baseline style
             for all tables without classes added, whether part of the
             application or not. Currently, some of the
             application-specific styles are applied to this table.</p>
         <p>This is a baseline style for all tables, whether part of the
             application or not. It has no class applied for styling. Use
             the "rctable" class as outlined before for tables which are
             part of the RhodeCode application.</p>
         <table>
           <tbody>
             <tr>
               <th>Header A</th>
               <th>Header B</th>
               <th>Header C</th>
               <th>Header D</th>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
             <tr>
               <td>Content of col A</td>
               <td>Content of col B</td>
               <td>Content of col C</td>
               <td>Content of col D</td>
             </tr>
           </tbody>
         </table>
       </div>
 
 
 
 
       <h2>RC application table with examples</h2>
 
       <p>This is a standard table which applies the rhodecode-specific styling to be used
           throughout the application; it has <code>&lt;table class="rctable"&gt;</code>.
           <br/>
           By default, table data is not truncated, and wraps inside of the <code>&lt;td&gt
           ;</code>. To prevent wrapping and contain data on one line, use the <code>&lt;
           class="truncate-wrap"&gt;</code> on the <code>&lt;td&gt;</code>, and <code>span
           class="truncate"</code> around the specific data to be truncated.
       </p>
       <p>
           Ellipsis is added via CSS. Please always add a row of headers using <code>&lt;th
           &gt;</code> to the top of a table.
       </p>
 
       ## TODO: johbo: in case we have more tables with examples, we should
       ## create a generic class here.
       <table class="rctable issuetracker">
         <thead>
           <tr>
             <th>Header A</th>
             <th>Header B</th>
             <th>Header C</th>
             <th>Header D</th>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td class="issue-tracker-example">
               Example of col A
             </td>
             <td class="issue-tracker-example">
               Example of col B
             </td>
             <td class="issue-tracker-example">
               Example of col C
             </td>
             <td class="issue-tracker-example">
               Example of col D
             </td>
           </tr>
           <tr>
             <td>Content of col A</td>
             <td>Content of col B</td>
             <td>Content of col C which is very long and will not be
               truncated because sometimes people just want to write
               really, really long commit messages which explain what
               they did in excruciating detail and you really, really
               want to read them.</td>
             <td>Content of col D</td>
           </tr>
           <tr>
             <td>Content of col A</td>
             <td>Content of col B</td>
             <td>Content of col C</td>
             <td class="truncate-wrap"><span class="truncate">Truncated
                 content of column D truncate truncate truncatetruncate
                 truncate truncate</span></td>
           </tr>
         </tbody>
       </table>
 
       <h2>RC application table data classes</h2>
 
       <p>The following tables contain documentation of all existing table data classes.
          Please update when new classes are made.
       </p>
       <table class="rctable examples">
         <thead>
           <tr>
             <th>Class</th>
             <th>Description</th>
             <th>Example</th>
           </tr>
         </thead>
         <tbody>
             <td>td-user</td>
             <td>Any username/gravatar combination (see also Icons style).</td>
             <td class="td-user author">
               <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
               <span title="Oliver Strobel <[e-mail]>" class="user">ostrobel (Oliver Strobel)</span>
             </td>
           </tr>
           <tr>
             <td>td-hash</td>
             <td>Any hash; a commit, revision, etc. Use <code>&lt;pre&gt;</code> and header 'Commit'</td>
             <td class="td-commit">
               <pre><a href="/anothercpythonforkkkk/files/8d6b27837c6979983b037693fe975cdbb761b500/">r93699:8d6b27837c69</a></pre>
             </td>
           </tr>
           <tr>
             <td>td-rss</td>
             <td>RSS feed link icon</td>
             <td class="td-rss">
               <a title="Subscribe to rss feed" href="/feed/rss"><i class="icon-rss-sign"></i></a>
             </td>
           </tr>
           <tr>
             <td>td-componentname</td>
             <td>Any group, file, gist, or directory name.</td>
             <td class="td-componentname">
               <a href="/cpythonfork">
                 <span title="Mercurial repository"><i class="icon-hg"></i></span>
                 <i class="icon-unlock-alt" title="Public repository"></i>
                 rhodecode-dev-restyle-fork
               </a>
             </td>
           </tr>
           <tr>
             <td>td-tags</td>
             <td>Any cell containing tags, including branches and bookmarks.</td>
             <td class="td-tags">
               <span class="branchtag tag" title="Branch default">
                 <a href="/rhodecode-dev-restyle-  fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
              </span>
             </td>
           </tr>
           <tr>
             <td>tags-truncate</td>
             <td>Used to truncate a cell containing tags; avoid if possible.</td>
             <td class="td-tags truncate-wrap">
               <div class="truncate tags-truncate">
                 <div class="autoexpand">
                   <span class="tagtag tag" title="Tag tip">
                     <a href="/rhodecode-dev-restyle-fork/files/e519d5a0e71466d27257ddff921c4a13c540408e/"><i class="icon-tag"></i>tip</a>
                   </span>
                   <span class="branchtag tag" title="Branch default">
                    <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
                   </span>
                   <span class="branchtag tag" title="Branch default">
                    <a href="/rhodecode-dev-restyle-fork/changelog?branch=default"><i class="icon-code-fork"></i>default</a>
                   </span>
                 </div>
               </div>
             </td>
           </tr>
           <tr>
             <td>td-ip</td>
             <td>Any ip address.</td>
             <td class="td-ip">
               172.16.115.168
             </td>
           </tr>
           <tr>
             <td>td-type</td>
             <td>A state or an auth type.</td>
             <td class="td-type">
               rhodecode
             </td>
           </tr>
           <tr>
             <td>td-authtoken</td>
             <td>For auth tokens. Use truncate classes for hover expand; see html.</td>
             <td class="truncate-wrap td-authtoken">
               <div class="truncate autoexpand">
                 <code>688df65b87d3ad16ae9f8fc6338a551d40f41c7a</code>
               </div>
             </td>
           </tr>
           <tr>
             <td>td-action</td>
             <td>Buttons which perform an action.</td>
             <td class="td-action">
               <div class="grid_edit">
                 <a href="/_admin/users/2/edit" title="edit">
                   <i class="icon-pencil"></i>Edit</a>
               </div>
               <div class="grid_delete">
               <form action="/_admin/users/2" method="post">
                 <i class="icon-remove-sign"></i>
                 <input class="btn btn-danger btn-link" id="remove_user_2" name="remove_"  type="submit" value="delete">
               </form>
              </div>
             </td>
           </tr>
           <tr>
             <td>td-radio</td>
             <td>Radio buttons for a form. Centers element.</td>
             <td class="td-radio">
               <input type="radio" checked="checked" value="" name="1" id="read"></td>
           </tr>
           <tr>
             <td>td-checkbox</td>
             <td>Checkbox for a form. Centers element.</td>
             <td class="td-checkbox">
               <input type="checkbox" checked="checked" value="" name="1" id="read"></td>
           </tr>
           <tr>
           <tr>
             <td>td-buttons</td>
             <td>Buttons.</td>
             <td class="td-buttons">
                 <span class="btn btn-mini btn-primary">feed access</span>
             </td>
           </tr>
           <tr>
             <td>td-compare</td>
             <td>Radio buttons to compare commits.</td>
             <td class=" td-compare">
                 <input class="compare-radio-button" type="radio" name="compare_source" value="2.0">
                 <input class="compare-radio-button" type="radio" name="compare_target" value="2.0">
             </td>
           </tr>
           <tr>
             <td>td-comments</td>
             <td>Comments indicator icon.</td>
             <td>
               <i class="icon-comment"></i> 0
             </td>
           </tr>
           <tr>
             <td>td-status</td>
             <td>Status indicator icon.</td>
             <td class="td-description">
               <div class="flag_status under_review pull-left"></div>
             </td>
           </tr>
         </tbody>
       </table>
       <table class="dataTable rctable examples">
         <tbody>
           <tr>
             <td>quick_repo_menu</td>
             <td>Hidden menu generated by dataTable.</td>
             <td class="quick_repo_menu">
-              <i class="pointer icon-more"></i>
+              <i class="icon-more"></i>
               <div class="menu_items_container" style="display: none;">
                 <ul class="menu_items">
                   <li>
                      <a title="Summary" href="/anothercpythonforkkkk-fork">
                      <span>Summary</span>
                      </a>
                   </li>
                   <li>
                      <a title="Changelog" href="/anothercpythonforkkkk-fork/changelog">
                      <span>Changelog</span>
                      </a>
                   </li>
                   <li>
                      <a title="Files" href="/anothercpythonforkkkk-fork/files/tip/">
                      <span>Files</span>
                      </a>
                   </li>
                   <li>
                      <a title="Fork" href="/anothercpythonforkkkk-fork/fork">
                      <span>Fork</span>
                      </a>
                   </li>
                 </ul>
               </div>
             </td>
             <td></td>
           </tr>
         </tbody>
       </table>
       <script>quick_repo_menu();</script>
       <table class="rctable examples">
         <tbody>
           <tr>
             <td>td-description</td>
             <td>Any description. They may be rather long, and using the expand_commit outlined below is recommended.</td>
             <td class="td-description">
               Ultrices mattis! Enim pellentesque lacus, sit magna natoque risus turpis ut, auctor ultrices facilisis dapibus odio? Parturient! Porta egestas nascetur, quis, elementum dolor, in magna ac dis sit etiam turpis, scelerisque! Integer tristique aliquam.
             </td>
           </tr>
         </tbody>
       </table>
       <table id="changesets" class="rctable examples end">
         <tbody>
           <tr>
             <td>expand_commit</td>
             <td>Expands a long message; see html+js.</td>
             <td class="expand_commit" data-commit-id="2ffc6faabc7a9c790b1b452943a3f0c047b8b436" title="Expand commit message">
                 <div class="show_more_col">
                 <i class="show_more"></i>
                 </div>
             </td>
             <td class="mid td-description">
                 <div class="log-container truncate-wrap">
                     <div id="c-2ffc6faabc7a9c790b1b452943a3f0c047b8b436" class="message truncate" data-message-raw="tests: Test echo method on the server object
 
             This only works for Pyro4 so far, have to extend it still for HTTP to work.">tests: Test echo method on the server object
 
             This only works for Pyro4 so far, have to extend it still for HTTP to work.</div>
                 </div>
             </td>
           </tr>
         </tbody>
       </table>
         <script type="text/javascript">
             var cache = {};
             $('.expand_commit').on('click',function(e){
               var target_expand = $(this);
               var cid = target_expand.data('commitId');
 
               if (target_expand.hasClass('open')){
                 $('#c-'+cid).css({'height': '1.5em', 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow':'hidden'});
                 $('#t-'+cid).css({'height': '1.5em', 'max-height': '1.5em', 'text-overflow': 'ellipsis', 'overflow':'hidden', 'white-space':'nowrap'});
                 target_expand.removeClass('open');
               }
               else {
                 $('#c-'+cid).css({'height': 'auto', 'white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'});
                 $('#t-'+cid).css({'height': 'auto', 'max-height': 'none', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'});
                 target_expand.addClass('open');
               }
             });
 
         </script>
         <p>The following classes currently do not have unique styles applied.</p>
         <table class="rctable examples end">
           <tbody>
             <tr>
               <td>td-regex</td>
               <td>Regex patterns</td>
               <td class="td-regex">(?:#)(?P<issue_id>\d+)</td>
             </tr>
             <tr>
               <td>td-url</td>
               <td>Any URL.</td>
               <td class="td-url">https://rhodecode.com</td>
             </tr>
             <tr>
               <td>td-journalaction</td>
               <td>Action listed in a journal</td>
               <td class="td-journalaction">started following repository supervisor-fork-4</td>
             </tr>
             <tr>
               <td>td-iprange</td>
               <td>Any ip address.</td>
               <td class="td-ip">127.0.0.1-127.0.0.10</td>
             </tr>
             <tr>
               <td>td-exp</td>
               <td>Expiration time.</td>
               <td class="td-exp">never</td>
             </tr>
             <tr>
               <td>td-prefix</td>
               <td>Prefixes outlined in settings.</td>
               <td class="td-prefix">ubuntu-92539</td>
             </tr>
             <tr>
               <td>td-cachekey</td>
               <td>Cache key value.</td>
               <td class="td-cachekey">ubuntu-92539supervisor</td>
             </tr>
             <tr>
               <td>td-email</td>
               <td>Any email address.</td>
               <td class="td-email">[e-mail]</td>
             </tr>
             <tr>
               <td>td-active</td>
               <td>Shows active state with icon-true/icon-false.</td>
               <td class="td-active"><i class="icon-false"></i></td>
             </tr>
             <tr>
               <td>td-size</td>
               <td>File, repo, or directory size.</td>
               <td class="td-size">89 MB</td>
             </tr>
             <tr>
               <td>td-number</td>
               <td>Any numerical data.</td>
               <td class="td-number">42</td>
             </tr>
             <tr>
               <td>td-message</td>
               <td>Any commit message. Often treated with the truncate class used for descriptions as well.</td>
               <td class="td-message">Updated the files</td>
             </tr>
           </tbody>
         </table>
 
 
       <h2>Permissions table</h2>
 
       <p>
         This is a special-case table; it has
         <code>table class="rctable permissions"</code>
         where "rctable" applies the rhodecode styling as above, and
         "permissions" adds an extra layer of customization specific to
         permissions tables. Other special-case tables may exist or be
         created if necessary.
       </p>
 
       <table class="rctable permissions">
         <tr>
           <th class="td-radio">none</th>
           <th class="td-radio">read</th>
           <th class="td-radio">write</th>
           <th class="td-radio">admin</th>
           <th>user/user group</th>
           <th></th>
         </tr>
         <tr class="perm_admin_row">
           <td class="td-radio"><input type="radio" value="repository.none"
             name="admin_perm_2" id="admin_perm_2_repositorynone"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.read"
             name="admin_perm_2" id="admin_perm_2_repositoryread"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="admin_perm_2" id="admin_perm_2_repositorywrite"
             disabled="disabled"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="admin_perm_2" id="admin_perm_2_repositoryadmin"
             disabled="disabled" checked="checked"></td>
           <td>
             <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
             <span class="user">dev (super admin) (owner)</span>
           </td>
           <td></td>
         </tr>
         <tr>
           <td colspan="4">
               <span class="private_repo_msg">
               private repository
               </span>
           </td>
           <td class="private_repo_msg">
               <i class="icon-user"></i>
               default - only people explicitly added here will have access</td>
           <td></td>
         </tr>
         <tr>
           <td class="td-radio"><input type="radio" value="repository.none"
             name="u_perm_1" id="u_perm_1_repositorynone"></td>
           <td class="td-radio"><input type="radio" checked="checked"
             value="repository.read" name="u_perm_1"
             id="u_perm_1_repositoryread"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="u_perm_1" id="u_perm_1_repositorywrite"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="u_perm_1" id="u_perm_1_repositoryadmin"></td>
           <td>
             <img class="gravatar" src="/_static/rhodecode/images/user30.png" height="16" width="16">
             <span class="user">default</span>
           </td>
           <td></td>
         </tr>
         <tr>
           <td class="td-radio"><input type="radio" value="repository.none"
             name="u_perm_2" id="u_perm_2_repositorynone"></td>
           <td class="td-radio"><input type="radio" checked="checked"
             value="repository.read" name="u_perm_2"
             id="u_perm_2_repositoryread"></td>
           <td class="td-radio"><input type="radio" value="repository.write"
             name="u_perm_2" id="u_perm_2_repositorywrite"></td>
           <td class="td-radio"><input type="radio" value="repository.admin"
             name="u_perm_2" id="u_perm_2_repositoryadmin"></td>
           <td>
             <img class="gravatar" src="https://secure.gravatar.com/avatar/be9d18f611892a738e54f2a3a171e2f9?d=identicon&amp;s=32" height="16" width="16">
             <a class="user" href="/_admin/users/2/edit">dev</a>
           </td>
           <td>
             <span member_type="user" member="2"
                   class="btn action_button btn-link btn-danger">revoke</span>
           </td>
         </tr>
         </tbody>
       </table>
       <div class="link" id="add_perm">
         Add new
       </div>
 
 
 
     </div>
   </div>
 </div>
 </%def>