templates: removed utf8 marker from debug templates

rhodecode/templates/debug_style/alerts.html

@@ -1,75 +1,74 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'>
 
       ${self.sidebar()}
 
       <div class="main-content">
 
         <h3>Alert Messages</h3>
         <p>
           Alert messages are produced using the custom Polymer element
           <code>rhodecode-toast</code> which is passed a message and level.
         </p>
   
         <div class="bs-example">
           <p> There are four types of alert levels:</p>
           <div class="alert alert-success">
             "success" is used when an action is completed as expected<br/>
             ex. updated settings, deletion of a repo/user
           </div>
           <div class="alert alert-warning">
             "warning" is for notification of impending issues<br/>
             ex. a gist which was updated elsewhere during editing, disk out of space
           </div>
           <div class="alert alert-error">
             "error" should be used for unexpected results and actions which
             are not successful<br/>
             ex. a form not submitted, repo creation failure
           </div>
           <div class="alert alert-info">
             "info" is used for non-critical information<br/>
             ex. notification of new messages, invitations to chat
           </div>
         </div>
 
         <p><br/>
           Whether singular or multiple, alerts are grouped into a dismissable
           panel with a single "Close" button underneath.
         </p>
         <a class="btn btn-default" id="test-notification">Test Notification</a>
   
         <script type="text/javascript">
           $('#test-notification').on('click', function(e){
             var levels = ['info', 'error', 'warning', 'success'];
             var level = levels[Math.floor(Math.random()*levels.length)];
             var payload = {
               message: {
                 message: 'This is a test ' +level+ ' notification.',
                 level: level,
                 force: true
               }
             };
             $.Topic('/notifications').publish(payload);
           });
         </script>
 
       </div>
       </div>  <!-- .main-content  -->
     </div>
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/buttons.html

@@ -1,197 +1,196 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'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Buttons</h2>
 
       <p>
         Form buttons in various sizes. Buttons are always capitalised.
         Use the following classes:
       </p>
 
       <ul>
         ## TODO: lisa: Are we actually using three sizes of buttons??
         <li><code>.btn-lg</code> for large buttons</li>
         <li><code>.btn-sm</code> for small buttons</li>
         <li><code>.btn-xs</code> for xtra small buttons</li>
       </ul>
 
       <p>Note that <code>.btn-mini</code> is supported for legacy reasons.</p>
 
       <div class="bs-example">
         ## TODO: johbo: Should also work without the form element
         <form method='post' action=''>
           <div class='form'>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg">
                 <button class="btn btn-lg">Large</button>
                 <a class="btn btn-lg" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
                 <button class="btn">Normal</button>
                 <button class="btn btn-danger">Normal</button>
                 <a class="btn" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
                 <button class="btn btn-sm">Small</button>
                 <button class="btn btn-sm btn-danger">Small</button>
                 <a class="btn btn-sm" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs">
                 <button class="btn btn-xs">XSmall</button>
                 <button class="btn btn-xs btn-danger">XSmall</button>
                 <a class="btn btn-xs" href="#">A link as button</a>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini">
               </div>
 
               <div class="buttons">
                 Buttons of style <code>.btn-link</code>:
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-link">
                 <button class="btn btn-link">Edit</button>
                 <button class="btn btn-danger btn-link">Delete</button>
               </div>
           </div>
          </form>
       </div>
 
     
       <h2>Buttons as Links</h2>
       <p>
         Most of our Edit/Delete buttons come in the following form.
         Inside of a table, these are "action buttons", and while an 
         Edit <em>link</em> is a typical blue link, a Delete <em>button</em>
         is red as per the 'btn-danger' styling and use <code>.btn-link</code>.
       </p>
       <p>
         We use "Delete" when the thing being deleted cannot be undone;
         "Reset", and "Revoke" are used where applicable.
       </p>
       <p>
         Note: Should there be a need for a change in the wording, be
         aware that corresponding documentation may also need updating.
       </p>
     <div class="bs-example">
       <table class="rctable edit_fields">
         <tr><td></td><td></td></tr>
         <tr>
           <td></td>
           <td class=" td-action">
            <div class="grid_edit">
               <a href="/_admin/repo_groups/breads/edit" title="Edit">Edit</a>
            </div>
            <div class="grid_delete">
               <form action="/_admin/repo_groups/breads" method="post"><div style="display:none">
           <input name="_method" type="hidden" value="delete">
           </div>
           <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="03d6cc48726b885039b2f7675e85596b7dae6ecf"></div>
                   <button class="btn btn-link btn-danger" type="submit" onclick="return confirm('" +_ungettext('confirm="" to="" delete="" this="" group:="" %s="" with="" repository','confirm="" repositories',gr_count)="" %="" (repo_group_name,="" gr_count)+"');"="">
                     Delete
                   </button>
               </form>
            </div>
           </td>
         </tr>
       </table>
       <div class="highlight-html"><xmp>
     <a href="some-link" title="${_('Edit')}">${_('Edit')}</a>
 
     <button class="btn btn-link btn-danger" type="submit"
         onclick="return confirm('${_('Confirm to remove this field: Field')}');">
         ${_('Delete')}
     </button>
       </xmp></div>
     </div>
 
 
       <h2>Buttons disabled</h2>
 
       <p>Note that our application still uses the class <code>.disabled</code>
          in some places. Interim we support both but prefer to use the
          attribute <code>disabled</code> where possible.</p>
 
       <div class="bs-example">
         ## TODO: johbo: Should also work without the form element
         <form method='post' action=''>
           <div class='form'>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-lg" id="example_save" class="btn btn-lg" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-lg" disabled>
                 <button class="btn btn-lg" disabled>Large</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn" disabled>
                 <button class="btn" disabled>Normal</button>
                 <button class="btn btn-danger" disabled>Normal</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-sm" id="example_save" class="btn btn-sm" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm" disabled>
                 <button class="btn btn-sm" disabled>Small</button>
                 <button class="btn btn-sm btn-danger" disabled>Small</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-xs" id="example_save" class="btn btn-xs" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-xs" disabled>
                 <button class="btn btn-xs" disabled>XSmall</button>
                 <button class="btn btn-xs btn-danger" disabled>XSmall</button>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save .btn-mini" id="example_save" class="btn btn-mini" disabled>
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-mini" disabled>
               </div>
 
               <div class="buttons">
                 Buttons of style <code>.btn-link</code>:
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-link" disabled>
                 <button class="btn btn-link" disabled>Edit</button>
                 <button class="btn btn-link btn-danger" disabled>Delete</button>
               </div>
 
           </div>
          </form>
       </div>
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/code-block.html

@@ -1,1160 +1,1159 b''
-## -*- coding: utf-8 -*-
 <%namespace name="base" file="/base/base.mako"/>
 <%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="js_extra()">
 </%def>
 
 <%def name="css_extra()">
 </%def>
 
 
 <%def name="real_main()">
 <div class="box">
     <div class="title">
         ${self.breadcrumbs()}
     </div>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
 
 
       <h2>Code Blocks</h2>
 
       <dl class="dl-horizontal">
         <dt><code>.codeblock</code></dt>
         <dd>Used as a wrapping element around <code>.code-header</code> and
           <code>.code-body</code>. Used to show the content of a file or a
           Gist.</dd>
 
         <dt><code>.diffblock</code></dt>
         <dd>Used as a wrapping element to show a diff in a Commit or Pull
           Request page. Contains usually <code>.code-header</code>,
           <code>.code-body</code> and in the edit case a <code>.message</code>.
           </dd>
       </dl>
 
 
       <p>Code Blocks are used in the following areas:</p>
 
       <ul>
         <li>Commit: Showing the Diff (still called Changeset in a few
           places).</li>
         <li>File: Display a file, annotations, and edit a file.</li>
         <li>Gist: Show the Gist and edit it.</li>
         <li>Pull Request: Display the Diff of a Pull Request.</li>
       </ul>
 
 
 
 <!--
   Compare Commits
  -->
       <h2>Compare Commits</h2>
 
       <div id="c-e589e34d6be8-5ab783e6d81b" class="diffblock margined comm">
         <div class="code-header">
             <div title="Go back to changed files overview">
                 <a href="#changes_box">
                     <i class="icon-circle-arrow-up"></i>
                 </a>
             </div>
             <div class="changeset_header">
                 <div class="changeset_file">
                     <i class="icon-file"></i>
                     <a href="/example/files/e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d/rhodecode/public/css/code-block.less">rhodecode/public/css/code-block.less</a>
                 </div>
                 <div class="diff-actions">
                   <a href="/example/diff/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full diff for this file">
                       <img class="icon" src="/images/icons/page_white_go.png">
                   </a>
                   <a href="/example/diff-2way/rhodecode/public/css/code-block.less?fulldiff=1&amp;diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=diff&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Show full side-by-side diff for this file">
                       <img class="icon" src="/images/icons/application_double.png">
                   </a>
                   <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=raw&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Raw diff" tt_title="Raw diff">
                       <img class="icon" src="/images/icons/page_white.png">
                   </a>
                   <a href="/example/diff/rhodecode/public/css/code-block.less?diff1=d12301bafcc0aea15c9283d3af018daee2b04cd9&amp;diff=download&amp;diff2=e589e34d6be8ec2b44017f6c2e0bbe782f1aba6d" class="tooltip" title="Download diff">
                       <img class="icon" src="/images/icons/page_save.png">
                   </a>
                   <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=WS%3A1&amp;c-e589e34d6be8-5ab783e6d81b=C%3A3#c-e589e34d6be8-5ab783e6d81b" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
                   <a class="tooltip" href="/example/changeset/d12301bafcc0aea15c9283d3af018daee2b04cd9...80ead1899f50a894889e19ffeb49c9cebf5bf045?c-e589e34d6be8-5ab783e6d81b=C%3A6#c-e589e34d6be8-5ab783e6d81b" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
                 </div>
                 <span>
                   <label>
                   Show inline comments
                   <input checked="checked" class="show-inline-comments" id="" id_for="c-e589e34d6be8-5ab783e6d81b" name="" type="checkbox" value="1">
                   </label>
                 </span>
             </div>
         </div>
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/public/css/code-block.less"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre>@@ -391,7 +391,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o391" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o391">391</a></td>
   <td id="rhodecodepubliccsscode-blockless_n391" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n391">391</a></td>
   <td class="code no-comment">
     <pre>}  /* Existing line, it might have a quite long content actually and in this case we might need some horizontal scrolling. The remaining text here is just used to make this line very long.
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o392" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o392">392</a></td>
   <td id="rhodecodepubliccsscode-blockless_n392" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n392">392</a></td>
   <td class="code no-comment">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o393" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o393">393</a></td>
   <td id="rhodecodepubliccsscode-blockless_n393" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n393">393</a></td>
   <td class="code no-comment">
     <pre>.code-body.textarea.editor,
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccsscode-blockless_o394" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o394">394</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n"></a></td>
   <td class="code no-comment">
     <pre>div.code-body{
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n394" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n394">394</a></td>
   <td class="code no-comment">
     <pre>div.code-body<ins> </ins>{
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o395" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o395">395</a></td>
   <td id="rhodecodepubliccsscode-blockless_n395" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n395">395</a></td>
   <td class="code no-comment">
     <pre>    float: left;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o396" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o396">396</a></td>
   <td id="rhodecodepubliccsscode-blockless_n396" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n396">396</a></td>
   <td class="code no-comment">
     <pre>    position: relative;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o397" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o397">397</a></td>
   <td id="rhodecodepubliccsscode-blockless_n397" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n397">397</a></td>
   <td class="code no-comment">
     <pre>    max-width: none;
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre>@@ -399,3 +399,6 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o399" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o399">399</a></td>
   <td id="rhodecodepubliccsscode-blockless_n399" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n399">399</a></td>
   <td class="code no-comment">
     <pre>    box-sizing: border-box;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o400" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o400">400</a></td>
   <td id="rhodecodepubliccsscode-blockless_n400" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n400">400</a></td>
   <td class="code no-comment">
     <pre>}
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccsscode-blockless_o401" class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o401">401</a></td>
   <td id="rhodecodepubliccsscode-blockless_n401" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n401">401</a></td>
   <td class="code no-comment">
     <pre></pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n402" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n402">402</a></td>
   <td class="code no-comment">
     <pre>.code-body td{
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n403" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n403">403</a></td>
   <td class="code no-comment">
     <pre>    line-height: 1.2em;
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o"></a></td>
   <td id="rhodecodepubliccsscode-blockless_n404" class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n404">404</a></td>
   <td class="code no-comment">
     <pre>}
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccsscode-blockless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccsscode-blockless_n...">...</a></td>
   <td class="code no-comment">
     <pre> No newline at end of file
 </pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
 
 
 
 
 
 
 <!--
  Pull Request
  -->
 
     <h2>Pull Request</h2>
 
 <div class="cs_files">
               <table class="compare_view_files">
 
                   <tbody><tr class="cs_M collapse_file" fid="c--5f1d017cf13b">
                       <td class="cs_icon_td">
                           <span class="collapse_file_icon" fid="c--5f1d017cf13b"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--5f1d017cf13b">
                           <a class="compare_view_filepath" href="#a_c--5f1d017cf13b">
                               rhodecode/public/css/main.less
                           </a>
                           <span id="diff_c--5f1d017cf13b" class="diff_links" style="">
                             <a href="/example/diff/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
                                 Unified Diff
                             </a>
                             |
                             <a href="/example/diff-2way/rhodecode/public/css/main.less?fulldiff=1&amp;diff1=f73e9946825c8a7ef2c1178cd1e67986d5831f8f&amp;diff=diff&amp;diff2=27eb56cf467ca849112536d62decb2ed020b3ebc">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:33.3333333333%">1</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:66.6666666667%">2</div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/public/css/main.less">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--5f1d017cf13b">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140360026534904">
     <div id="c--5f1d017cf13b_target"></div>
     <div id="c--5f1d017cf13b" class="diffblock margined comm">
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/public/css/main.less" style="display: none;"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
   <td class="code ">
     <pre>@@ -2110,7 +2110,6 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2110" class="lineno old"><a href="#rhodecodepubliccssmainless_o2110">2110</a></td>
   <td id="rhodecodepubliccssmainless_n2110" class="lineno new"><a href="#rhodecodepubliccssmainless_n2110">2110</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>width: auto !important;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2111" class="lineno old"><a href="#rhodecodepubliccssmainless_o2111">2111</a></td>
   <td id="rhodecodepubliccssmainless_n2111" class="lineno new"><a href="#rhodecodepubliccssmainless_n2111">2111</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>min-width: 160px;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2112" class="lineno old"><a href="#rhodecodepubliccssmainless_o2112">2112</a></td>
   <td id="rhodecodepubliccssmainless_n2112" class="lineno new"><a href="#rhodecodepubliccssmainless_n2112">2112</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>margin: @padding @padding @padding 0;
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccssmainless_o2113" class="lineno old"><a href="#rhodecodepubliccssmainless_o2113">2113</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>padding: .9em;  /* Old comment which was making this line a very long line so that we might have to deal with it by either adding horizontal scrolling or some smart way of breaking this line. */
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2114" class="lineno old"><a href="#rhodecodepubliccssmainless_o2114">2114</a></td>
   <td id="rhodecodepubliccssmainless_n2113" class="lineno new"><a href="#rhodecodepubliccssmainless_n2113">2113</a></td>
   <td class="code ">
     <pre>    line-height: 1em;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2115" class="lineno old"><a href="#rhodecodepubliccssmainless_o2115">2115</a></td>
   <td id="rhodecodepubliccssmainless_n2114" class="lineno new"><a href="#rhodecodepubliccssmainless_n2114">2114</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>z-index: 100;//js sets the menu below it to 9999
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2116" class="lineno old"><a href="#rhodecodepubliccssmainless_o2116">2116</a></td>
   <td id="rhodecodepubliccssmainless_n2115" class="lineno new"><a href="#rhodecodepubliccssmainless_n2115">2115</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>background-color: white;
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n...">...</a></td>
   <td class="code ">
     <pre>@@ -2118,7 +2117,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2118" class="lineno old"><a href="#rhodecodepubliccssmainless_o2118">2118</a></td>
   <td id="rhodecodepubliccssmainless_n2117" class="lineno new"><a href="#rhodecodepubliccssmainless_n2117">2117</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2119" class="lineno old"><a href="#rhodecodepubliccssmainless_o2119">2119</a></td>
   <td id="rhodecodepubliccssmainless_n2118" class="lineno new"><a href="#rhodecodepubliccssmainless_n2118">2118</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span>a {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2120" class="lineno old"><a href="#rhodecodepubliccssmainless_o2120">2120</a></td>
   <td id="rhodecodepubliccssmainless_n2119" class="lineno new"><a href="#rhodecodepubliccssmainless_n2119">2119</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span>display:block;
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodepubliccssmainless_o2121" class="lineno old"><a href="#rhodecodepubliccssmainless_o2121">2121</a></td>
   <td class="lineno new"><a href="#rhodecodepubliccssmainless_n"></a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><del><span< del=""> <del>class=</del><del>"tab-escape"</del><del>&gt;  </del>padding: <del>0</del>;
 </span<></del></pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodepubliccssmainless_o"></a></td>
   <td id="rhodecodepubliccssmainless_n2120" class="lineno new"><a href="#rhodecodepubliccssmainless_n2120">2120</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><ins> </ins> <ins> </ins><ins> </ins>padding: <ins>.9em</ins>;
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2122" class="lineno old"><a href="#rhodecodepubliccssmainless_o2122">2122</a></td>
   <td id="rhodecodepubliccssmainless_n2121" class="lineno new"><a href="#rhodecodepubliccssmainless_n2121">2121</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2123" class="lineno old"><a href="#rhodecodepubliccssmainless_o2123">2123</a></td>
   <td id="rhodecodepubliccssmainless_n2122" class="lineno new"><a href="#rhodecodepubliccssmainless_n2122">2122</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span>&amp;:after {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodepubliccssmainless_o2124" class="lineno old"><a href="#rhodecodepubliccssmainless_o2124">2124</a></td>
   <td id="rhodecodepubliccssmainless_n2123" class="lineno new"><a href="#rhodecodepubliccssmainless_n2123">2123</a></td>
   <td class="code ">
     <pre><span class="tab-escape">  </span><span class="tab-escape">  </span><span class="tab-escape">  </span>content: "\00A0\25BE";
 </pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
               </tbody></table>
               </div>
 
 
 
 
 
 
 
 
 
 <!--
  File View
  -->
 
 ##TODO: lisa: I believe this needs to be updated as the layout has changed.
 <h2>File View</h2>
 
 <div class="codeblock">
     <div class="code-header">
         <div class="stats">
             <div class="img">
               <i class="icon-file"></i>
               <span class="revision_id item"><a href="/example/changeset/fc252256eb0fcb4f2613e66f0126ea27967ae28c">r5487:fc252256eb0f</a></span>
                <span>1.2 KiB</span>
                <span class="item last">text/x-python</span>
               <div class="buttons">
 
                 <a id="file_history_overview" class="btn btn-mini" href="#">
                     <i class="icon-time"></i> history
                 </a>
                 <a id="file_history_overview_full" class="btn btn-mini" style="display: none" href="/example/changelog/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
                     <i class="icon-time"></i> show full history
                 </a>
                   <a class="btn btn-mini" href="/example/annotate/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">annotation</a>
                 <a class="btn btn-mini" href="/example/raw/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">raw</a>
                 <a class="btn btn-mini" href="/example/rawfile/fc252256eb0fcb4f2613e66f0126ea27967ae28c/rhodecode/websetup.py">
                     download
                 </a>
 
                   <a class="btn btn-mini disabled tooltip" href="#" title="Editing files allowed only when on branch head commit">edit</a>
                   <a class="btn btn-mini btn-danger disabled tooltip" href="#" title="Deleting files allowed only when on branch head commit">delete</a>
               </div>
             </div>
         </div>
         <div id="file_history_container"></div>
         <div class="author">
             <div class="gravatar">
                 <img alt="gravatar" src="https://secure.gravatar.com/avatar/99e27b99c64003ca8c9875c9e3843495?d=identicon&amp;s=32" height="16" width="16">
             </div>
             <div title="Marcin Kuzminski <[e-mail]>" class="user">Marcin Kuzminski - <span class="tooltip" title="Wed, 02 Jul 2014 08:48:15">6m and 12d ago</span></div>
         </div>
         <div id="trimmed_message_box" class="commit">License changes</div>
         <div id="message_expand" style="display: none;">
             <i class="icon-resize-vertical"></i>
             expand
             <i class="icon-resize-vertical"></i>
         </div>
     </div>
     <div class="code-body">
               <table class="code-highlighttable"><tbody><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L1"> 1</a>
 <a href="#L2"> 2</a>
 <a href="#L3"> 3</a>
 <a href="#L4"> 4</a>
 <a href="#L5"> 5</a>
 <a href="#L6"> 6</a>
 <a href="#L7"> 7</a>
 <a href="#L8"> 8</a>
 <a href="#L9"> 9</a>
 <a href="#L10">10</a>
 <a href="#L11">11</a>
 <a href="#L12">12</a>
 <a href="#L13">13</a>
 <a href="#L14">14</a>
 <a href="#L15">15</a>
 <a href="#L16">16</a>
 <a href="#L17">17</a>
 <a href="#L18">18</a>
 <a href="#L19">19</a>
 <a href="#L20">20</a>
 <a href="#L21">21</a>
 <a href="#L22">22</a>
 <a href="#L23">23</a>
 <a href="#L24">24</a>
 <a href="#L25">25</a>
 <a href="#L26">26</a>
 <a href="#L27">27</a>
 <a href="#L28">28</a>
 <a href="#L29">29</a>
 <a href="#L30">30</a>
 <a href="#L31">31</a>
 <a href="#L32">32</a>
 <a href="#L33">33</a>
 <a href="#L34">34</a>
 <a href="#L35">35</a>
 <a href="#L36">36</a>
 <a href="#L37">37</a>
 <a href="#L38">38</a>
 <a href="#L39">39</a>
 <a href="#L40">40</a>
 <a href="#L41">41</a>
-<a href="#L42">42</a></pre></div></td><td id="hlcode" class="code"><div class="code-highlight"><pre><div id="L1"><a name="L-1"></a><span class="c"># -*- coding: utf-8 -*-</span>
+<a href="#L42">42</a></pre></div></td><td id="hlcode" class="code"><div class="code-highlight"><pre><div id="L1"><a name="L-1"></a><span class="c"></span>
 </div><div id="L2"><a name="L-2"></a>
 </div><div id="L3"><a name="L-3"></a><span class="c"># Published under Business Source License.</span>
 </div><div id="L4"><a name="L-4"></a><span class="c"># Read the full license text at https://rhodecode.com/licenses.</span>
 </div><div id="L5"><a name="L-5"></a><span class="sd">"""</span>
 </div><div id="L6"><a name="L-6"></a><span class="sd">rhodecode.websetup</span>
 </div><div id="L7"><a name="L-7"></a><span class="sd">~~~~~~~~~~~~~~~~~~</span>
 </div><div id="L8"><a name="L-8"></a>
 </div><div id="L9"><a name="L-9"></a><span class="sd">Weboperations and setup for rhodecode. Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</span>
 </div><div id="L10"><a name="L-10"></a>
 </div><div id="L11"><a name="L-11"></a><span class="sd">:created_on: Dec 11, 2010</span>
 </div><div id="L12"><a name="L-12"></a><span class="sd">:author: marcink</span>
 </div><div id="L13"><a name="L-13"></a><span class="sd">:copyright: (c) 2013-2015 RhodeCode GmbH.</span>
 </div><div id="L14"><a name="L-14"></a><span class="sd">:license: Business Source License, see LICENSE for more details.</span>
 </div><div id="L15"><a name="L-15"></a><span class="sd">"""</span>
 </div><div id="L16"><a name="L-16"></a>
 </div><div id="L17"><a name="L-17"></a><span class="kn">import</span> <span class="nn">logging</span>
 </div><div id="L18"><a name="L-18"></a>
 </div><div id="L19"><a name="L-19"></a><span class="kn">from</span> <span class="nn">rhodecode.config.environment</span> <span class="kn">import</span> <span class="n">load_environment</span>
 </div><div id="L20"><a name="L-20"></a><span class="kn">from</span> <span class="nn">rhodecode.lib.db_manage</span> <span class="kn">import</span> <span class="n">DbManage</span>
 </div><div id="L21"><a name="L-21"></a><span class="kn">from</span> <span class="nn">rhodecode.model.meta</span> <span class="kn">import</span> <span class="n">Session</span>
 </div><div id="L22"><a name="L-22"></a>
 </div><div id="L23"><a name="L-23"></a>
 </div><div id="L24"><a name="L-24"></a><span class="n">log</span> <span class="o">=</span> <span class="n">logging</span><span class="o">.</span><span class="n">getLogger</span><span class="p">(</span><span class="n">__name__</span><span class="p">)</span>
 </div><div id="L25"><a name="L-25"></a>
 </div><div id="L26"><a name="L-26"></a>
 </div><div id="L27"><a name="L-27"></a><span class="k">def</span> <span class="nf">setup_app</span><span class="p">(</span><span class="n">command</span><span class="p">,</span> <span class="n">conf</span><span class="p">,</span> <span class="nb">vars</span><span class="p">):</span>
 </div><div id="L28"><a name="L-28"></a>    <span class="sd">"""Place any commands to setup rhodecode here"""</span>
 </div><div id="L29"><a name="L-29"></a>    <span class="n">dbconf</span> <span class="o">=</span> <span class="n">conf</span><span class="p">[</span><span class="s">'sqlalchemy.db1.url'</span><span class="p">]</span>
 </div><div id="L30"><a name="L-30"></a>    <span class="n">dbmanage</span> <span class="o">=</span> <span class="n">DbManage</span><span class="p">(</span><span class="n">log_sql</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span> <span class="n">dbconf</span><span class="o">=</span><span class="n">dbconf</span><span class="p">,</span> <span class="n">root</span><span class="o">=</span><span class="n">conf</span><span class="p">[</span><span class="s">'here'</span><span class="p">],</span>
 </div><div id="L31"><a name="L-31"></a>                        <span class="n">tests</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span> <span class="n">cli_args</span><span class="o">=</span><span class="n">command</span><span class="o">.</span><span class="n">options</span><span class="o">.</span><span class="n">__dict__</span><span class="p">)</span>
 </div><div id="L32"><a name="L-32"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_tables</span><span class="p">(</span><span class="n">override</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
 </div><div id="L33"><a name="L-33"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">set_db_version</span><span class="p">()</span>
 </div><div id="L34"><a name="L-34"></a>    <span class="n">opts</span> <span class="o">=</span> <span class="n">dbmanage</span><span class="o">.</span><span class="n">config_prompt</span><span class="p">(</span><span class="bp">None</span><span class="p">)</span>
 </div><div id="L35"><a name="L-35"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_settings</span><span class="p">(</span><span class="n">opts</span><span class="p">)</span>
 </div><div id="L36"><a name="L-36"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_default_user</span><span class="p">()</span>
 </div><div id="L37"><a name="L-37"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">admin_prompt</span><span class="p">()</span>
 </div><div id="L38"><a name="L-38"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">create_permissions</span><span class="p">()</span>
 </div><div id="L39"><a name="L-39"></a>    <span class="n">dbmanage</span><span class="o">.</span><span class="n">populate_default_permissions</span><span class="p">()</span>
 </div><div id="L40"><a name="L-40"></a>    <span class="n">Session</span><span class="p">()</span><span class="o">.</span><span class="n">commit</span><span class="p">()</span>
 </div><div id="L41"><a name="L-41"></a>    <span class="n">load_environment</span><span class="p">(</span><span class="n">conf</span><span class="o">.</span><span class="n">global_conf</span><span class="p">,</span> <span class="n">conf</span><span class="o">.</span><span class="n">local_conf</span><span class="p">,</span> <span class="n">initial</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
 </div><div id="L42"><a name="L-42"></a>    <span class="n">DbManage</span><span class="o">.</span><span class="n">check_waitress</span><span class="p">()</span>
 </div></pre></div>
 </td></tr></tbody></table>
     </div>
 </div>
 
 
 
 
 
 
 
 
 
 <!--
 Gist Edit
 -->
 
 
 <h2>Gist Edit</h2>
 
 <div class="codeblock">
                 <div class="code-header">
                     <div class="form">
                         <div class="fields">
                             <input id="filename" name="filename" placeholder="name this file..." size="30" type="text">
                             <div class="select2-container drop-menu" id="s2id_mimetype"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-3">Python</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen3_search" class="select2-offscreen"></label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-3">   </ul></div></div><select id="mimetype" name="mimetype" tabindex="-1" title="" style="display: none;">
 <option selected="selected" value="plain">plain</option>
 <option value="text/apl" mode="apl">APL</option><option value="text/x-asterisk" mode="asterisk">Asterisk</option><option value="text/x-csrc" mode="clike">C</option><option value="text/x-c++src" mode="clike">C++</option><option value="text/x-cobol" mode="cobol">Cobol</option><option value="text/x-java" mode="clike">Java</option><option value="text/x-csharp" mode="clike">C#</option><option value="text/x-scala" mode="clike">Scala</option><option value="text/x-clojure" mode="clojure">Clojure</option><option value="text/x-coffeescript" mode="coffeescript">CoffeeScript</option><option value="text/x-common-lisp" mode="commonlisp">Common Lisp</option><option value="text/css" mode="css">CSS</option><option value="text/x-d" mode="d">D</option><option value="text/x-diff" mode="diff">diff</option><option value="application/xml-dtd" mode="dtd">DTD</option><option value="text/x-dylan" mode="dylan">Dylan</option><option value="text/x-ecl" mode="ecl">ECL</option><option value="text/x-eiffel" mode="eiffel">Eiffel</option><option value="text/x-erlang" mode="erlang">Erlang</option><option value="text/x-fortran" mode="fortran">Fortran</option><option value="text/x-fsharp" mode="mllike">F#</option><option value="text/x-gas" mode="gas">Gas</option><option value="text/x-go" mode="go">GO</option><option value="text/x-feature" mode="gherkin">Gherkin</option><option value="text/x-go" mode="go">Go</option><option value="text/x-groovy" mode="groovy">Groovy</option><option value="text/x-haml" mode="haml">HAML</option><option value="text/x-haskell" mode="haskell">Haskell</option><option value="text/x-haxe" mode="haxe">Haxe</option><option value="application/x-aspx" mode="htmlembedded">ASP.NET</option><option value="application/x-ejs" mode="htmlembedded">Embedded Javascript</option><option value="application/x-jsp" mode="htmlembedded">JavaServer Pages</option><option value="text/html" mode="htmlmixed">HTML</option><option value="message/http" mode="http">HTTP</option><option value="text/x-jade" mode="jade">Jade</option><option value="text/javascript" mode="javascript">JavaScript</option><option value="application/json" mode="javascript">JSON</option><option value="application/typescript" mode="javascript">TypeScript</option><option value="jinja2" mode="jinja2">Jinja2</option><option value="text/x-julia" mode="julia">Julia</option><option value="text/x-less" mode="less">LESS</option><option value="text/x-livescript" mode="livescript">LiveScript</option><option value="text/x-lua" mode="lua">Lua</option><option value="text/x-markdown" mode="markdown">Markdown (GitHub-flavour)</option><option value="text/mirc" mode="mirc">mIRC</option><option value="text/x-nginx-conf" mode="nginx">Nginx</option><option value="text/n-triples" mode="ntriples">NTriples</option><option value="text/x-ocaml" mode="ocaml">OCaml</option><option value="text/x-ocaml" mode="mllike">OCaml</option><option value="text/x-octave" mode="octave">Octave</option><option value="text/x-pascal" mode="pascal">Pascal</option><option value="null" mode="pegjs">PEG.js</option><option value="text/x-perl" mode="perl">Perl</option><option value="text/x-php" mode="php">PHP</option><option value="text/x-pig" mode="pig">Pig</option><option value="text/plain" mode="null">Plain Text</option><option value="text/x-properties" mode="properties">Properties files</option><option value="text/x-python" mode="python">Python</option><option value="text/x-puppet" mode="puppet">Puppet</option><option value="text/x-rsrc" mode="r">R</option><option value="text/x-rst" mode="rst">reStructuredText</option><option value="text/x-ruby" mode="ruby">Ruby</option><option value="text/x-rustsrc" mode="rust">Rust</option><option value="text/x-sass" mode="sass">Sass</option><option value="text/x-scheme" mode="scheme">Scheme</option><option value="text/x-scss" mode="css">SCSS</option><option value="text/x-sh" mode="shell">Shell</option><option value="application/sieve" mode="sieve">Sieve</option><option value="text/x-stsrc" mode="smalltalk">Smalltalk</option><option value="text/x-smarty" mode="smarty">Smarty</option><option value="text/x-smarty" mode="smartymixed">SmartyMixed</option><option value="text/x-solr" mode="solr">Solr</option><option value="application/x-sparql-query" mode="sparql">SPARQL</option><option value="text/x-sql" mode="sql">SQL</option><option value="text/x-mariadb" mode="sql">MariaDB</option><option value="text/x-stex" mode="stex">sTeX</option><option value="text/x-latex" mode="stex">LaTeX</option><option value="text/x-systemverilog" mode="verilog">SystemVerilog</option><option value="text/x-tcl" mode="tcl">Tcl</option><option value="text/x-tiddlywiki" mode="tiddlywiki">TiddlyWiki </option><option value="text/tiki" mode="tiki">Tiki wiki</option><option value="text/x-toml" mode="toml">TOML</option><option value="text/turtle" mode="turtle">Turtle</option><option value="text/x-vb" mode="vb">VB.NET</option><option value="text/vbscript" mode="vbscript">VBScript</option><option value="text/velocity" mode="velocity">Velocity</option><option value="text/x-verilog" mode="verilog">Verilog</option><option value="application/xml" mode="xml">XML</option><option value="text/html" mode="xml">HTML</option><option value="application/xquery" mode="xquery">XQuery</option><option value="text/x-yaml" mode="yaml">YAML</option><option value="text/x-z80" mode="z80">Z80</option></select>
         <script>
             $(document).ready(function() {
                   $('#mimetype').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
             });
         </script>
 
                         </div>
                     </div>
                 </div>
                 <div id="editor_container">
                     <div id="editor_pre"></div>
                     <textarea id="editor" name="content" style="display: none;"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 484px; left: 219.4091796875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="min-width: 18px; display: block; bottom: 0px;"><div style="min-width: 1px; height: 619px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 700.269653320313px; margin-left: 29px; min-height: 619px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>47</div></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">re</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">text</span> <span class="cm-keyword">import</span> <span class="cm-variable">compress_sequence</span>, <span class="cm-variable">compress_string</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">django</span>.<span class="cm-variable">utils</span>.<span class="cm-variable">cache</span> <span class="cm-keyword">import</span> <span class="cm-variable">patch_vary_headers</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-variable">re_accepts_gzip</span> = <span class="cm-variable">re</span>.<span class="cm-builtin">compile</span>(<span class="cm-string">r'\bgzip\b'</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-keyword">class</span> <span class="cm-def">GZipMiddleware</span>(<span class="cm-builtin">object</span>): # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>    <span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">    This middleware compresses content if the browser allows gzip compression.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">    It sets the Vary header accordingly, so that caches will base their storage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">    on the Accept-Encoding header.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">    """</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre>    <span class="cm-keyword">def</span> <span class="cm-def">process_response</span>(<span class="cm-variable-2">self</span>, <span class="cm-variable">request</span>, <span class="cm-variable">response</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>        <span class="cm-comment"># It's not worth attempting to compress really short responses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span> <span class="cm-operator">and</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>) <span class="cm-operator">&lt;</span> <span class="cm-number">200</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre>        <span class="cm-comment"># Avoid gzipping if we've already got a content-encoding.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'Content-Encoding'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre>        <span class="cm-variable">patch_vary_headers</span>(<span class="cm-variable">response</span>, (<span class="cm-string">'Accept-Encoding'</span>,))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>        <span class="cm-variable">ae</span> = <span class="cm-variable">request</span>.<span class="cm-variable">META</span>.<span class="cm-variable">get</span>(<span class="cm-string">'HTTP_ACCEPT_ENCODING'</span>, <span class="cm-string">''</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-operator">not</span> <span class="cm-variable">re_accepts_gzip</span>.<span class="cm-variable">search</span>(<span class="cm-variable">ae</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre>            <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">streaming</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre>            <span class="cm-comment"># Delete the `Content-Length` header for streaming content, because</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre>            <span class="cm-comment"># we won't know the compressed size until we stream it.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre>            <span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span> = <span class="cm-variable">compress_sequence</span>(<span class="cm-variable">response</span>.<span class="cm-variable">streaming_content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre>            <span class="cm-keyword">del</span> <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre>        <span class="cm-keyword">else</span>:</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre>            <span class="cm-comment"># Return the compressed content only if it's actually shorter.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre>            <span class="cm-variable">compressed_content</span> = <span class="cm-variable">compress_string</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre>            <span class="cm-keyword">if</span> <span class="cm-builtin">len</span>(<span class="cm-variable">compressed_content</span>) <span class="cm-operator">&gt;=</span> <span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre>                <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre>            <span class="cm-variable">response</span>.<span class="cm-variable">content</span> = <span class="cm-variable">compressed_content</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre>            <span class="cm-variable">response</span>[<span class="cm-string">'Content-Length'</span>] = <span class="cm-builtin">str</span>(<span class="cm-builtin">len</span>(<span class="cm-variable">response</span>.<span class="cm-variable">content</span>))</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">43</div></div><pre>        <span class="cm-keyword">if</span> <span class="cm-variable">response</span>.<span class="cm-variable">has_header</span>(<span class="cm-string">'ETag'</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">44</div></div><pre>            <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>] = <span class="cm-variable">re</span>.<span class="cm-variable">sub</span>(<span class="cm-string">'"$'</span>, <span class="cm-string">';gzip"'</span>, <span class="cm-variable">response</span>[<span class="cm-string">'ETag'</span>])</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">45</div></div><pre>        <span class="cm-variable">response</span>[<span class="cm-string">'Content-Encoding'</span>] = <span class="cm-string">'gzip'</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">46</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">47</div></div><pre>        <span class="cm-keyword">return</span> <span class="cm-variable">response</span></pre></div></div><div class="CodeMirror-cursor" style="left: 189.4091796875px; top: 598px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 619px;"></div><div class="CodeMirror-gutters" style="height: 619px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
                 </div>
             </div>
 
 
 
 
 
 <!--
 File Edit
 -->
 
 <h2>File Edit</h2>
 
 <div class="codeblock">
         <div class="code-header">
             <div class="stats">
                 <i class="icon-file"></i>
                 <span class="item"><a href="/example/changeset/80ead1899f50a894889e19ffeb49c9cebf5bf045">r8248:80ead1899f50</a></span>
                 <span class="item">1.2 KiB</span>
                 <span class="item last">text/x-python</span>
                 <div class="buttons">
                   <a class="btn btn-mini" href="/example/commits/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
                       <i class="icon-time"></i> history
                   </a>
 
                         <a class="btn btn-mini" href="/example/files/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">source</a>
                       <a class="btn btn-mini" href="/example/raw/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">raw</a>
                       <a class="btn btn-mini" href="/example/rawfile/80ead1899f50a894889e19ffeb49c9cebf5bf045/rhodecode/websetup.py">
                           download
                       </a>
                 </div>
             </div>
             <div class="form">
                 <label for="set_mode">Editing file:</label>
                 rhodecode /
                 <input type="text" name="filename" value="websetup.py">
 
                 <div class="select2-container drop-menu" id="s2id_set_mode"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-2">plain</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen2" class="select2-offscreen">Editing file:</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2"><div class="select2-drop select2-display-none drop-menu-dropdown select2-with-searchbox">   <div class="select2-search">       <label for="s2id_autogen2_search" class="select2-offscreen">Editing file:</label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-2" id="s2id_autogen2_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-2">   </ul></div></div><select id="set_mode" name="set_mode" tabindex="-1" title="Editing file:" style="display: none;">
 <option selected="selected" value="plain">plain</option>
 <option value="apl">APL</option><option value="asterisk">Asterisk</option><option value="clike">C</option><option value="clike">C++</option><option value="cobol">Cobol</option><option value="clike">Java</option><option value="clike">C#</option><option value="clike">Scala</option><option value="clojure">Clojure</option><option value="coffeescript">CoffeeScript</option><option value="commonlisp">Common Lisp</option><option value="css">CSS</option><option value="d">D</option><option value="diff">diff</option><option value="dtd">DTD</option><option value="dylan">Dylan</option><option value="ecl">ECL</option><option value="eiffel">Eiffel</option><option value="erlang">Erlang</option><option value="fortran">Fortran</option><option value="mllike">F#</option><option value="gas">Gas</option><option value="go">GO</option><option value="gherkin">Gherkin</option><option value="go">Go</option><option value="groovy">Groovy</option><option value="haml">HAML</option><option value="haskell">Haskell</option><option value="haxe">Haxe</option><option value="htmlembedded">ASP.NET</option><option value="htmlembedded">Embedded Javascript</option><option value="htmlembedded">JavaServer Pages</option><option value="htmlmixed">HTML</option><option value="http">HTTP</option><option value="jade">Jade</option><option value="javascript">JavaScript</option><option value="javascript">JSON</option><option value="javascript">TypeScript</option><option value="jinja2">Jinja2</option><option value="julia">Julia</option><option value="less">LESS</option><option value="livescript">LiveScript</option><option value="lua">Lua</option><option value="markdown">Markdown (GitHub-flavour)</option><option value="mirc">mIRC</option><option value="nginx">Nginx</option><option value="ntriples">NTriples</option><option value="ocaml">OCaml</option><option value="mllike">OCaml</option><option value="octave">Octave</option><option value="pascal">Pascal</option><option value="pegjs">PEG.js</option><option value="perl">Perl</option><option value="php">PHP</option><option value="pig">Pig</option><option value="null">Plain Text</option><option value="properties">Properties files</option><option value="python" selected="selected">Python</option><option value="puppet">Puppet</option><option value="r">R</option><option value="rst">reStructuredText</option><option value="ruby">Ruby</option><option value="rust">Rust</option><option value="sass">Sass</option><option value="scheme">Scheme</option><option value="css">SCSS</option><option value="shell">Shell</option><option value="sieve">Sieve</option><option value="smalltalk">Smalltalk</option><option value="smarty">Smarty</option><option value="smartymixed">SmartyMixed</option><option value="solr">Solr</option><option value="sparql">SPARQL</option><option value="sql">SQL</option><option value="sql">MariaDB</option><option value="stex">sTeX</option><option value="stex">LaTeX</option><option value="verilog">SystemVerilog</option><option value="tcl">Tcl</option><option value="tiddlywiki">TiddlyWiki </option><option value="tiki">Tiki wiki</option><option value="toml">TOML</option><option value="turtle">Turtle</option><option value="vb">VB.NET</option><option value="vbscript">VBScript</option><option value="velocity">Velocity</option><option value="verilog">Verilog</option><option value="xml">XML</option><option value="xml">HTML</option><option value="xquery">XQuery</option><option value="yaml">YAML</option><option value="z80">Z80</option></select>
         <script>
             $(document).ready(function() {
                   $('#set_mode').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
             });
         </script>
 
                 <label for="line_wrap">line wraps</label>
                 <div class="select2-container drop-menu" id="s2id_line_wrap"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-3">off</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen3" class="select2-offscreen">line wraps</label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3"><div class="select2-drop select2-display-none drop-menu-dropdown">   <div class="select2-search select2-search-hidden select2-offscreen">       <label for="s2id_autogen3_search" class="select2-offscreen">line wraps</label>       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" role="combobox" aria-expanded="true" aria-autocomplete="list" aria-owns="select2-results-3" id="s2id_autogen3_search" placeholder="">   </div>   <ul class="select2-results" role="listbox" id="select2-results-3">   </ul></div></div><select id="line_wrap" name="line_wrap" tabindex="-1" title="line wraps" style="display: none;">
 <option value="on">on</option>
 <option selected="selected" value="off">off</option>
 </select>
         <script>
             $(document).ready(function() {
                   $('#line_wrap').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                         minimumResultsForSearch: -1
 
                   });
             });
         </script>
 
                 <div id="render_preview" class="btn btn-mini hidden disabled">Preview</div>
             </div>
         </div>
             <div id="editor_container">
                 <pre id="editor_pre"></pre>
-                <textarea id="editor" name="content" style="display: none;"># -*- coding: utf-8 -*-
+                <textarea id="editor" name="content" style="display: none;">
 
 # Published under Commercial License.
 # Read the full license text at https://rhodecode.com/licenses.
 """
 rhodecode.websetup
 ~~~~~~~~~~~~~~~~~~
 
 Weboperations and setup for rhodecode
 
 :created_on: Dec 11, 2010
 :author: marcink
 :copyright: (c) 2013-2015 RhodeCode GmbH.
 :license: Commercial License, see LICENSE for more details.
 """
 
 import logging
 
 from rhodecode.config.environment import load_environment
 from rhodecode.lib.db_manage import DbManage
 from rhodecode.model.meta import Session
 
 
 log = logging.getLogger(__name__)
 
 
 def setup_app(command, conf, vars):
     """Place any commands to setup rhodecode here"""
     dbconf = conf['sqlalchemy.db1.url']
     dbmanage = DbManage(log_sql=True, dbconf=dbconf, root=conf['here'],
                         tests=False, cli_args=command.options.__dict__)
     dbmanage.create_tables(override=True)
     dbmanage.set_db_version()
     opts = dbmanage.config_prompt(None)
     dbmanage.create_settings(opts)
     dbmanage.create_default_user()
     dbmanage.admin_prompt()
     dbmanage.create_permissions()
     dbmanage.populate_default_permissions()
     Session().commit()
     load_environment(conf.global_conf, conf.local_conf, initial=True)
-</textarea><div class="CodeMirror cm-s-default CodeMirror-focused"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 0px; min-width: 18px;"><div style="min-width: 1px; height: 554px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 579.350463867188px; margin-left: 29px; min-height: 554px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-comment"># -*- coding: utf-8 -*-</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-comment"># Published under Commercial License.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-comment"># Read the full license text at https://rhodecode.com/licenses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-string">rhodecode.websetup</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre><span class="cm-string">~~~~~~~~~~~~~~~~~~</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-string">Weboperations and setup for rhodecode</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">:created_on: Dec 11, 2010</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">:author: marcink</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">:copyright: (c) 2013-2015 RhodeCode GmbH.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">:license: Commercial License, see LICENSE for more details.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">logging</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">config</span>.<span class="cm-variable">environment</span> <span class="cm-keyword">import</span> <span class="cm-variable">load_environment</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">lib</span>.<span class="cm-variable">db_manage</span> <span class="cm-keyword">import</span> <span class="cm-variable">DbManage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">model</span>.<span class="cm-variable">meta</span> <span class="cm-keyword">import</span> <span class="cm-variable">Session</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre><span class="cm-variable">log</span> = <span class="cm-variable">logging</span>.<span class="cm-variable">getLogger</span>(<span class="cm-variable">__name__</span>)  # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre><span class="cm-keyword">def</span> <span class="cm-def">setup_app</span>(<span class="cm-variable">command</span>, <span class="cm-variable">conf</span>, <span class="cm-builtin">vars</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre>    <span class="cm-string">"""Place any commands to setup rhodecode here"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>    <span class="cm-variable">dbconf</span> = <span class="cm-variable">conf</span>[<span class="cm-string">'sqlalchemy.db1.url'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre>    <span class="cm-variable">dbmanage</span> = <span class="cm-variable">DbManage</span>(<span class="cm-variable">log_sql</span>=<span class="cm-builtin">True</span>, <span class="cm-variable">dbconf</span>=<span class="cm-variable">dbconf</span>, <span class="cm-variable">root</span>=<span class="cm-variable">conf</span>[<span class="cm-string">'here'</span>],</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre>                        <span class="cm-variable">tests</span>=<span class="cm-builtin">False</span>, <span class="cm-variable">cli_args</span>=<span class="cm-variable">command</span>.<span class="cm-variable">options</span>.<span class="cm-variable">__dict__</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_tables</span>(<span class="cm-variable">override</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">set_db_version</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre>    <span class="cm-variable">opts</span> = <span class="cm-variable">dbmanage</span>.<span class="cm-variable">config_prompt</span>(<span class="cm-builtin">None</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_settings</span>(<span class="cm-variable">opts</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_default_user</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">admin_prompt</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">populate_default_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre>    <span class="cm-variable">Session</span>().<span class="cm-variable">commit</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre>    <span class="cm-variable">load_environment</span>(<span class="cm-variable">conf</span>.<span class="cm-variable">global_conf</span>, <span class="cm-variable">conf</span>.<span class="cm-variable">local_conf</span>, <span class="cm-variable">initial</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div></div><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 554px;"></div><div class="CodeMirror-gutters" style="height: 554px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
+</textarea><div class="CodeMirror cm-s-default CodeMirror-focused"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 29px; min-height: 18px;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 0px; min-width: 18px;"><div style="min-width: 1px; height: 554px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="min-width: 579.350463867188px; margin-left: 29px; min-height: 554px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div style="position: relative; z-index: 1; display: none;"></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">1</div></div><pre><span class="cm-comment"></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">2</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">3</div></div><pre><span class="cm-comment"># Published under Commercial License.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">4</div></div><pre><span class="cm-comment"># Read the full license text at https://rhodecode.com/licenses.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">5</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">6</div></div><pre><span class="cm-string">rhodecode.websetup</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">7</div></div><pre><span class="cm-string">~~~~~~~~~~~~~~~~~~</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">8</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">9</div></div><pre><span class="cm-string">Weboperations and setup for rhodecode</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">10</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">11</div></div><pre><span class="cm-string">:created_on: Dec 11, 2010</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">12</div></div><pre><span class="cm-string">:author: marcink</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">13</div></div><pre><span class="cm-string">:copyright: (c) 2013-2015 RhodeCode GmbH.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">14</div></div><pre><span class="cm-string">:license: Commercial License, see LICENSE for more details.</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">15</div></div><pre><span class="cm-string">"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">16</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">17</div></div><pre><span class="cm-keyword">import</span> <span class="cm-variable">logging</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">18</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">19</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">config</span>.<span class="cm-variable">environment</span> <span class="cm-keyword">import</span> <span class="cm-variable">load_environment</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">20</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">lib</span>.<span class="cm-variable">db_manage</span> <span class="cm-keyword">import</span> <span class="cm-variable">DbManage</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">21</div></div><pre><span class="cm-keyword">from</span> <span class="cm-variable">rhodecode</span>.<span class="cm-variable">model</span>.<span class="cm-variable">meta</span> <span class="cm-keyword">import</span> <span class="cm-variable">Session</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">22</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">23</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">24</div></div><pre><span class="cm-variable">log</span> = <span class="cm-variable">logging</span>.<span class="cm-variable">getLogger</span>(<span class="cm-variable">__name__</span>)  # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">25</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">26</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">27</div></div><pre><span class="cm-keyword">def</span> <span class="cm-def">setup_app</span>(<span class="cm-variable">command</span>, <span class="cm-variable">conf</span>, <span class="cm-builtin">vars</span>):</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">28</div></div><pre>    <span class="cm-string">"""Place any commands to setup rhodecode here"""</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">29</div></div><pre>    <span class="cm-variable">dbconf</span> = <span class="cm-variable">conf</span>[<span class="cm-string">'sqlalchemy.db1.url'</span>]</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">30</div></div><pre>    <span class="cm-variable">dbmanage</span> = <span class="cm-variable">DbManage</span>(<span class="cm-variable">log_sql</span>=<span class="cm-builtin">True</span>, <span class="cm-variable">dbconf</span>=<span class="cm-variable">dbconf</span>, <span class="cm-variable">root</span>=<span class="cm-variable">conf</span>[<span class="cm-string">'here'</span>],</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">31</div></div><pre>                        <span class="cm-variable">tests</span>=<span class="cm-builtin">False</span>, <span class="cm-variable">cli_args</span>=<span class="cm-variable">command</span>.<span class="cm-variable">options</span>.<span class="cm-variable">__dict__</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">32</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_tables</span>(<span class="cm-variable">override</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">33</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">set_db_version</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">34</div></div><pre>    <span class="cm-variable">opts</span> = <span class="cm-variable">dbmanage</span>.<span class="cm-variable">config_prompt</span>(<span class="cm-builtin">None</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">35</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_settings</span>(<span class="cm-variable">opts</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">36</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_default_user</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">37</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">admin_prompt</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">38</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">create_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">39</div></div><pre>    <span class="cm-variable">dbmanage</span>.<span class="cm-variable">populate_default_permissions</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">40</div></div><pre>    <span class="cm-variable">Session</span>().<span class="cm-variable">commit</span>()</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">41</div></div><pre>    <span class="cm-variable">load_environment</span>(<span class="cm-variable">conf</span>.<span class="cm-variable">global_conf</span>, <span class="cm-variable">conf</span>.<span class="cm-variable">local_conf</span>, <span class="cm-variable">initial</span>=<span class="cm-builtin">True</span>)</pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="position: absolute; left: -29px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 20px;">42</div></div><pre>&nbsp;</pre></div></div><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 13px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 554px;"></div><div class="CodeMirror-gutters" style="height: 554px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 28px;"></div></div></div></div>
                 <div id="editor_preview"></div>
             </div>
             <div class="message">
                 <label class="codeblock-label">Commit Message</label>
                 <textarea id="commit" name="message" placeholder="Edited file rhodecode/websetup.py via RhodeCode"></textarea>
             </div>
         </div>
 
 
 
 
 
 
 <!--
   Commit with comments
 -->
 
 <h2>Commit with comments</h2>
 
 <div class="diff-container" id="diff-container-140360037209920">
     <div id="c-4e5ee86997c6-7046e4320b26_target"></div>
     <div id="c-4e5ee86997c6-7046e4320b26" class="diffblock margined comm">
         <div class="code-header">
             <div title="Go back to changed files overview">
                 <a href="#changes_box">
                     <i class="icon-circle-arrow-up"></i>
                 </a>
             </div>
             <div class="changeset_header">
                 <div class="changeset_file">
                     <i class="icon-file"></i>
                     <a href="/andersonsantos/rhodecode-dev-fork/files/4e5ee86997c64981d85cf62283af448624e26929/rhodecode/tests/functional/test_compare_local.py">rhodecode/tests/functional/test_compare_local.py</a>
                 </div>
                 <div class="diff-actions">
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full diff for this file">
                       <img class="icon" src="/images/icons/page_white_go.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff-2way/rhodecode/tests/functional/test_compare_local.py?fulldiff=1&amp;diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=diff&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Show full side-by-side diff for this file">
                       <img class="icon" src="/images/icons/application_double.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=raw&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Raw diff">
                       <img class="icon" src="/images/icons/page_white.png">
                   </a>
                   <a href="/andersonsantos/rhodecode-dev-fork/diff/rhodecode/tests/functional/test_compare_local.py?diff1=682135c2e3958d7c84db06d716efe482bd3ce7c6&amp;diff=download&amp;diff2=4e5ee86997c64981d85cf62283af448624e26929" class="tooltip" title="Download diff">
                       <img class="icon" src="/images/icons/page_save.png">
                   </a>
                   <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=WS%3A1&amp;c-4e5ee86997c6-7046e4320b26=C%3A3#c-4e5ee86997c6-7046e4320b26" title="Ignore white space"><img alt="Ignore white space" class="icon" src="/images/icons/text_strikethrough.png"></a>
                   <a class="tooltip" href="/andersonsantos/rhodecode-dev-fork/changeset/4e5ee86997c64981d85cf62283af448624e26929?c-4e5ee86997c6-7046e4320b26=C%3A6#c-4e5ee86997c6-7046e4320b26" title="increase diff context to 6 lines"><img alt="increase diff context to 6 lines" class="icon" src="/images/icons/table_add.png"></a>
                 </div>
                 <span>
                   <label>
                   Show inline comments
                   <input checked="checked" class="show-inline-comments" id="" id_for="c-4e5ee86997c6-7046e4320b26" name="" type="checkbox" value="1">
                   </label>
                 </span>
             </div>
         </div>
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/functional/test_compare_local.py"></div>
             <table class="code-difftable">
 <tbody><tr class="line context">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
   <td class="code ">
     <pre>@@ -59,7 +59,7 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o59" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o59">59</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n59" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n59">59</a></td>
   <td class="code ">
     <pre>                'tag': 'v0.2.0',
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o60" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o60">60</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n60" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n60">60</a></td>
   <td class="code ">
     <pre>                'branch': 'default',
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o61" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o61">61</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n61" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n61">61</a></td>
   <td class="code ">
     <pre>                'response':  # Intentionally long line to show what will happen if this line does not fit onto the screen. It might have some horizontal scrolling applied or some other fancy mechanism to deal with it.
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o62" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o62">62</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>                   '147 files changed: 5700 inserted, 10176 deleted'
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n62" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n62">62</a></td>
   <td class="code ">
     <pre><ins> </ins>                   '147 files changed: 5700 inserted, 10176 deleted'
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o63" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o63">63</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n63" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n63">63</a></td>
   <td class="code ">
     <pre>            },
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o64" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o64">64</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n64" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n64">64</a></td>
   <td class="code ">
     <pre>            'git': {
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o65" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o65">65</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n65" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n65">65</a></td>
   <td class="code ">
     <pre>                'tag': 'v0.2.2',
 </pre>
   </td>
 </tr>
 <tr class="line context">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o...">...</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n...">...</a></td>
   <td class="code ">
     <pre>@@ -77,9 +77,11 @@
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o77" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o77">77</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n77" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n77">77</a></td>
   <td class="code ">
     <pre>            target_ref=revisions[backend.alias]['tag'],
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o78" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o78">78</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n78" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n78">78</a></td>
   <td class="code ">
     <pre>            ))
 </pre>
   </td>
 </tr><tr id="comment-tr-3754" class="inline-comments"><td></td><td></td><td>
 
   <div class="comment" id="comment-3754" line="n78">
     <div class="comment-wrapp">
       <div class="meta">
         <span class="gravatar">
             <img src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=40" height="20" width="20">
         </span>
         <span class="user">
             anderson
         </span>
         <span class="date">
             just now |
         </span>
         <span class="status-change">
               Comment on commit
         </span>
          <a class="permalink" href="#comment-3754">¶</a>
       </div>
       <div class="text">
           <div class="rst-block"><p>commented line
 with multiple lines</p>
 </div>
       </div>
     </div>
   </div><div class="add-comment"><span class="btn btn-default">Add another comment</span></div>
 
 </td></tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o79" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o79">79</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n79" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n79">79</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 <tr class="line del form-open hl-comment">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o80" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o80">80</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
 </pre>
   </td>
 </tr><tr id="comment-tr-undefined" class="comment-form-inline"><td></td><td></td><td>
   <div class="comment-inline-form ac">
     <div class="overlay"><div class="overlay-text">Submitting...</div></div>
       <form action="#" class="inline-form" method="get">
       <div id="edit-container_o80" class="clearfix">
         <div class="comment-title pull-left">
           Commenting on line o80.
         </div>
         <div class="comment-help pull-right">
           Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
         </div>
             <div style="clear: both"></div>
             <textarea id="text_o80" name="text" class="comment-block-ta ac-input" autocomplete="off"></textarea>
       </div>
       <div id="preview-container_o80" class="clearfix" style="display: none;">
          <div class="comment-help">
               Comment preview
           </div>
           <div id="preview-box_o80" class="preview-box"></div>
       </div>
       <div class="comment-button pull-right">
         <input type="hidden" name="f_path" value="rhodecode/tests/functional/test_compare_local.py">
         <input type="hidden" name="line" value="o80">
         <div id="preview-btn_o80" class="btn btn-default">Preview</div>
         <div id="edit-btn_o80" class="btn" style="display: none;">Edit</div>
         <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment">
       </div>
       <div class="comment-button hide-inline-form-button">
       <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel">
       </div>
       </form>
   </div>
 </td></tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n80" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n80">80</a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n81" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n81">81</a></td>
   <td class="code ">
     <pre>            backend.repo_name,
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o81" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o81">81</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n82" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n82">82</a></td>
   <td class="code ">
     <pre>            revisions[backend.alias]['branch']))
 </pre>
   </td>
 </tr>
 <tr class="line del">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o82" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o82">82</a></td>
   <td class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n"></a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (<del>backend.repo_name,</del>
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n83" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n83">83</a></td>
   <td class="code ">
     <pre>        response.mustcontain('%s@%s' % (
 </pre>
   </td>
 </tr>
 <tr class="line add">
   <td class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o"></a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n84" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n84">84</a></td>
   <td class="code ">
     <pre>            backend.repo_name,
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o83" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o83">83</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n85" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n85">85</a></td>
   <td class="code ">
     <pre>            revisions[backend.alias]['tag']))
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o84" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o84">84</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n86" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n86">86</a></td>
   <td class="code ">
     <pre>        response.mustcontain(revisions[backend.alias]['response'])
 </pre>
   </td>
 </tr>
 <tr class="line unmod">
   <td id="rhodecodetestsfunctionaltest_compare_localpy_o85" class="lineno old"><a href="#rhodecodetestsfunctionaltest_compare_localpy_o85">85</a></td>
   <td id="rhodecodetestsfunctionaltest_compare_localpy_n87" class="lineno new"><a href="#rhodecodetestsfunctionaltest_compare_localpy_n87">87</a></td>
   <td class="code ">
     <pre></pre>
   </td>
 </tr>
 </tbody></table>
         </div>
     </div>
 </div>
 
 
 
 <!--
  Side-by-side diff
  -->
 
  <h2>Side-by-side diff</h2>
 
 <div class="box">
     <div class="diff-container" style="overflow-x: hidden">
         <div class="diffblock comm" style="margin:3px; padding:1px">
             <div class="code-header">
                 <div class="changeset_header">
                     <div class="changeset_file">
                         <i class="icon-file"></i>
                         <a href="/pygments/files/ea295cfb622620f5ba13e226ec531e3fe5296399/tests/test_basic_api.py">tests/test_basic_api.py</a>
                          [mode: <span id="selected_mode">python</span>]
                     </div>
                     <div class="diff-actions">
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full diff for this file">
                           <img class="icon" src="/images/icons/page_white_go.png">
                       </a>
                       <a href="/pygments/diff-2way/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff=diff&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;fulldiff=1" class="tooltip" title="Show full side-by-side diff for this file" tt_title="Show full side-by-side diff for this file">
                           <img class="icon" src="/images/icons/application_double.png">
                       </a>
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=raw" class="tooltip" title="Raw diff">
                           <img class="icon" src="/images/icons/page_white.png">
                       </a>
                       <a href="/pygments/diff/tests/test_basic_api.py?diff2=ea295cfb622620f5ba13e226ec531e3fe5296399&amp;diff1=de45f950b669e2d991c4ba512fa6fe450c6616db&amp;diff=download" class="tooltip" title="Download diff">
                           <img class="icon" src="/images/icons/page_save.png">
                       </a>
                       <label><input id="ignorews" name="ignorews" type="checkbox" value="1">ignore white space</label>
                       <label><input id="edit_mode" name="edit_mode" type="checkbox" value="1">turn on edit mode</label>
 
                     </div>
                     <div style="float: right; padding: 0px 10px 0px 0px">
     r1538:de45f950b669 ... r1539:ea295cfb6226
 </div>
                 </div>
             </div>
             <div id="compare"></div>
         </div>
     </div>
 
 <script>
 $(document).ready(function () {
     var example_lines = '1\n2\n3\n4\n5\n6\n7\n8\n9\n \n';
 
     $('#compare').mergely({
         width: 'auto',
         height: '600',
         fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'},
         bgcolor: '#fff',
         viewport: true,
         cmsettings: {mode: 'text/plain', readOnly: true, lineWrapping: false, lineNumbers: true},
         lhs: function(setValue) {
             if("False" == "True"){
                 setValue('Binary file')
             }
             else if("MercurialCommit" == "EmptyCommit"){
                 setValue('');
             }
             else{
                 var left_value = example_lines.slice(0, 10) +
                     '123456789 '.repeat(10) +
                     '\n'+
                     example_lines.slice(10, 20);
                 setValue(left_value + example_lines.repeat(9));
             }
 
         },
         rhs: function(setValue) {
             if("False" == "True"){
                 setValue('Binary file')
             }
             else if("MercurialCommit" == "EmptyCommit"){
                 setValue('');
             }
             else{
                 var right_value = example_lines +
                     example_lines.slice(0, 8) +
                     'abcdefghi '.repeat(10) +
                     '\n'+
                     example_lines.slice(8, 20);
                 setValue(right_value + example_lines.repeat(9));
             }
         },
     });
 
     var detected_mode = detectCodeMirrorModeFromExt('test_basic_api.py', true);
     if(detected_mode){
         setCodeMirrorMode($('#compare').mergely('cm', 'lhs'), detected_mode);
         setCodeMirrorMode($('#compare').mergely('cm', 'rhs'), detected_mode);
         $('#selected_mode').html(detected_mode);
     }
 
     $('#ignorews').change(function(e){
         var val = e.currentTarget.checked;
         $('#compare').mergely('options', {ignorews: val});
         $('#compare').mergely('update');
     });
     $('#edit_mode').change(function(e){
         var val = !e.currentTarget.checked;
         $('#compare').mergely('cm', 'lhs').setOption('readOnly', val);
         $('#compare').mergely('cm', 'rhs').setOption('readOnly', val);
         $('#compare').mergely('update');
     })
 });
 </script>
 
 </div>
 
 <!-- end examples -->
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/collapsable-content.html

@@ -1,962 +1,961 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'>
     ${self.sidebar()}
 
       <div class="main-content">
 
         <h2>Collapsable Content</h2>
         <p>Where a section may have a very long list of information, it can be desirable to use collapsable content. There is a premade function for showing/hiding elements, though its use may or may not be practical, depending on the situation. Use it, or don't, on a case-by-case basis.</p>
 
         <p><strong>To use the collapsable-content function:</strong> Create a toggle button using <code>&lt;div class="btn-collapse"&gt;Show More&lt;/div&gt;</code> and a data attribute using <code>data-toggle</code>. Clicking this button will toggle any sibling element(s) containing the class <code>collapsable-content</code> and an identical <code>data-toggle</code> attribute. It will also change the button to read "Show Less"; another click toggles it back to the previous state. Ideally, use pre-existing elements and add the class and attribute; creating a new div around the existing content may lead to unexpected results, as the toggle function will use <code>display:block</code> if no previous display specification was found.
         </p>
         <p>Notes:</p>
         <ul>
           <li>Changes made to the text of the button will require adjustment to the function, but for the sake of consistency and user experience, this is best avoided. </li>
           <li>Collapsable content inside of a pjax loaded container will require <code>collapsableContent();</code> to be called from within the container. No variables are necessary.</li>
         </ul>
 
       </div>  <!-- .main-content  -->
     </div>  <!-- .sidebar-col-wrapper  -->
 </div> <!-- .box -->
 
   <!-- CONTENT -->
   <div id="content" class="wrapper">
 
       <div class="main">
 
 <div class="box">
   <div class="title">
     <h1>
         Diff: enable filename with spaces on diffs
     </h1>
     <h1>
             <i class="icon-hg" ></i>
 
             <i class="icon-lock"></i>
         <span><a href="/rhodecode-momentum">rhodecode-momentum</a></span>
 
     </h1>
   </div>
 
   <div class="box pr-summary">
       <div class="summary-details block-left">
 
         <div class="pr-details-title">
 
     Pull request #720 From Tue, 17 Feb 2015 16:21:38
 <div class="btn-collapse" data-toggle="description">Show More</div>
         </div>
         <div id="summary" class="fields pr-details-content">
            <div class="field">
             <div class="label-summary">
                 <label>Origin:</label>
             </div>
             <div class="input">
                 <div>
                     <span class="tag">
                         <a href="/andersonsantos/rhodecode-momentum-fork#fix_574">book: fix_574</a>
                     </span>
                     <span class="clone-url">
                         <a href="/andersonsantos/rhodecode-momentum-fork">https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork</a>
                     </span>
                 </div>
                 <div>
                      <br>
                         <input type="text"  value="hg pull -r 46b3d50315f0 https://code.rhodecode.com/andersonsantos/rhodecode-momentum-fork" readonly="readonly">
                 </div>
             </div>
            </div>
            <div class="field">
             <div class="label-summary">
                 <label>Review:</label>
             </div>
             <div class="input">
               <div class="flag_status under_review tooltip pull-left" title="Pull request status calculated from votes"></div>
                 <span class="changeset-status-lbl tooltip" title="Pull request status calculated from votes">
                   Under Review
                 </span>
 
             </div>
            </div>
             <div class="field collapsable-content" data-toggle="description">
              <div class="label-summary">
                  <label>Description:</label>
              </div>
              <div class="input">
                  <div class="pr-description">Fixing issue <a class="issue- tracker-link" href="http://bugs.rhodecode.com/issues/574">#  574</a>, changing regex for capturing filenames</div>
              </div>
             </div>
             <div class="field collapsable-content" data-toggle="description">
              <div class="label-summary">
                  <label>Comments:</label>
              </div>
              <div class="input">
                  <div>
                      <div class="comments-number">
                          <a href="#inline-comments-container">0 Pull request   comments</a>,
                          0 Inline Comments
                      </div>
                  </div>
               </div>
           </div>
         </div>
       </div>
       <div>
         <div class="reviewers-title block-right">
           <div class="pr-details-title">
               Author
           </div>
         </div>
         <div class="block-right pr-details-content reviewers">
             <ul class="group_members">
               <li>
                 <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
                 <span class="user"> <a href="/_profiles/lolek">lolek (Lolek Santos)</a></span>
               </li>
             </ul>
         </div>
         <div class="reviewers-title block-right">
           <div class="pr-details-title">
               Pull request reviewers
               <span class="btn-collapse" data-toggle="reviewers">Show More</span>
           </div>
 
         </div>
         <div id="reviewers" class="block-right pr-details-content reviewers">
 
             <ul id="review_members" class="group_members">
               <li id="reviewer_70">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status rejected pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/153a0fab13160b3e64a2cbc7c0373506?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">jenkins-tests</a> (reviewer)</span>
                 </div>
                   <input id="reviewer_70_input" type="hidden" value="70" name="review_members">
                   <div class="reviewer_member_remove action_button" onclick="removeMember(70, true)" style="visibility: hidden;">
                     <i class="icon-remove"></i>
                   </div>
               </li>
               <li id="reviewer_33" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/ffd6a317ec2b66be880143cd8459d0d9?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">garbas (Rok Garbas)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_2" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status not_reviewed pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/aad9d40cac1259ea39b5578554ad9d64?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">marcink (Marcin Kuzminski)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_36" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/7a4da001a0af0016ed056ab523255db9?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">johbo (Johannes Bornhold)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_47" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/8f6dc00dce79d6bd7d415be5cea6a008?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">lisaq (Lisa Quatmann)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_49" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/89f722927932a8f737a0feafb03a606e?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">paris (Paris Kolios)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_50" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/081322c975e8545ec269372405fbd016?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">ergo (Marcin Lulek)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_54" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">anderson (Anderson Santos)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_57" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status approved pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/23e2ee8f5fd462cba8129a40cc1e896c?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">gmgauthier (Greg Gauthier)</a> (reviewer)</span>
                 </div>
               </li>
               <li id="reviewer_31" class="collapsable-content" data-toggle="reviewers">
                 <div class="reviewers_member">
                     <div class="reviewer_status tooltip pull-left" title="Not Reviewed">
                       <div class="flag_status under_review pull-left reviewer_member_status"></div>
                     </div>
                   <img class="gravatar" src="https://secure.gravatar.com/avatar/0c9a7e6674b6f0b35d98dbe073e3f0ab?d=identicon&amp;s=32" height="16" width="16">
                   <span class="user"> <a href="/_profiles/jenkins-tests">ostrobel (Oliver Strobel)</a> (reviewer)</span>
                 </div>
               </li>
             </ul>
           <div id="add_reviewer_input" class="ac" style="display: none;">
           </div>
         </div>
         </div>
       </div>
   </div>
   <div class="box">
       <div class="table" >
           <div id="changeset_compare_view_content">
               <div class="compare_view_commits_title">
                   <h2>Compare View: 6 commits<span class="btn-collapse" data-toggle="commits">Show More</span></h2>
 
               </div>
               <div class="container">
 
 
     <table class="rctable compare_view_commits">
     <tr>
         <th>Time</th>
         <th>Author</th>
         <th>Commit</th>
         <th></th>
         <th>Title</th>
     </tr>
         <tr id="row-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" commit_id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="compare_select">
             <td class="td-time">
                 <span class="tooltip" title="3 hours and 23 minutes ago" tt_title="3 hours and 23 minutes ago">2015-02-18 10:13:34</span>
             </td>
             <td class="td-user">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">brian (Brian Butler)</span>
                 </div>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/7e83e5cd7812dd9e055ce30e77c65cdc08154b43">r395:7e83e5cd7812</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="7e83e5cd7812dd9e055ce30e77c65cdc08154b43" 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-7e83e5cd7812dd9e055ce30e77c65cdc08154b43" class="message truncate">rep: added how we doc to guide</div>
                   </div>
             </td>
         </tr>
         <tr id="row-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" commit_id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="compare_select">
             <td class="td-time">
                 <span class="tooltip" title="4 hours and 18 minutes ago">2015-02-18 09:18:31</span>
             </td>
             <td class="td-user">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">brian (Brian Butler)</span>
                 </div>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/48ce1581bdb3aa7679c246cbdd3fb030623f5c87">r394:48ce1581bdb3</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="48ce1581bdb3aa7679c246cbdd3fb030623f5c87" 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-48ce1581bdb3aa7679c246cbdd3fb030623f5c87" class="message truncate">repo 0004 - typo</div>
                   </div>
             </td>
         </tr>
         <tr id="row-982d857aafb4c71e7686e419c32b71c9a837257d" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="4 hours and 22 minutes ago">2015-02-18 09:14:45</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="982d857aafb4c71e7686e419c32b71c9a837257d">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">brian (Brian Butler)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/982d857aafb4c71e7686e419c32b71c9a837257d">r393:982d857aafb4</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="982d857aafb4c71e7686e419c32b71c9a837257d" 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-982d857aafb4c71e7686e419c32b71c9a837257d" class="message truncate">internals: how to doc section added</div>
                   </div>
             </td>
         </tr>
         <tr id="row-4c7258ad1af6dae91bbaf87a933e3597e676fab8" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="20 hours and 16 minutes ago">2015-02-17 17:20:44</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="4c7258ad1af6dae91bbaf87a933e3597e676fab8">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/02cc31cea73b88b7209ba302c5967a9d?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">brian (Brian Butler)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/brian/documentation-rep/changeset/4c7258ad1af6dae91bbaf87a933e3597e676fab8">r392:4c7258ad1af6</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="4c7258ad1af6dae91bbaf87a933e3597e676fab8" 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-4c7258ad1af6dae91bbaf87a933e3597e676fab8" class="message truncate">REP: 0004 Documentation standards</div>
                   </div>
             </td>
         </tr>
         <tr id="row-46b3d50315f0f2b1f64485ac95af4f384948f9cb" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="18 hours and 19 minutes ago">2015-02-17 16:18:49</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="46b3d50315f0f2b1f64485ac95af4f384948f9cb">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">anderson (Anderson Santos)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/andersonsantos/rhodecode-momentum-fork/changeset/46b3d50315f0f2b1f64485ac95af4f384948f9cb">r8743:46b3d50315f0</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="46b3d50315f0f2b1f64485ac95af4f384948f9cb" 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-46b3d50315f0f2b1f64485ac95af4f384948f9cb" class="message truncate">Diff: created tests for the diff with filenames with spaces</div>
                     
                   </div>
             </td>
         </tr>
         <tr id="row-1e57d2549bd6c34798075bf05ac39f708bb33b90" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90" class="compare_select collapsable-content" data-toggle="commits">
             <td class="td-time">
                 <span class="tooltip" title="2 days ago">2015-02-16 10:06:08</span>
             </td>
             <td class="td-user">
                 <span class="gravatar" commit_id="1e57d2549bd6c34798075bf05ac39f708bb33b90">
                     <img alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=28" height="14" width="14">
                 </span>
                 <span class="author">anderson (Anderson Santos)</span>
             </td>
             <td class="td-hash">
                 <code>
                     <a href="/andersonsantos/rhodecode-momentum-fork/changeset/1e57d2549bd6c34798075bf05ac39f708bb33b90">r8742:1e57d2549bd6</a>
                 </code>
             </td>
             <td class="expand_commit" data-commit-id="1e57d2549bd6c34798075bf05ac39f708bb33b90" 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-1e57d2549bd6c34798075bf05ac39f708bb33b90" class="message truncate">Diff: fix renaming files with spaces <a class="issue-tracker-link" href="http://bugs.rhodecode.com/issues/574">#574</a></div>
                     
                   </div>
             </td>
         </tr>
     </table>
 </div>
 
 <script>
 $('.expand_commit').on('click',function(e){
     $(this).children('i').hide();
     var cid = $(this).data('commitId');
     $('#c-'+cid).css({'height': 'auto', 'margin': '.65em 1em .65em 0','white-space': 'pre-line', 'text-overflow': 'initial', 'overflow':'visible'})
     $('#t-'+cid).css({'height': 'auto', 'text-overflow': 'initial', 'overflow':'visible', 'white-space':'normal'})
 });
 $('.compare_select').on('click',function(e){
     var cid = $(this).attr('commit_id');
     $('#row-'+cid).toggleClass('hl', !$('#row-'+cid).hasClass('hl'));
 });
 </script>
               <div class="cs_files_title">
                   <span class="cs_files_expand">
                       <span id="expand_all_files">Expand All</span> | <span id="collapse_all_files">Collapse All</span>
                   </span>
                   <h2>
                       7 files changed: 55 inserted, 9 deleted
                   </h2>
               </div>
               <div class="cs_files">
               <table class="compare_view_files">
 
                   <tr class="cs_A expand_file" fid="c--efbe5b7a3f13">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--efbe5b7a3f13"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--efbe5b7a3f13">
                           <a class="compare_view_filepath" href="#a_c--efbe5b7a3f13">
                               rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff
                           </a>
                           <span id="diff_c--efbe5b7a3f13" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">4</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--efbe5b7a3f13">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195039928">
     <div id="c--efbe5b7a3f13_target" ></div>
     <div id="c--efbe5b7a3f13" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/git_diff_rename_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_with_ spaces.txt b/file_with_  two spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>similarity index 100%
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>rename from file_with_ spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4" class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n4">4</a></td>
     <td class="code">
         <pre>rename to file_with_  two spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_o...">...</a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixturesgit_diff_rename_file_with_spacesdiff_n...">...</a></td>
     <td class="code no-comment">
         <pre> No newline at end of file</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
                   <tr class="cs_A expand_file" fid="c--c21377f778f9">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--c21377f778f9"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--c21377f778f9">
                           <a class="compare_view_filepath" href="#a_c--c21377f778f9">
                               rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff
                           </a>
                           <span id="diff_c--c21377f778f9" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--c21377f778f9">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195038344">
     <div id="c--c21377f778f9_target" ></div>
     <div id="c--c21377f778f9" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_copy_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_changed_without_spaces.txt b/file_copied_ with  spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>copy from file_changed_without_spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>copy to file_copied_ with  spaces.txt
 </pre>
     </td>
 </tr>
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_o...">...</a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_copy_file_with_spacesdiff_n...">...</a></td>
     <td class="code no-comment">
         <pre> No newline at end of file</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
                   <tr class="cs_A expand_file" fid="c--ee62085ad7a8">
                       <td class="cs_icon_td">
                           <span class="expand_file_icon" fid="c--ee62085ad7a8"></span>
                       </td>
                       <td class="cs_icon_td">
                           <div class="flag_status not_reviewed hidden"></div>
                       </td>
                       <td id="a_c--ee62085ad7a8">
                           <a class="compare_view_filepath" href="#a_c--ee62085ad7a8">
                               rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff
                           </a>
                           <span id="diff_c--ee62085ad7a8" class="diff_links" style="display: none;">
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Unified Diff
                             </a>
                             |
                             <a href="/andersonsantos/rhodecode-momentum-fork/diff-2way/rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff?diff2=46b3d50315f0f2b1f64485ac95af4f384948f9cb&amp;diff1=b78e2376b986b2cf656a2b4390b09f303291c886&amp;fulldiff=1&amp;diff=diff">
                                 Side-by-side Diff
                             </a>
                           </span>
                       </td>
                       <td>
                           <div class="changes pull-right"><div style="width:100px"><div class="added top-right-rounded-corner-mid bottom-right-rounded-corner-mid top-left-rounded-corner-mid bottom-left-rounded-corner-mid" style="width:100.0%">3</div><div class="deleted top-right-rounded-corner-mid bottom-right-rounded-corner-mid" style="width:0%"></div></div></div>
                           <div class="comment-bubble pull-right" data-path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff">
                             <i class="icon-comment"></i>
                           </div>
                       </td>
                   </tr>
                   <tr id="tr_c--ee62085ad7a8">
                     <td></td>
                     <td></td>
                     <td class="injected_diff" colspan="2">
 
  <div class="diff-container" id="diff-container-140716195039496">
     <div id="c--ee62085ad7a8_target" ></div>
     <div id="c--ee62085ad7a8" class="diffblock margined comm" >
         <div class="code-body">
             <div class="full_f_path" path="rhodecode/tests/fixtures/hg_diff_rename_file_with_spaces.diff" style="display: none;"></div>
             <table class="code-difftable">
 <tr class="line context">
     <td class="add-comment-line"><span class="add-comment-content"></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td  class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n"></a></td>
     <td class="code no-comment">
         <pre>new file 100644</pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n1">1</a></td>
     <td class="code">
         <pre>diff --git a/file_ with update.txt b/file_changed _.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n2">2</a></td>
     <td class="code">
         <pre>rename from file_ with update.txt
 </pre>
     </td>
 </tr>
 <tr class="line add">
     <td class="add-comment-line"><span class="add-comment-content"><a href="#"><span class="icon-comment-add"></span></a></span></td>
     <td  class="lineno old"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_o"></a></td>
     <td id="rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3" class="lineno new"><a href="#rhodecodetestsfixtureshg_diff_rename_file_with_spacesdiff_n3">3</a></td>
     <td class="code">
         <pre>rename to file_changed _.txt</pre>
     </td>
 </tr>
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
 
 </table>
         </div>
     </div>
   </div>
 
                     </td>
                   </tr>
               </table>
               </div>
           </div>
       </div>
 
 
 
 
 <div id="comment-inline-form-template" style="display: none;">
   <div class="comment-inline-form ac">
     <div class="overlay"><div class="overlay-text">Submitting...</div></div>
       <form action="#" class="inline-form" method="get">
       <div id="edit-container_{1}" class="clearfix">
         <div class="comment-title pull-left">
           Commenting on line {1}.
         </div>
         <div class="comment-help pull-right">
           Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span  class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
         </div>
             <div style="clear: both"></div>
             <textarea id="text_{1}" name="text" class="comment-block-ta ac-input"></textarea>
       </div>
       <div id="preview-container_{1}" class="clearfix" style="display: none;">
          <div class="comment-help">
               Comment preview
           </div>
           <div id="preview-box_{1}" class="preview-box"></div>
       </div>
       <div class="comment-button pull-right">
         <input type="hidden" name="f_path" value="{0}">
         <input type="hidden" name="line" value="{1}">
         <div id="preview-btn_{1}" class="btn btn-default">Preview</div>
         <div id="edit-btn_{1}" class="btn" style="display: none;">Edit</div>
         <input class="btn btn-success save-inline-form" id="save" name="save" type="submit" value="Comment" />
       </div>
       <div class="comment-button hide-inline-form-button">
       <input class="btn hide-inline-form" id="hide-inline-form" name="hide-inline-form" type="reset" value="Cancel" />
       </div>
       </form>
   </div>
 </div>
 
 
 
 <div class="comments">
     <div id="inline-comments-container">
 
     <h2>0 Pull Request Comments</h2>
 
 
     </div>
 
 </div>
 
 
 
 
 <div class="pull-request-merge">
 </div>
 <div class="comments">
     <div class="comment-form ac">
         <form action="/rhodecode-momentum/pull-request-comment/720" id="comments_form" method="POST">
 <div style="display: none;"><input id="csrf_token" name="csrf_token" type="hidden" value="6dbc0b19ac65237df65d57202a3e1f2df4153e38" /></div>
         <div id="edit-container" class="clearfix">
             <div class="comment-title pull-left">
               Create a comment on this Pull Request.
             </div>
             <div class="comment-help pull-right">
               Comments parsed using <a href="http://docutils.sourceforge.io/docs/user/rst/quickref.html">RST</a> syntax with <span  class="tooltip" title="Use @username inside this text to send notification to this RhodeCode user">@mention</span> support.
             </div>
              <div style="clear: both"></div>
              <textarea class="comment-block-ta" id="text" name="text"></textarea>
         </div>
 
         <div id="preview-container" class="clearfix" style="display: none;">
            <div class="comment-title">
                 Comment preview
             </div>
             <div id="preview-box" class="preview-box"></div>
         </div>
 
         <div id="comment_form_extras">
         </div>
         <div class="action-button pull-right">
             <div id="preview-btn" class="btn">
                 Preview
             </div>
             <div id="edit-btn" class="btn" style="display: none;">
                 Edit
             </div>
             <div class="comment-button">
                 <input class="btn btn-small btn-success comment-button-input" id="save" name="save" type="submit" value="Comment" />
             </div>
         </div>
         </form>
     </div>
 </div>
 <script>
 
 $(document).ready(function() {
 
     var cm = initCommentBoxCodeMirror('#text');
 
     // main form preview
     $('#preview-btn').on('click', function(e) {
         $('#preview-btn').hide();
         $('#edit-btn').show();
         var _text = cm.getValue();
         if (!_text) {
             return;
         }
         var post_data = {
             'text': _text,
             'renderer': DEFAULT_RENDERER,
             'csrf_token': CSRF_TOKEN
         };
         var previewbox = $('#preview-box');
         previewbox.addClass('unloaded');
         previewbox.html(_gettext('Loading ...'));
         $('#edit-container').hide();
         $('#preview-container').show();
 
         var url = pyroutes.url('repo_commit_comment_preview',
             {'repo_name': 'rhodecode-momentum', 'commit_id': '000000'});
 
         ajaxPOST(url, post_data, function(o) {
             previewbox.html(o);
             previewbox.removeClass('unloaded');
         });
     });
     $('#edit-btn').on('click', function(e) {
         $('#preview-btn').show();
         $('#edit-btn').hide();
         $('#edit-container').show();
         $('#preview-container').hide();
     });
 
     var formatChangeStatus = function(state, escapeMarkup) {
         var originalOption = state.element;
         return '<div class="flag_status ' + $(originalOption).data('status') + ' pull-left"></div>' +
                '<span>' + escapeMarkup(state.text) + '</span>';
     };
 
     var formatResult = function(result, container, query, escapeMarkup) {
         return formatChangeStatus(result, escapeMarkup);
     };
 
     var formatSelection = function(data, container, escapeMarkup) {
         return formatChangeStatus(data, escapeMarkup);
     };
 
     $('#change_status_general').select2({
         placeholder: "Status Review",
         formatResult: formatResult,
         formatSelection: formatSelection,
         containerCssClass: "drop-menu status_box_menu",
         dropdownCssClass: "drop-menu-dropdown",
         dropdownAutoWidth: true,
         minimumResultsForSearch: -1
     });
 });
 </script>
 
 
       <script type="text/javascript">
         // TODO: switch this to pyroutes
         AJAX_COMMENT_DELETE_URL = "/rhodecode-momentum/pull-request-comment/__COMMENT_ID__/delete";
 
         $(function(){
             ReviewerAutoComplete('#user');
 
             $('#open_edit_reviewers').on('click', function(e){
                 $('#open_edit_reviewers').hide();
                 $('#close_edit_reviewers').show();
                 $('#add_reviewer_input').show();
                 $('.reviewer_member_remove').css('visibility', 'visible');
             });
 
             $('#close_edit_reviewers').on('click', function(e){
                 $('#open_edit_reviewers').show();
                 $('#close_edit_reviewers').hide();
                 $('#add_reviewer_input').hide();
                 $('.reviewer_member_remove').css('visibility', 'hidden');
             });
 
             $('.show-inline-comments').on('change', function(e){
                 var show = 'none';
                 var target = e.currentTarget;
                 if(target.checked){
                     show = ''
                 }
                 var boxid = $(target).attr('id_for');
                 var comments = $('#{0} .inline-comments'.format(boxid));
                 var fn_display = function(idx){
                    $(this).css('display', show);
                 };
                 $(comments).each(fn_display);
                 var btns = $('#{0} .inline-comments-button'.format(boxid));
                 $(btns).each(fn_display);
             });
 
             var commentTotals = {};
             $.each(file_comments, function(i, comment) {
                 var path = $(comment).attr('path');
                 var comms = $(comment).children().length;
                 if (path in commentTotals) {
                     commentTotals[path] += comms;
                 } else {
                     commentTotals[path] = comms;
                 }
             });
             $.each(commentTotals, function(path, total) {
                 var elem = $('.comment-bubble[data-path="'+ path +'"]')
                 elem.css('visibility', 'visible');
                 elem.html(elem.html() + ' ' + total );
             });
 
             $('#merge_pull_request_form').submit(function() {
                 if (!$('#merge_pull_request').attr('disabled')) {
                     $('#merge_pull_request').attr('disabled', 'disabled');
                 }
                 return true;
             });
 
             $('#update_pull_request').on('click', function(e){
                 updateReviewers(undefined, "rhodecode-momentum", "720");
             });
 
             $('#update_commits').on('click', function(e){
                 updateCommits("rhodecode-momentum", "720");
             });
 
         })
       </script>
 
   </div>
 </div></div>
 
 </div>
 
 
 </%def>

rhodecode/templates/debug_style/email_plain_rendered.mako

@@ -1,49 +1,48 b''
-## -*- coding: utf-8 -*-
 <%inherit file="/base/base.mako"/>
 
 <%def name="title()">
     ${_('Show notification')} ${c.rhodecode_user.username}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${h.link_to(_('My Notifications'), h.route_path('notifications_show_all'))}
     &raquo;
     ${_('Show notification')}
 </%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='admin')}
 </%def>
 
 <%def name="main()">
 <div class="box">
 
     <!-- box / title -->
     <div class="title">
         Rendered plain text using markup renderer
     </div>
     <div class="table">
       <div >
         <div class="notification-header">
           GRAVATAR
           <div class="desc">
               DESC
           </div>
         </div>
         <div class="notification-body">
         <div class="notification-subject">
             <h3>${_('Subject')}: ${c.subject}</h3>
         </div>
             ${c.email_body|n}
         </div>
       </div>
     </div>
 </div>
 
 </%def>
 
 
 

rhodecode/templates/debug_style/emails.html

@@ -1,34 +1,33 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'>
       ${self.sidebar()}
       <div class="main-content">
         <h2>Emails</h2>
         <ul>
           % for elem in sorted(c.email_types.keys()):
                <li>
                     <a href="${request.route_path('debug_style_email', email_id=elem, _query={'user':c.rhodecode_user.username, 'email': ''})}">${elem}</a>
                     |
                     <a href="${request.route_path('debug_style_email_plain_rendered', email_id=elem, _query={'user':c.rhodecode_user.username})}">plain rendered</a>
                </li>
           % endfor
         </ul>
 
       </div>  <!-- .main-content  -->
     </div>
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/form-elements-small.html

@@ -1,295 +1,294 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'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Simple form elements (Depreciated)</h2>
 
       <p>The wrapping <code>.field</code> also gets the class
          <code>.field-sm</code>.</p>
 
       <p>Buttons get additional the class <code>.btn-sm</code>.</p>
 
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability to create
                     repositories in root level. If this option is disabled admin of
                     repository group can still create repositories inside that
                     repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn btn-sm">
                 <input type="reset" value="Reset" id="example_reset" class="btn btn-sm">
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Help text in form elements</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='02_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="02_example_input" type="text" placeholder="Placeholder text">
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='02_example_checkbox'>Example checkbox with help block:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkbox" type="checkbox">
                     <label for="02_example_checkbox">Label of the checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label>Multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkboxes_01" type="checkbox">
                     <label for="02_example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_02" type="checkbox">
                     <label for="02_example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_03" type="checkbox">
                     <label for="02_example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Error messages</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='04_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="04_example_input" type="text" placeholder="Example input"/>
                   <span class="error-message">
                     If form validation fails, some input fields can show an
                     error message close to the field.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
       <h2>Fields with buttons</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span class="btn action_button btn-x">
                     <i class="icon-remove"></i>
                     delete
                   </span>
                   <span class="help-block">
                     Used if there is a list of values and the user can remove
                     single entries.
                   </span>
                 </div>
               </div>
 
 
               <div class='field field-sm'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
                         class="tooltip" id="path_unlock"
                         tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                     <div class="btn btn-default">
                       <span><i class="icon-lock" id="path_unlock_icon"></i></span>
                     </div>
                   </span>
                   <span class="help-block">
                     Used together with locked fields, the user has to first
                     unlock and afterwards it is possible to change the value.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/form-elements.html

@@ -1,619 +1,618 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'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Simple form elements (Depreciated)</h2>
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example text:</label>
                 </div>
                 <div class='input'>
                   <div class='text-as-placeholder'>
                     http://something.example.com
                     <span class="link" id="edit_clone_uri">${_('edit')}</span>
                   </div>
                   <p class='help-block'>Help text in a paragraph.</p>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     text before
                     <select id="example_select2" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     text after
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select2').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input with submenus:</label>
                 </div>
                 <div class="select">
                   <select id="example_select_sub" >
                     <option value="#">${_('Default')}</option>
                     <optgroup label="Group 1">
                       <option>Option 1.1</option>
                     </optgroup> 
                     <optgroup label="Group 2">
                       <option>Option 2.1</option>
                       <option>Option 2.2</option>
                     </optgroup>
                     <optgroup label="Group 3" disabled>
                       <option>Option 3.1</option>
                       <option>Option 3.2</option>
                       <option>Option 3.3</option>
                     </optgroup>
                   </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select_sub').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability to create
                     repositories in root level. If this option is disabled admin of
                     repository group can still create repositories inside that
                     repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Help text in form elements</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='02_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="02_example_input" type="text" placeholder="Placeholder text">
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
 
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select_help'>Example select input:</label>
                 </div>
                 <div class="select">
                   <select id="example_select_help" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')}</option>
                   </select>
                   <span class="help-block">
                     Example help text for this input element. This help text
                     will be shown under the input element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select_help').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='02_example_checkbox'>Example checkbox with help block:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkbox" type="checkbox">
                     <label for="02_example_checkbox">Label of the checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label>Multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="02_example_checkboxes_01" type="checkbox">
                     <label for="02_example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_02" type="checkbox">
                     <label for="02_example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="02_example_checkboxes_03" type="checkbox">
                     <label for="02_example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                   <span class="help-block">
                     Example help text for this checkbox element. This help text
                     will be shown under the checkbox element itself. It can be
                     so long that it will span multiple lines.
                   </span>
                 </div>
               </div>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Error messages</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='04_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="04_example_input" type="text" placeholder="Example input"/>
                   <span class="error-message">
                     If form validation fails, some input fields can show an
                     error message close to the field.
                   </span>
                 </div>
               </div>
 
             </div>
           </div>
         </form>
       </div>
 
 
 
 
       <h2>Fields with buttons</h2>
 
       <div class="bs-example">
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span class="btn btn-x">
                     <i class="icon-remove"></i>
                     delete
                   </span>
                   <button class='btn btn-primary'>Action</button>
                   <span class="help-block">
                     Used if there is a list of values and the user can remove
                     single entries.
                   </span>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="05_example_input" type="text" readonly="readonly" placeholder="Example input">
                   <span title="Click to unlock. You must restart RhodeCode in order to make this setting take effect."
                         class="tooltip" id="path_unlock"
                         tt_title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                     <div class="btn btn-default">
                       <span><i class="icon-lock" id="path_unlock_icon"></i></span>
                     </div>
                     <button class='btn btn-primary'>Action</button>
                   </span>
                   <span class="help-block">
                     Used together with locked fields, the user has to first
                     unlock and afterwards it is possible to change the value.
                   </span>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_select'>Example input label:</label>
                 </div>
                 <div class="select">
                     <select id="05_example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     <button class='btn btn-primary'>Action</button>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#05_example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='05_example_select2'>Example input label:</label>
                 </div>
                 <div class="select">
                     <span>Some text</span>
                     before
                     <select id="05_example_select2" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                     after
                     <button class='btn btn-primary'>Action</button>
                     Some text
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#05_example_select2').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true
                   });
               });
               </script>
 
 
             </div>
           </div>
         </form>
       </div>
 
 
 
       <h2>Definition lists together with forms</h2>
 
       <p>Some pages list values in a definition list. These lists align
          properly with form elements on the same page.</p>
 
       <div class="bs-example">
 
         <dl class="dl-horizontal">
           <dt>RhodeCode version:</dt>
           <dd title="">3.0.0</dd>
           <dt>License token:</dt>
           <dd title=""><pre>abra-cada-bra1-rce3</pre></dd>
           <dt>License issued to:</dt>
           <dd title="">RhodeCode Trial (RhodeCode GmbH)</dd>
           <dt>License issued on:</dt>
           <dd title="">Sun, 07 Dec 2014 16:34:10</dd>
           <dt>License expires on:</dt>
           <dd title="">Fri, 05 Jun 2015 17:34:10</dd>
           <dt>License type:</dt>
           <dd title="">trial</dd>
           <dt>License users limit:</dt>
           <dd title="">20</dd>
         </dl>
 
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='07_example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="07_example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="07_example_save" class="btn">
                 <input type="reset" value="Reset" id="07_example_reset" class="btn">
               </div>
             </div>
           </div>
         </form>
 
       </div>
 
 
 
 
 
       <h2>Multi select widget</h2>
       
       <p>This example shows two multi select widgets, one having no selects
          currently. It is mixed up with other form elements to show the
          magin effects.</p>
 
       <div class="bs-example">
 
         <form method='post' action=''>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="field">
                   <div class="label">
                       <label for="users_group_active">${_('Members')}:</label>
                   </div>
                   <div class="select side-by-side-selector">
                       <div class="left-group">
                           <label class="text" >${_('Chosen group members')}</label>
                           <select id="users_group_members" multiple size='8'>
                               <option value="#">${_('Templates...')}</option>
                               <option value="ga">Google Analytics</option>
                               <option value="clicky">Clicky</option>
                               <option value="server_announce">${_('Server Announcement')}</option>
                               <option value="#">${_('Templates...')}</option>
                               <option value="ga">Google Analytics</option>
                               <option value="clicky">Clicky</option>
                               <option value="server_announce">${_('Server Announcement')}</option>
                           </select>
                          <div class="btn" id="remove_all_elements" >
                              ${_('Remove all elements')}
                              <i  class="icon-chevron-right"></i>
                          </div>
                       </div>
                       <div class="middle-group">
                           <i  id="add_element" class="icon-chevron-left"></i>
                           <br />
                           <i  id="remove_element" class="icon-chevron-right"></i>
                       </div>
                       <div class="right-group">
                            <label class="text" >${_('Available members')}</label>
                             <select id="available_members" multiple size='8'>
                                 <option value="#">${_('Templates...')}</option>
                                 <option value="ga">Google Analytics</option>
                                 <option value="clicky">Clicky</option>
                                 <option value="server_announce">${_('Server Announcement')}</option>
                             </select>
                            <div  class="btn" id="add_all_elements" >
                                <i  class="icon-chevron-left"></i>${_('Add all elements')}
                            </div>
                       </div>
                   </div>
 
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="field">
                   <div class="label">
                       <label for="users_group_active2">Members with one side empty:</label>
                   </div>
                   <div class="select side-by-side-selector">
                       <div class="left-group">
                           <label class="text" >${_('Chosen group members')}</label>
                           <select id="users_group_members2" multiple size='8'>
                           </select>
                          <div class="btn" id="remove_all_elements2" >
                              ${_('Remove all elements')}
                              <i  class="icon-chevron-right"></i>
                          </div>
                       </div>
                       <div class="middle-group">
                           <i  id="add_element2" class="icon-chevron-left"></i>
                           <br />
                           <i  id="remove_element2" class="icon-chevron-right"></i>
                       </div>
                       <div class="right-group">
                            <label class="text" >${_('Available members')}</label>
                             <select id="available_members2" multiple size='8'>
                                 <option value="#">${_('Templates...')}</option>
                                 <option value="ga">Google Analytics</option>
                                 <option value="clicky">Clicky</option>
                                 <option value="server_announce">${_('Server Announcement')}</option>
                             </select>
                            <div  class="btn" id="add_all_elements2" >
                                <i  class="icon-chevron-left"></i>${_('Add all elements')}
                            </div>
                       </div>
                   </div>
 
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="07_example_save" class="btn">
                 <input type="reset" value="Reset" id="07_example_reset" class="btn">
               </div>
             </div>
           </div>
         </form>
 
       </div>
 
 
 
 
       </div>
     </div>  <!-- .main-content  --> 
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/form-inline.html

@@ -1,174 +1,173 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'>
     ${self.sidebar()}
 
     <div class="main-content">
 
 
     <h2>Inline form elements</h2>
 
     <p>A few places have a button close to an input element or similar.</p>
 
 
     <h3>Submit button after select element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
           <div class="fields">
             <select id="example_select" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
             <input type="submit" value="Set" id="example_save" class="btn">
           </div>
 
           <script>
           $(document).ready(function() {
               $('#example_select').select2({
                   containerCssClass: 'drop-menu',
                   dropdownCssClass: 'drop-menu-dropdown',
                   dropdownAutoWidth: true,
                   minimumResultsForSearch: -1
               });
           });
           </script>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Submit button after input element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
 
           <div class="fields">
             <input type="text" id="example_input" placeholder="Placeholder...">
             <input type="submit" value="Set" id="example_save" class="btn">
           </div>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Submit and Reset button after input element</h3>
 
     <div class="bs-example">
 
       ## TODO: johbo: not sure if we should add a class like .form-inline
       ## here. Seems to work good enough right now.
       <form method="post" action="">
         <div class="form">
 
           <div class="fields">
             <input type="text" id="example_input" placeholder="Placeholder...">
             <input type="submit" value="Set" id="example_save" class="btn">
             <input type="reset" value="Reset" id="example_reset" class="btn">
           </div>
 
          </div>
       </form>
 
     </div>
 
 
 
     <h3>Checkbox wrapped in the label itself</h3>
 
     <div class="bs-example">
 
       <div class="field">
         <label><input id="example_label_checkbox" type="checkbox">Checkbox with label around it</label>
       </div>
 
       <div class="field">
         <label><input id="example_label_checkbox" type="radio">Radio with label around it</label>
       </div>
 
     </div>
 
 
     <h3>Checkbox wrapped in the label itself</h3>
 
     <div class="bs-example">
 
       <div class="form">
         <div class="fields">
           <label>Label</label> <input type="text">
         </div>
       </div>
     </div>
 
 
     <div class="bs-example">
       <div class="form">
         <div class="fields">
             <label>Label</label>
             <select id="02_example_select1" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
 
             <label>Label</label>
             <select id="02_example_select2" >
                 <option value="#">${_('Templates...')}</option>
                 <option value="ga">Google Analytics</option>
                 <option value="clicky">Clicky</option>
                 <option value="server_announce">${_('Server Announcement')}</option>
             </select>
         </div>
       </div>
 
       <script>
       $(document).ready(function() {
           $('#02_example_select1').select2({
               containerCssClass: 'drop-menu',
               dropdownCssClass: 'drop-menu-dropdown',
               dropdownAutoWidth: true,
               minimumResultsForSearch: -1
           });
           $('#02_example_select2').select2({
               containerCssClass: 'drop-menu',
               dropdownCssClass: 'drop-menu-dropdown',
               dropdownAutoWidth: true,
               minimumResultsForSearch: -1
           });
       });
       </script>
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/form-vertical.html

@@ -1,144 +1,143 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>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Vertical forms</h2>
 
       <p>Adding the class <code>.form-vertical</code> will align the form
          elements differently. Otherwise it is the same structure of HTML
          elements.</p>
 
       <h2>Simple form elements</h2>
 
       <div class="bs-example">
         <form method='post' action='none'>
           <div class='form form-vertical'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input_ro'>Example input readonly:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input_ro" type="text" readonly="readonly" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkboxes_01" type="checkbox">
                     <label for="example_checkboxes_01">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_02" type="checkbox">
                     <label for="example_checkboxes_02">Label of the first checkbox</label>
                   </div>
                   <div class="checkbox">
                     <input id="example_checkboxes_03" type="checkbox">
                     <label for="example_checkboxes_03">Label of the first checkbox</label>
                   </div>
                 </div>
               </div>
 
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple checkboxes:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability
                     to create repositories in root level. If this option is
                     disabled admin of repository group can still create
                     repositories inside that repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
 
       </div>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/forms.html

@@ -1,273 +1,272 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'>
     ${self.sidebar()}
 
       <div class="main-content">
 
         <h2>Simple form elements</h2>
         <p>When working with forms, please upgrade to this new form layout. See the depreciated forms pages for the previous layout.</p>
         <p>These forms are marked by the class <code>rcform</code>. See html for details on formatting. 
         </p>
         <p>Some other notes: The customized checkboxes and radio buttons use the label for styling. This has been disabled for lower versions of IE using the <code>:not()</code> selector. Select2 dropdowns need to be redone, but this may be in a later iteration.
         </p>
 
         <h2>Examples</h2>
 
           <form method='post' action='none' class="rcform">
 
             <fieldset>
               <legend>Dropdown:</legend>
               <div class="fields">
                 <select id="example_select" >
                     <option value="#">${_('Templates...')}</option>
                     <option value="ga">Google Analytics</option>
                     <option value="clicky">Clicky</option>
                     <option value="server_announce">${_('Server Announcement')}</ option>
                 </select>
                 <script>
                   $(document).ready(function() {
                       $('#example_select').select2({
                           containerCssClass: 'drop-menu',
                           dropdownCssClass: 'drop-menu-dropdown',
                           dropdownAutoWidth: true,
                           minimumResultsForSearch: -1
                       });
                   });
                 </script>
               </fields>
             </fieldset>
 
             <fieldset>
               <legend>Multiple Dropdowns in a list:</legend>
               <ul class="fields formlist">
                 <li>
                   <select id="example_select3" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select3').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
                 <li>
                   <select id="example_select4" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select4').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
                 <li>
                   <select id="example_select5" >
                       <option value="#">${_('Templates...')}</option>
                       <option value="ga">Google Analytics</option>
                       <option value="clicky">Clicky</option>
                       <option value="server_announce">${_('Server Announcement')} </ option>
                   </select>
                   <script>
                     $(document).ready(function() {
                         $('#example_select5').select2({
                             containerCssClass: 'drop-menu',
                             dropdownCssClass: 'drop-menu-dropdown',
                             dropdownAutoWidth: true,
                             minimumResultsForSearch: -1
                         });
                     });
                   </script>
                 </li>
               </ul>
             </fieldset>
 
             <fieldset>
               <legend>Dropdown with checkbox:</legend>
               <div class="fields">
                 <select id="example_select2" >
                   <option value="#">${_('Some text...')}</option>
                   <option value="ga">A really long thing</option>
                   <option value="clicky">Repo Name</option>
                   <option value="server_announce">${_('Variable Item')}</option>
                 </select>
                 <input type="checkbox" name="size" id="size_1" value="small"/>
                 <label for="size_1">Checkbox for something</label>\
                 <span class="label">Checkbox for something</span>
                 <span class="help-block">
                   Note: There is a very specific selector which centers the checkbox on the dropdown;
                   it requires that the script NOT be between the two.
                 </span>
               </div>
                 <script>
                   $(document).ready(function() {
                       $('#example_select2').select2({
                           containerCssClass: 'drop-menu',
                           dropdownCssClass: 'drop-menu-dropdown',
                           dropdownAutoWidth: true,
                           minimumResultsForSearch: -1
                       });
                   });
                 </script>
             </fieldset>
 
             <fieldset>
               <legend>Radio Buttons:</legend>
               <div class="fields">
                 <input type="radio" name="size" id="size_2" value="small"/>
                 <label for="size_2">Radio one</label>
                 <span class="label">Radio Button One</span>
                 <input type="radio" name="size" id="size_3" value="small"/>
                 <label for="size_3">Radio two</label>
                 <span class="label">Radio Button Two</span>
                 <input type="radio" checked name="size" id="size_4" value="small"/>
                 <label for="size_4">Radio three</label>
                 <span class="label">Radio Button Three</span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Checkboxes with help text:</legend>
               <div class="fields">
                 <input type="checkbox" name="size" id="size_5" value="small"/>
                 <label for="size_5">Checkbox one</label>
                 <span class="label">Checkbox One</span>
                 <input type="checkbox" checked name="size" id="size_6" value="small"/>
                 <label for="size_6">Checkbox two</label>
                 <span class="label">Checkbox Two</span>
                 <input type="checkbox" checked name="size" id="size_7" value="small"/>
                 <label for="size_7">Checkbox three</label>
                 <span class="label">Checkbox Three</span>
                 <span class="help-block">
                   Help text can be put wherever needed. Inside of .fields, it is confined to the width of the input sections.
                 </span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Checkboxes as a list:</legend>
                 <div class="fields">
                   <ul class="formlist">
                     <li>
                       <input type="checkbox" name="size" id="size_8" value="small "/>
                       <label for="size_8">Checkbox one</label>
                       <span class="label">Checkbox One</span>
                     </li>
                     <li>
                       <input type="checkbox" checked name="size" id="size_9"  value="    small"/>
                       <label for="size_9">Checkbox two</label>
                       <span class="label">Checkbox Two</span>
                     </li>
                     <li>
                       <input type="checkbox" checked name="size" id="size_10"   value="    small"/>
                       <label for="size_10">Checkbox three</label>
                       <span class="label">Checkbox Three</span>
                     </li>
                 </ul>
                 <span class="help-block">
                   In some instances, you may wish for dropdowns, checkboxes, or radio buttons to be in a list rather than inline. This is achieved using .formlist.
                 </span>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Text Input:</legend>
               <div class="fields">
                 <input id="example_input" type="text" placeholder="Example input">
                 <input id="example_input" type="text" placeholder="Example input">
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Textarea:</legend>
               <div class="fields">
                 <textarea placeholder="This is a textarea."></textarea>
               </div>
             </fieldset>
 
             <fieldset>
               <legend>Some Inputs with a button:</legend>
               <div class="fields">
                 <input class="disabled" id="paths_root_path" name="paths_root_path" readonly="readonly" size="59" type="text" value="Disabled input">
                 <span id="path_unlock" class="tooltip" title="Click to unlock. You must restart RhodeCode in order to make this setting take effect.">
                   <div class="btn btn-default">
                       <span><i id="path_unlock_icon" class="icon-lock"></i></span>
                   </div>
                 </span>
                 <input id="paths_root_path" name="paths_root_path" size="59" type="text" placeholder="Input">
                 <span class="btn btn-x" onclick="ajaxDeletePattern(11,'id11')">
                   Delete
                 </span>
               </div>
             </fieldset>
   
             <fieldset class="select side-by-side-selector">
                   <div class="left-group">
                       <label class="text" >${_('Chosen group members')}</label>
                       <select id="users_group_members2" multiple size='8'>
                       </select>
                      <div class="btn" id="remove_all_elements2" >
                          ${_('Remove all elements')}
                          <i class="icon-chevron-right"></i>
                      </div>
                   </div>
                   <div class="middle-group">
                       <i id="add_element2" class="icon-chevron-left"></i>
                       <br />
                       <i id="remove_element2" class="icon-chevron-right"></i>
                   </div>
                   <div class="right-group">
                        <label class="text" >${_('Available members')}</label>
                         <select id="available_members2" multiple size='8'>
                             <option value="#">${_('Some example text...')}</option>
                             <option value="ga">A really long thing</option>
                             <option value="clicky">Repo Name</option>
                             <option value="server_announce">${_('Variable Item')}</option>
                         </select>
                        <div class="btn" id="add_all_elements2" >
                            <i class="icon-chevron-left"></i>${_('Add all elements')}
                        </div>
                   </div>
               </fieldset>
   
           <div class="buttons">
             <input type="submit" value="Save" id="example_save" class="btn">
             <input type="reset" value="Reset" id="example_reset" class="btn">
           </div>
   
           </form>
 
       </div>  <!-- .main-content  --> 
     </div>  <!-- .sidebar-col-wrappe  --> 
 </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/icons.html

@@ -1,90 +1,89 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'>
         ${self.sidebar()}
 
         <div class="main-content">
 
             <h2>Gravatars</h2>
 
             <p>Usernames are always centered on an avatar to the left. 
                 Avatars are 16px square.
                 For user settings/login, some exceptions may use a larger avatar.
                 Use base.gravatar for a gravatar only, and base.gravatar_with_user
                 for a gravatar with a username.
                 Use the format below:
             </p>
             <div class="bs-example template-example">
                 <div class="gravatar_with_user">
                     <img class="gravatar" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=16">
                     <span title="Lolek Santos <[e-mail]>" class="user">Lolek</span>
                 </div>
             </div>
             <div class="bs-example template-example">
 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 16)}</xmp>
             </div>
             <div class="bs-example template-example">
                 <div class="gravatar_with_user">
                     <img class="gravatar gravatar-large" alt="gravatar" src="https://secure.gravatar.com/avatar/72706ebd30734451af9ff3fb59f05ff1?d=identicon&amp;s=30">
                     <span title="Lolek Santos <[e-mail]>" class="user">Lolek</span>
                 </div>
             </div>
             <div class="bs-example template-example">
 <xmp>$</xmp><xmp>{base.gravatar_with_user(c.rhodecode_user.email, 30)}</xmp>
             </div>
             <p class="help-block">Note: Actual template variables may be different.</p>
 
             <h2>Icon List</h2>
 
 
             <table id="icons-list">
                 <%
                 import os
                 import string
                 with open(os.path.abspath('./rhodecode/public/css/rcicons.less')) as f:
                     source = f.read()
                     start = source.find('// -- ICON CLASSES -- //')
                     end = source.find('// -- END ICON CLASSES -- //')
                     source = source[start:end]
 
                 ico_data = []
                 for line in source.splitlines():
                     line = line.split(':before')
                     line = map(string.strip, line)
                     if len(line) in [2, 3]:
                         if len(line) == 2:
                             ico_cls, ico_code = line
                         else:
                             ico_cls, ico_code, rest = line
 
                         ico_code = ico_code[:ico_code.find('/*')]
                         ico_data.append([ico_cls, ico_code])
 
                 %>
                 % for ico_cls, ico_code in ico_data:
                 <tr class="row">
                     <td title="Code: ${ico_code}" class="the-icons span3"><i class="${ico_cls[1:]}"></i><td/>
                     <td><span class="i-name">${ico_cls}</span></td>
                     <td><span class="i-code">${ico_code}</span></td>
                 </tr>
                 % endfor
 
             </table>
         </div>
       </div>
     </div>
 </%def>
  No newline at end of file

rhodecode/templates/debug_style/index.html

@@ -1,80 +1,79 b''
-## -*- coding: utf-8 -*-
 <%inherit file="/base/base.mako"/>
 
 <%def name="title()">
     ${_('Debug Style')}
     %if c.rhodecode_name:
         &middot; ${h.branding(c.rhodecode_name)}
     %endif
 </%def>
 
 <%def name="breadcrumbs_links()">
     ${_('Style')}
 </%def>
 
 <%def name="menu_bar_nav()">
     ${self.menu_items(active='debug_style')}
 </%def>
 
 
 <%def name="main()">
   <div id="style-page">
       ${self.real_main()}
   </div>
 </%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">
           <h2>Examples of styled elements</h2>
           <p>Taken based on the examples from Bootstrap, form elements based
              on our current markup.</p>
           <p>
             The objective of this section is to have a comprehensive style guide which out
             lines any and all elements used throughout the application, as a reference for 
             both existing developers and as a training tool for future hires.
           </p>
       </div>
     </div>
 </div>
 </%def>
 
 
 <%def name="sidebar()">
     <div class="sidebar">
       <ul class="nav nav-pills nav-stacked">
           <li class="${'active' if c.active=='index' else ''}"><a href="${h.route_path('debug_style_home')}">${_('Index')}</a></li>
           <li class="${'active' if c.active=='emails' else ''}"><a href="${h.route_path('debug_style_template', t_path='emails.html')}">${_('Emails')}</a></li>
           <li class="${'active' if c.active=='typography' else ''}"><a href="${h.route_path('debug_style_template', t_path='typography.html')}">${_('Typography')}</a></li>
           <li class="${'active' if c.active=='forms' else ''}"><a href="${h.route_path('debug_style_template', t_path='forms.html')}">${_('Forms')}</a></li>
           <li class="${'active' if c.active=='buttons' else ''}"><a href="${h.route_path('debug_style_template', t_path='buttons.html')}">${_('Buttons')}</a></li>
           <li class="${'active' if c.active=='labels' else ''}"><a href="${h.route_path('debug_style_template', t_path='labels.html')}">${_('Labels')}</a></li>
           <li class="${'active' if c.active=='alerts' else ''}"><a href="${h.route_path('debug_style_template', t_path='alerts.html')}">${_('Alerts')}</a></li>
           <li class="${'active' if c.active=='tables' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables.html')}">${_('Tables')}</a></li>
           <li class="${'active' if c.active=='tables-wide' else ''}"><a href="${h.route_path('debug_style_template', t_path='tables-wide.html')}">${_('Tables wide')}</a></li>
           <li class="${'active' if c.active=='collapsable-content' else ''}"><a href="${h.route_path('debug_style_template', t_path='collapsable-content.html')}">${_('Collapsable Content')}</a></li>
           <li class="${'active' if c.active=='icons' else ''}"><a href="${h.route_path('debug_style_template', t_path='icons.html')}">${_('Icons')}</a></li>
           <li class="${'active' if c.active=='layout-form-sidebar' else ''}"><a href="${h.route_path('debug_style_template', t_path='layout-form-sidebar.html')}">${_('Layout form with sidebar')}</a></li>
           <li class="${'active' if c.active=='login' else ''}"><a href="${h.route_path('debug_style_template', t_path='login.html')}">${_('Login')}</a></li>
           <li class="${'active' if c.active=='login2' else ''}"><a href="${h.route_path('debug_style_template', t_path='login2.html')}">${_('Login 2')}</a></li>
           <li class="${'active' if c.active=='code-block' else ''}"><a href="${h.route_path('debug_style_template', t_path='code-block.html')}">${_('Code blocks')}</a></li>
 
           <li class="divider"><strong>Experimental</strong></li>
           <li class="${'active' if c.active=='panels' else ''}"><a href="${h.route_path('debug_style_template', t_path='panels.html')}">${_('Panels')}</a></li>
 
           <li class="divider"><strong>Depreciated</strong></li>
           <li class="${'active' if c.active=='form-elements' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements.html')}">${_('Form elements')}</a></li>
           <li class="${'active' if c.active=='form-elements-small' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-elements-small.html')}">${_('Form elements small')}</a></li>
           <li class="${'active' if c.active=='form-inline' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-inline.html')}">${_('Form inline elements')}</a></li>
           <li class="${'active' if c.active=='form-vertical' else ''}"><a href="${h.route_path('debug_style_template', t_path='form-vertical.html')}">${_('Form vertical')}</a></li>
         </ul>
     </div>
 </%def>
  No newline at end of file

rhodecode/templates/debug_style/labels.html

@@ -1,64 +1,63 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'>
 
       ${self.sidebar()}
 
       <div class="main-content">
         <h2>Labels</h2>
   
         <h3>Labels used for tags, branches and bookmarks</h3>
   
         <div class="bs-example">
           <ul class="metatag-list">
             <li>
               <span class="tagtag tag" title="Tag tip">
                 <a href="/fake-link"><i class="icon-tag"></i>tip</a>
               </span>
             </li>
             <li>
               <span class="branchtag tag" title="Branch default">
                <a href="/fake-link"><i class="icon-code-fork"></i>default</a>
               </span>
             </li>
             <li>
               <span class="bookmarktag tag" title="Bookmark example">
                <a href="/fake-link"><i class="icon-bookmark"></i>example</a>
               </span>
             </li>
           </ul>
 
         </div>
 
         <h3>Labels used in tables</h3>
         <div class="bs-example">
           <ul class="metatag-list">
               <li>[default] <span class="metatag" tag="default">default</span></li>
               <li>[featured] <span class="metatag" tag="featured">featured</span></li>
               <li>[stale] <span class="metatag" tag="stale">stale</span></li>
               <li>[dead] <span class="metatag" tag="dead">dead</span></li>
               <li>[lang =&gt; lang] <span class="metatag" tag="lang">lang</span></li>
               <li>[license =&gt; License] <span class="metatag" tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>
               <li>[requires =&gt; Repo] <span class="metatag" tag="requires">requires =&gt; <a href="#">Repo</a></span></li>
               <li>[recommends =&gt; Repo] <span class="metatag" tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>
               <li>[see =&gt; URI] <span class="metatag" tag="see">see =&gt; <a href="#">URI</a></span></li>
           </ul>
         </div>
       </div>  <!-- .main-content  -->
     </div>
   </div> <!-- .box -->
 </%def>

rhodecode/templates/debug_style/layout-form-sidebar.html

@@ -1,106 +1,105 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'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Headline comes as a h2 element</h2>
 
 
         <form method='post' action='none'>
           <div class='form'>
             <div class='fields'>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_input'>Example input label:</label>
                 </div>
                 <div class='input'>
                   <input id="example_input" type="text" placeholder="Example input">
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_select'>Example select input:</label>
                 </div>
                 <div class="select">
                     <select id="example_select" >
                         <option value="#">${_('Templates...')}</option>
                         <option value="ga">Google Analytics</option>
                         <option value="clicky">Clicky</option>
                         <option value="server_announce">${_('Server Announcement')}</option>
                     </select>
                 </div>
               </div>
               <script>
               $(document).ready(function() {
                   $('#example_select').select2({
                       containerCssClass: 'drop-menu',
                       dropdownCssClass: 'drop-menu-dropdown',
                       dropdownAutoWidth: true,
                       minimumResultsForSearch: -1
                   });
               });
               </script>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkbox'>Example checkbox:</label>
                 </div>
                 <div class="checkboxes">
                   <div class="checkbox">
                     <input id="example_checkbox" type="checkbox">
                     <label for="example_checkbox">Label of the checkbox</label>
                   </div>
                 </div>
               </div>
 
               <div class='field'>
                 <div class='label'>
                   <label for='example_checkboxes'>Example multiple radios:</label>
                 </div>
                 ## TODO: johbo: This is off compared to the checkboxes
                 <div class="radios">
                   <label><input type="radio" checked="checked" value="hg.create.repository" name="default_repo_create" id="default_repo_create_hgcreaterepository">Enabled</label>
                   <label><input type="radio" value="hg.create.none" name="default_repo_create" id="default_repo_create_hgcreatenone">Disabled</label>
                   <span class="help-block">
                     Permission to allow repository creation. This includes ability
                     to create repositories in root level. If this option is disabled
                     admin of repository group can still create repositories
                     inside that repository group.
                   </span>
                 </div>
               </div>
 
               <div class="buttons">
                 <input type="submit" value="Save" id="example_save" class="btn">
                 <input type="reset" value="Reset" id="example_reset" class="btn">
               </div>
 
             </div>
           </div>
         </form>
 
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/login.html

@@ -1,74 +1,72 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>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
       <div class="main-content">
 
 
         <div class="bs-example pull-left">
 
           <div id="quick_login">
             <h4>${_('Sign in to your account')}</h4>
 
             ${h.form(h.route_path('login'), needs_csrf_token=False)}
             <div class="form form-vertical">
                 <div class="fields">
 
                     <div class="field">
                         <div class="label">
                             <label for="username">${_('Username')}:</label>
                         </div>
                         <div class="input">
                             ${h.text('username',class_='focus',tabindex=1)}
                         </div>
                     </div>
 
                     <div class="field">
                         <div class="label">
                             <label for="password">${_('Password')}:</label>
                             <span class="forgot_password">${h.link_to(_('(Forgot password?)'),h.route_path('reset_password'))}</span>
                         </div>
                         <div class="input">
                             ${h.password('password',class_='focus',tabindex=2)}
                         </div>
                     </div>
 
                     <div class="buttons">
                         <div class="register">
                         %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():
                          ${h.link_to(_("Don't have an account ?"),h.route_path('register'))}
                         %endif
                         </div>
                         <div class="submit">
                             ${h.submit('sign_in',_('Sign In'),class_="btn btn-small",tabindex=3)}
                         </div>
                     </div>
 
                 </div>
             </div>
             ${h.end_form()}
           </div>
 
         </div>
       </div>
     </div>
   </div>
 
 </%def>

rhodecode/templates/debug_style/login2.html

@@ -1,9 +1,8 b''
-## -*- coding: utf-8 -*-
 
 <%
     # Tweaks needed to simulate things
     c.came_from = ""
 %>
 
 ## Include the original file here for easy operation
 <%include file="/login.mako" />

rhodecode/templates/debug_style/panels.html

@@ -1,152 +1,151 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'>
         ${self.sidebar()}
 
         <div class="main-content">
 
             <h2>Panels</h2>
 
             <p>
               Panels are based on
               <a href="http://getbootstrap.com/components/#panels">
                 Bootstrap panels</a>, with custom styles added.</p>
             <p>
                 Examples how to use it:
             </p>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                 </div>
                 <div class="panel-body">
                     Panel with a plain <code>.panel-heading</code>
                     and <code>.panel-footer</code>.
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                 </div>
                 <div class="panel-body">
                   Footers are optional.
                 </div>
             </div>
 
             <div class="panel panel-default">
               <div class="panel-heading">
                 <div class="panel-title">
                   Panel title
                 </div>
               </div>
                 <div class="panel-body">
                     A <code>div.panel-title</code>
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
               <div class="panel-heading">
                 <h3 class="panel-title">
                   Panel title
                 </h3>
               </div>
                 <div class="panel-body">
                     A <code>h3.panel-title</code>
                 </div>
                 <div class="panel-footer">
                     Panel footer
                 </div>
             </div>
 
             <div class="panel panel-default">
                 <div class="panel-heading">
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                     Panel title
                 </div>
                 <div class="panel-body">
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                     Content, title and footer can be of arbritary length.
                 </div>
                 <div class="panel-footer">
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                     Panel footer
                 </div>
             </div>
             <p>
                 Use the HTML format below:
             </p>
             <div class="bs-example template-example">
 <xmp><div class="panel panel-default">
     <div class="panel-heading">
         <h3 class="panel-title">Panel title</h3>
     </div>
     <div class="panel-body">
         Panel content
     </div>
     <div class="panel-footer">
         Panel footer
     </div>
 </div></xmp>
             </div>
 
         </div>
       </div>
     </div>
 </%def>

rhodecode/templates/debug_style/tables-wide.html

@@ -1,127 +1,126 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>
 
     ##main
     <div class='sidebar-col-wrapper'>
     ${self.sidebar()}
 
     <div class="main-content">
 
       <h2>Too wide tables handling</h2>
 
 
 
 <table class="issuetracker">
     <tbody><tr>
         <th>Description</th>
         <th>Pattern</th>
         <th>Url</th>
         <th>Prefix</th>
         <th></th>
     </tr>
     <tr>
         <td class="issue-tracker-example">Example</td>
         <td class="issue-tracker-example">(?:#)(?P&lt;issue_id&gt;\d+)</td>
         <td class="issue-tracker-example">https://myissueserver.com/repo/issue/issue_id</td>
         <td class="issue-tracker-example">#</td>
         <td class="issue-tracker-example"><a target="_blank" href="https://rhodecode.com/docs">Read more</a></td>
     </tr>
       <tr id="4980baa2985b361e6e91b932f4a897d5">
           <td class="issuetracker_desc">kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj</td>
           <td class="issuetracker_pat">lkjhlkjhlkjhaslkdjfhalkdjsfhalksjdhf</td>
           <td class="issuetracker_url">alsdkjhfalskjdfhalskjdhf</td>
           <td class="issuetracker_pref">alskdjhfalksjdhfalksjdhf</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="4980baa2985b361e6e91b932f4a897d5" title="edit" href="#">
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="4980baa2985b361e6e91b932f4a897d5" name="del_uid" id="del_uid">
                     <i class="icon-remove"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kjlakjlkjlkj;lkjl;kjl;kjl;kjl;kj;lkj');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
       <tr id="98ac51a4ab43bb36a4feceed15ac5b21">
           <td class="issuetracker_desc">kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf</td>
           <td class="issuetracker_pat">lksjdlfkjsldkfjsldkfjlskdjflskjdlfksjdlfksjdlfjslkdfjslkdjf</td>
           <td class="issuetracker_url">lksdjflskdjflskjdf</td>
           <td class="issuetracker_pref">sdlfkjsldkfjslkdjf</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="98ac51a4ab43bb36a4feceed15ac5b21" title="edit" href="#">
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="98ac51a4ab43bb36a4feceed15ac5b21" name="del_uid" id="del_uid">
                     <i class="icon-remove"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: kajls;kdjfal;skdjflaskdjflksjdlfksjdlfksjdlfkjsldkfjslkdjflskdjflkdsjf');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
       <tr id="098f6bcd4621d373cade4e832627b4f6">
           <td class="issuetracker_desc">test</td>
           <td class="issuetracker_pat">test</td>
           <td class="issuetracker_url">test</td>
           <td class="issuetracker_pref">test</td>
           <td>
              <div class="grid_edit">
                <a class="edit_issuetracker_entry" uid="098f6bcd4621d373cade4e832627b4f6" title="edit" href="#">
                    <input type="submit" value="edit" class="btn btn-link">
                </a>
              </div>
 
              <div class="grid_delete">
                 <form method="post" action="/_admin/settings/issue-tracker/delete"><div style="display:none">
 <input type="hidden" value="delete" name="_method">
 </div>
 
 <div style="display: none;"><input type="hidden" value="05adf5bfb9be3766186f25db19b545134c6b0077" name="csrf_token" id="csrf_token"></div>
                     <input type="hidden" value="098f6bcd4621d373cade4e832627b4f6" name="del_uid" id="del_uid">
                     <i class="icon-remove"></i>
                     <input type="submit" value="delete" onclick="return confirm('Confirm to remove this pattern: test');" id="remove_user_3" class="btn btn-link btn-danger">
                 </form>
              </div>
 
           </td>
       </tr>
 </tbody></table>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/tables.html

@@ -1,546 +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">
                     Edit
                 </a>
               </div>
               <div class="grid_delete">
               <form action="/_admin/users/2" method="post">
                 <i class="icon-remove"></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="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-pr-merge-fail"></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 user/user group
       </div>
 
 
 
     </div>
   </div>
 </div>
 </%def>

rhodecode/templates/debug_style/typography.html

@@ -1,507 +1,506 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>
 
 ##main
 <div class='sidebar-col-wrapper'>
 ${self.sidebar()}
 
   <div class="main-content">
 
     <div class="bs-docs-section">
       <h1 id="type" class="page-header">Typography</h1>
     
       <!-- Headings -->
       <h2 id="type-headings">Headings</h2>
       <p>All HTML headings, <code>&lt;h1&gt;</code> through <code>&lt;h6&gt;</code>, are available. <code>.h1</code> through <code>.h6</code> classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
       </p>
       <p>All headings have no top/side margins and a bottom margin which corresponds to variable <code>@textmargin</code>, a color corresponding to <code>@text-color</code>, and a line-height of 1.8em.
       <div class="bs-example bs-example-type" data-example-id="simple-headings">
         <table class="table">
           <tbody>
             <tr>
               <td><h1>h1. RhodeCode heading</h1></td>
               <td class="type-info">Bold</td>
               <td class="type-info">1.54em</td>
             </tr>
             <tr>
               <td><h2>h2. RhodeCode heading</h2></td>
               <td class="type-info">Semi-Bold</td>
               <td class="type-info">1.23em</td>
             </tr>
             <tr>
               <td><h3>h3. RhodeCode heading</h3></td>
               <td class="type-info">Regular</td>
               <td class="type-info">1.23em</td>
             </tr>
             <tr>
               <td><h4>h4. RhodeCode heading</h4></td>
               <td class="type-info">Bold</td>
               <td class="type-info">1em</td>
             </tr>
             <tr>
               <td><h5>h5. RhodeCode heading</h5></td>
               <td class="type-info">Bold Italic</td>
               <td class="type-info">1em</td>
             </tr>
             <tr>
               <td><h6>h6. RhodeCode heading</h6></td>
               <td class="type-info">Bold Italic</td>
               <td class="type-info">1em</td>
             </tr>
           </tbody>
         </table>
       </div>
     <div class="highlight-html"><xmp>
     <h1>h1. RhodeCode heading</h1>
     <h2>h2. RhodeCode heading</h2>
     <h3>h3. RhodeCode heading</h3>
     <h4>h4. RhodeCode heading</h4>
     <h5>h5. RhodeCode heading</h5>
     <h6>h6. RhodeCode heading</h6>
     </xmp></div> <!-- end highlight -->
     
       <p>Create lighter, secondary text in any heading with a generic <code>&lt;small&gt;</code> tag or the <code>.small</code> class.</p>
       <div class="bs-example bs-example-type" data-example-id="small-   headings">
         <table class="table">
           <tbody>
             <tr>
               <td><h1>h1. RhodeCode heading <small>Secondary text</small></h1></td>
             </tr>
             <tr>
               <td><h2>h2. RhodeCode heading <small>Secondary text</small></h2></td>
             </tr>
             <tr>
               <td><h3>h3. RhodeCode heading <small>Secondary text</small></h3></td>
             </tr>
             <tr>
               <td><h4>h4. RhodeCode heading <small>Secondary text</small></h4></td>
             </tr>
             <tr>
               <td><h5>h5. RhodeCode heading <small>Secondary text</small></h5></td>
             </tr>
             <tr>
               <td><h6>h6. RhodeCode heading <small>Secondary text</small></h6></td>
             </tr>
           </tbody>
         </table>
       </div>
     <div class="highlight-html"><xmp>
     <h1>h1. RhodeCode heading <small>Secondary text</small></h1>
     <h2>h2. RhodeCode heading <small>Secondary text</small></h2>
     <h3>h3. RhodeCode heading <small>Secondary text</small></h3>
     <h4>h4. RhodeCode heading <small>Secondary text</small></h4>
     <h5>h5. RhodeCode heading <small>Secondary text</small></h5>
     <h6>h6. RhodeCode heading <small>Secondary text</small></h6>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Body copy -->
       <h2 id="type-body-copy">Body copy</h2>
       <p>RhodeCode's global default <code>font-size</code> is <strong>13px</strong>, with a <code>line-height</code> of <strong>2em</strong>. This is applied to the <code>&lt;body&gt;</code> and all paragraphs. In addition, <code>&lt;p&gt;</code> (paragraphs) receive a bottom margin of designated by @textmargin (20px).</p>
       <div class="bs-example" data-example-id="body-copy">
         <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
         <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
         <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p>...</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Body copy .lead -->
       <h3>Lead body copy</h3>
       <p>Make a paragraph stand out by adding <code>.lead</code>.</p>
       <div class="bs-example" data-example-id="lead-copy">
         <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="lead">...</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Using Less -->
       <h3>Built with Less</h3>
       <p>The typographic scale is based on Less variables in <strong>variables.less</strong>. Font sizes are calculated from <code>@basefontsize</code>, line-heights are calculated with em, and font families are handled by:
         <ul class="list-unstyled">
           <li><code>@text-regular</code></li>
           <li><code>@text-italic</code></li>
           <li><code>@text-bold</code></li>
           <li><code>@text-semibold</code></li>
           <li><code>@text-bold-italic</code></li>
           <li><code>@text-light</code></li>
           <li><code>@text-light-italic</code></li>
         </ul>
       </p>
     
       <!-- Inline text elements -->
       <h2 id="type-inline-text">Inline text elements</h2>
       <h3>Marked text</h3>
       <p>For highlighting a run of text due to its relevance in another context, use the <code>&lt;mark&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-mark">
         <p>You can use the mark tag to <mark>highlight</mark> text.</p>
       </div>
     <div class="highlight-html"><xmp>
     You can use the mark tag to <mark>highlight</mark> text.
     </xmp></div> <!-- end highlight -->
     
     
       <h3>Deleted text</h3>
       <p>For indicating blocks of text that have been deleted use the <code>&lt;del&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-del">
         <p><del>This line of text is meant to be treated as deleted text.</del></p>
       </div>
     <div class="highlight-html"><xmp>
     <del>This line of text is meant to be treated as deleted text.</del>
     </xmp></div> <!-- end highlight -->
     
       <h3>Strikethrough text</h3>
       <p>For indicating blocks of text that are no longer relevant use the <code>&lt;s&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-s">
         <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
       </div>
     <div class="highlight-html"><xmp>
     <s>This line of text is meant to be treated as no longer accurate.</s>
     </xmp></div> <!-- end highlight -->
     
       <h3>Inserted text</h3>
       <p>For indicating additions to the document use the <code>&lt;ins&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-ins">
         <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
       </div>
     <div class="highlight-html"><xmp>
     <ins>This line of text is meant to be treated as an addition to the document.</ins>
     </xmp></div> <!-- end highlight -->
     
       <h3>Underlined text</h3>
       <p>To underline text use the <code>&lt;u&gt;</code> tag.</p>
       <div class="bs-example" data-example-id="simple-u">
         <p><u>This line of text will render as underlined</u></p>
       </div>
     <div class="highlight-html"><xmp>
     <u>This line of text will render as underlined</u>
     </xmp></div> <!-- end highlight -->
     
       <p>Make use of HTML's default emphasis tags with lightweight styles.</p>
     
       <h3>Small text</h3>
       <p>For de-emphasizing inline or blocks of text, use the <code>&lt;small&gt;</code> tag to set text at 85% the size of the parent. Heading elements receive their own <code>font-size</code> for nested <code>&lt;small&gt;</code> elements.</p>
       <p>You may alternatively use an inline element with <code>.small</code> in place of any <code>&lt;small&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-small">
         <p><small>This line of text is meant to be treated as fine print.</small></p>
       </div>
     <div class="highlight-html"><xmp>
     <small>This line of text is meant to be treated as fine print.</small>
     </xmp></div> <!-- end highlight -->
     
     
       <h3>Bold</h3>
       <p>For emphasizing a snippet of text with a heavier font-weight.</p>
       <div class="bs-example" data-example-id="simple-strong">
         <p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <strong>rendered as bold text</strong>
     </xmp></div> <!-- end highlight -->
     
       <h3>Italics</h3>
       <p>For emphasizing a snippet of text with italics.</p>
       <div class="bs-example" data-example-id="simple-em">
         <p>The following snippet of text is <em>rendered as italicized text</em>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <em>rendered as italicized text</em>
     </xmp></div> <!-- end highlight -->
     
       <div class="bs-callout bs-callout-info" id="callout-type-b-i-elems">
         <h4>Alternate elements</h4>
         <p>Feel free to use <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> in HTML5. <code>&lt;b&gt;</code> is meant to highlight words or phrases without conveying additional importance while <code>&lt;i&gt;</code> is mostly for voice, technical terms, etc.</p>
       </div>
     
       <h2 id="type-alignment">Alignment classes</h2>
       <p>Easily realign text to components with text alignment classes.</p>
       <div class="bs-example" data-example-id="text-alignment">
         <p class="text-left">Left aligned text.</p>
         <p class="text-center">Center aligned text.</p>
         <p class="text-right">Right aligned text.</p>
         <p class="text-justify">Justified text.</p>
         <p class="text-nowrap">No wrap text.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="text-left">Left aligned text.</p>
     <p class="text-center">Center aligned text.</p>
     <p class="text-right">Right aligned text.</p>
     <p class="text-justify">Justified text.</p>
     <p class="text-nowrap">No wrap text.</p>
     </xmp></div> <!-- end highlight -->
     
       <h2 id="type-transformation">Transformation classes</h2>
       <p>Transform text in components with text capitalization classes.</p>
       <div class="bs-example" data-example-id="text-capitalization">
         <p class="text-lowercase">Lowercased text.</p>
         <p class="text-uppercase">Uppercased text.</p>
         <p class="text-capitalize">Capitalized text.</p>
       </div>
     <div class="highlight-html"><xmp>
     <p class="text-lowercase">Lowercased text.</p>
     <p class="text-uppercase">Uppercased text.</p>
     <p class="text-capitalize">Capitalized text.</p>
     </xmp></div> <!-- end highlight -->
     
       <!-- Abbreviations -->
       <h2 id="type-abbreviations">Abbreviations</h2>
       <p>Stylized implementation of HTML's <code>&lt;abbr&gt;</code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.</p>
     
       <h3>Basic abbreviation</h3>
       <div class="bs-example" data-example-id="simple-abbr">
         <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
       </div>
     <div class="highlight-html"><xmp>
     <abbr title="attribute">attr</abbr>
     </xmp></div> <!-- end highlight -->
     
       <h3>Initialism</h3>
       <p>Add <code>.initialism</code> to an abbreviation for a slightly smaller font-size.</p>
       <div class="bs-example" data-example-id="simple-initialism">
         <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
       </div>
     <div class="highlight-html"><xmp>
     <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Addresses -->
       <h2 id="type-addresses">Addresses</h2>
       <p>Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <code>&lt;br&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-address">
         <address>
           <strong>Twitter, Inc.</strong><br>
           795 Folsom Ave, Suite 600<br>
           San Francisco, CA 94107<br>
           <abbr title="Phone">P:</abbr> [phone]
         </address>
         <address>
           <strong>Full Name</strong><br>
           <a href="mailto:#">[e-mail]</a>
         </address>
       </div>
     <div class="highlight-html"><xmp>
     <address>
       <strong>Twitter, Inc.</strong><br>
       795 Folsom Ave, Suite 600<br>
       San Francisco, CA 94107<br>
       <abbr title="Phone">P:</abbr> [phone]
     </address>
     
     <address>
       <strong>Full Name</strong><br>
       <a href="mailto:#">[e-mail]</a>
     </address>
     </xmp></div> <!-- end highlight -->
     
     
       <!-- Blockquotes -->
       <h2 id="type-blockquotes">Blockquotes</h2>
       <p>For quoting blocks of content from another source within your document.</p>
     
       <h3>Default blockquote</h3>
       <p>Wrap <code>&lt;blockquote&gt;</code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes, we recommend a <code>&lt;p&gt;</code>.</p>
       <div class="bs-example" data-example-id="simple-blockquote">
         <blockquote>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
     </blockquote>
     </xmp></div> <!-- end highlight -->
     
       <h3>Blockquote options</h3>
       <p>Style and content changes for simple variations on a standard <code>&lt;blockquote&gt;</code>.</p>
     
       <h4>Naming a source</h4>
       <p>Add a <code>&lt;footer&gt;</code> for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
       <div class="bs-example" data-example-id="blockquote-cite">
         <blockquote>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
           <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
       <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
     </blockquote>
     </xmp></div> <!-- end highlight -->
     
       <h4>Alternate displays</h4>
       <p>Add <code>.blockquote-reverse</code> for a blockquote with right-aligned content.</p>
       <div class="bs-example" style="overflow: hidden;" data-example-id="blockquote-reverse">
         <blockquote class="blockquote-reverse">
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
           <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
         </blockquote>
       </div>
     <div class="highlight-html"><xmp>
     <blockquote class="blockquote-reverse">
       ...
     </blockquote>
     </xmp></div> <!-- end highlight -->
 
     <h2>Tooltip</h2>
     <p>Any element with a class <code>tooltip</code> and a <code>title</code> attribute will replaced with the custom tooltip via Javascript. <br />Tooltips should be used with care as touch devices won't activate them.
     </p>
     <div class="bs-example">
       <p class="tooltip" title="I am a tooltip in a `p`">Hover me, please!</p>
     </div>
 
       <!-- Lists -->
       <h2 id="type-lists">Lists</h2>
     
       <h3>Unordered</h3>
       <p>A list of items in which the order does <em>not</em> explicitly matter.</p>
       <div class="bs-example" data-example-id="simple-ul">
         <ul>
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit
             <ul>
               <li>Phasellus iaculis neque</li>
               <li>Purus sodales ultricies</li>
               <li>Vestibulum laoreet porttitor sem</li>
               <li>Ac tristique libero volutpat at</li>
             </ul>
           </li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul>
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Ordered</h3>
       <p>A list of items in which the order <em>does</em> explicitly matter.</p>
       <div class="bs-example" data-example-id="simple-ol">
         <ol>
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit</li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ol>
       </div>
     <div class="highlight-html"><xmp>
     <ol>
       <li>...</li>
     </ol>
     </xmp></div> <!-- end highlight -->
     
       <h3>Unstyled</h3>
       <p>Remove the default <code>list-style</code> and left margin on list items (immediate children only). <strong>This only applies to immediate children list items</strong>, meaning you will need to add the class for any nested lists as well.<  /p>
       <div class="bs-example" data-example-id="unstyled-list">
         <ul class="list-unstyled">
           <li>Lorem ipsum dolor sit amet</li>
           <li>Consectetur adipiscing elit</li>
           <li>Integer molestie lorem at massa</li>
           <li>Facilisis in pretium nisl aliquet</li>
           <li>Nulla volutpat aliquam velit
             <ul>
               <li>Phasellus iaculis neque</li>
               <li>Purus sodales ultricies</li>
               <li>Vestibulum laoreet porttitor sem</li>
               <li>Ac tristique libero volutpat at</li>
             </ul>
           </li>
           <li>Faucibus porta lacus fringilla vel</li>
           <li>Aenean sit amet erat nunc</li>
           <li>Eget porttitor lorem</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul class="list-unstyled">
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Inline</h3>
       <p>Place all list items on a single line with <code>display: inline-block;</code> and some light padding.</p>
       <div class="bs-example" data-example-id="list-inline">
         <ul class="list-inline">
           <li>Lorem ipsum</li>
           <li>Phasellus iaculis</li>
           <li>Nulla volutpat</li>
         </ul>
       </div>
     <div class="highlight-html"><xmp>
     <ul class="list-inline">
       <li>...</li>
     </ul>
     </xmp></div> <!-- end highlight -->
     
       <h3>Description</h3>
       <p>A list of terms with their associated descriptions.</p>
       <div class="bs-example" data-example-id="simple-dl">
         <dl>
           <dt>Description lists</dt>
           <dd>A description list is perfect for defining terms.</dd>
           <dt>Euismod</dt>
           <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
           <dd>Donec id elit non mi porta gravida at eget metus.</dd>
           <dt>Malesuada porta</dt>
           <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
         </dl>
       </div>
     <div class="highlight-html"><xmp>
     <dl>
       <dt>...</dt>
       <dd>...</dd>
     </dl>
     </xmp></div> <!-- end highlight -->
     
       <h4>Horizontal description</h4>
       <p>Make terms and descriptions in <code>&lt;dl&gt;</code> line up side-by-side. Starts off stacked like default <code>&lt;dl&gt;</code>s, but when the navbar expands, so do these. This really only looks good if there is one line for the definition and one for the term.</p>
       <div class="bs-example" data-example-id="horizontal-dl">
         <dl class="dl-horizontal">
           <dt>Description lists</dt>
           <dd>A description list is perfect for defining terms.</dd>
           <dt>Donec id elit non mi porta gravida at eget metus.</dt>
           <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
           <dd>Donec id elit non mi porta gravida at eget metus.</dd>
           <dt>Malesuada porta</dt>
           <dd>Etiam porta sem malesuada magna mollis euismod.</dd>
           <dt>Felis euismod semper eget lacinia</dt>
           <dd>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
         </dl>
       </div>
     <div class="highlight-html"><xmp>
     <dl class="dl-horizontal">
       <dt>...</dt>
       <dd>...</dd>
     </dl>
     </xmp></div> <!-- end highlight -->
     
     </div>
 
   </div>
 </div>
 </%def>