/**

 * Stylesheets for the context bar

 */

i.icon-arrow-right { background-image: url('../images/icons/arrow_right.png');}

i.icon-bar-chart { background-image: url("../images/icons/chart_bar.png"); }

i.icon-code-merge { background-image: url("../images/icons/arrow_merge.png"); } /* unused! */

i.icon-ellipsis-horizontal:after { content: ' ...';}

i.icon-eye-open { background-image: url("../images/icons/eye.png"); }

i.icon-file-txt { background-image: url("../images/icons/note_error.png"); }

i.icon-git { background-image: url('../images/icons/giticon.png');}

i.icon-hg { background-image: url('../images/icons/hgicon.png');}

i.icon-lock { background-image: url('../images/icons/lock.png');}

i.icon-lock-alt { background-image: url('../images/icons/private_repo.png');}

i.icon-private { background-image: url('../images/icons/private_repo.png');}

i.icon-refresh { background-image: url('../images/icons/arrow_refresh.png');}

i.icon-chevron-right:after { content: "\00BB";}

i.icon-pencil { background-image: url('../images/icons/application_form_edit.png');}

i.icon-remove { background-image: url('../images/icons/delete.png');}

i.icon-remove-sign { background-image: url('../images/icons/delete.png');}

i.icon-plus { background-image: url('../images/icons/plus_16.png');}

i.icon-resize-vertical { background-image: url('../images/icons/text_align_left.png');}

i.icon-ok-sign { background-image: url('../images/icons/tick.png');}

i.icon-minus-sign { background-image: url('../images/icons/delete.png');}

i.icon-disabled { background-image: url('../images/icons/shading.png');} /* todo: use instead of minus sign */

i[class^='icon-'] {

    background-repeat: no-repeat;

    background-position: center;

    display: inline-block;

    min-width: 16px;

    min-height: 16px;

    margin: -2px 0 -4px 0;

    /* background-color: red; /* for debugging */

}

#content #context-bar {

    position: relative;

    overflow: visible;

    background-color: #577632;

    padding: 0 5px;

    min-height: 36px;

}

#content #context-bar h2 {

    display: inline-block;

    color: #FFF;

}

#header #header-inner #quick a,

#content #context-bar,

#content #context-bar a {

    color: #FFFFFF;

}

#header #header-inner #quick a:hover,

#content #context-bar a:hover {

    text-decoration: none;

}

#content #context-bar .icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

}

ul.horizontal-list {

    display: block;

}

ul.horizontal-list > li {

    float: left;

    position: relative;

}

#header #header-inner #quick ul,

ul.horizontal-list > li ul {

    position: absolute;

    display: none;

    right: 0;

    z-index: 999;

}

#header #header-inner #quick li:hover > ul,

ul.horizontal-list li:hover > ul {

    display: block;

}

#header #header-inner #quick li ul li,

ul.horizontal-list ul li {

    position: relative;

    border-bottom: 1px solid rgba(0,0,0,0.1);

    border-top: 1px solid rgba(255,255,255,0.1);

}

ul.horizontal-list > li ul ul {

    position: absolute;

    right: 100%;

    top: -1px;

    min-width: 200px;

    max-height: 400px;

    overflow-x: hidden;

    overflow-y: auto;

}

#header #header-inner #quick ul a,

ul.horizontal-list li a {

    white-space: nowrap;

}

${h.form(url('users_group', id=c.user_group.users_group_id),method='put', id='edit_users_group')}

    <div class="form">

        <!-- fields -->

            <div class="fields">

                 <div class="field">

                    <div class="label">

                        <label for="users_group_name">${_('Group name')}:</label>

                    </div>

                    <div class="input">

                        ${h.text('users_group_name',class_='large')}

                    </div>

                 </div>

                 <div class="field">

                    <div class="label label-textarea">

                        <label for="user_group_description">${_('Description')}:</label>

                    </div>

                    <div class="textarea-small editor">

                        ${h.textarea('user_group_description')}

                        <span class="help-block">${_('Short, optional description for this user group.')}</span>

                    </div>

                 </div>

                 <div class="field">

                    <div class="label label-checkbox">

                        <label for="users_group_active">${_('Active')}:</label>

                    </div>

                    <div class="checkboxes">

                        ${h.checkbox('users_group_active',value=True)}

                    </div>

                 </div>

                <div class="field">

                    <div class="label">

                        <label for="users_group_active">${_('Members')}:</label>

                    </div>

                    <div class="select">

                        <table>

                                <tr>

                                    <td>

                                        <div>

                                            <div style="float:left">

                                                <div class="text" style="padding: 0px 0px 6px;">${_('Chosen group members')}</div>

                                                ${h.select('users_group_members',[x[0] for x in c.group_members],c.group_members,multiple=True,size=8,style="min-width:210px")}

                                               <div id="remove_all_elements" style="cursor:pointer;text-align:center;margin: 4px; ">

                                                   ${_('Remove all elements')}

                                                   <i style="cursor:pointer; font-size: 16px;position: relative; bottom: -2px; padding: 2px" class="icon-chevron-right"></i>

                                               </div>

                                            </div>

                                            <div style="float:left;width:20px;padding-top:50px">

                                                <br />

                                                <i style="cursor:pointer; padding: 4px; font-size: 16px" id="remove_element" class="icon-chevron-right"></i>

                                            </div>

                                            <div style="float:left">

                                                 <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div>

                                                 ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")}

                                                 <div id="add_all_elements" style="cursor:pointer;text-align:center;margin: 4px;">

                                                 </div>

                                            </div>

                                        </div>

                                    </td>

                                </tr>

                        </table>

                    </div>

                </div>

                <div class="buttons">

                  ${h.submit('Save',_('Save'),class_="btn")}

                </div>

            </div>

    </div>

${h.end_form()}

<script type="text/javascript">

  MultiSelectWidget('users_group_members','available_members','edit_users_group');

</script>

## -*- coding: utf-8 -*-

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${_('%s Changeset') % c.repo_name} - ${h.show_id(c.changeset)}

    %if c.site_name:

        · ${c.site_name}

    %endif

</%def>

<%def name="breadcrumbs_links()">

    ${_('Changeset')} - <span class='hash'>${h.show_id(c.changeset)}</span>

</%def>

<%def name="page_nav()">

    ${self.menu('repositories')}

</%def>

<%def name="main()">

${self.repo_context_bar('changelog', c.changeset.raw_id)}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <script>

    var _USERS_AC_DATA = ${c.users_array|n};

    var _GROUPS_AC_DATA = ${c.user_groups_array|n};

    AJAX_COMMENT_URL = "${url('changeset_comment',repo_name=c.repo_name,revision=c.changeset.raw_id)}";

    AJAX_COMMENT_DELETE_URL = "${url('changeset_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__')}";

    </script>

    <div class="table">

        <div class="diffblock">

            <div class="parents">

                <div id="parent_link" class="changeset_hash">

                </div>

            </div>

            <div class="children">

                <div id="child_link" class="changeset_hash">

                    <a href="#">${_('child rev.')}</a> <i style="color:#036185" class="icon-chevron-right"></i>

                </div>

            </div>

            <div class="code-header banner">

                <div class="changeset-status-container">

                    %if c.statuses:

                        <div class="changeset-status-ico"><img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses[0])}" /></div>

                        <div title="${_('Changeset status')}" class="changeset-status-lbl">[${h.changeset_status_lbl(c.statuses[0])}]</div>

                    %endif

                </div>

                <div class="diff-actions">

                  <a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${h.tooltip(_('Raw diff'))}">

                      <img class="icon" src="${h.url('/images/icons/page_white.png')}"/>

                  </a>

                  <a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${h.tooltip(_('Patch diff'))}">

                      <img class="icon" src="${h.url('/images/icons/page_add.png')}"/>

                  </a>

                  <a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision=c.changeset.raw_id,diff='download')}" class="tooltip" title="${h.tooltip(_('Download diff'))}">

                      <img class="icon" src="${h.url('/images/icons/page_save.png')}"/>

                  </a>

                  ${c.ignorews_url(request.GET)}

                  ${c.context_url(request.GET)}

                </div>

                <div class="comments-number" style="float:right;padding-right:5px">${ungettext("%d comment", "%d comments", len(c.comments)) % len(c.comments)} ${ungettext("(%d inline)", "(%d inline)", c.inline_cnt) % c.inline_cnt} <span class="firstlink"></span> </div>

            </div>

        </div>

        <div id="changeset_content">

            <div class="container">

                <div class="right">

                    <div class="changes">

                        % if (len(c.changeset.affected_files) <= c.affected_files_cut_off) or c.fulldiff:

                         <span class="removed" title="${_('Removed')}">${len(c.changeset.removed)}</span>

                         <span class="changed" title="${_('Changed')}">${len(c.changeset.changed)}</span>

                         <span class="added" title="${_('Added')}">${len(c.changeset.added)}</span>

                        % else:

                         <span class="removed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="changed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="added"   title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                        % endif

                    </div>

                    <span class="logtags">

                        %if len(c.changeset.parents)>1:

                        <span class="merge">${_('merge')}</span>

                        %endif

                        %if h.is_hg(c.db_repo_scm_instance):

                          %for book in c.changeset.bookmarks:

                          <span class="booktag" title="${_('Bookmark %s') % book}">

                             ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}

                          </span>

                          %endfor

                        %endif

                        %for tag in c.changeset.tags:

                         <span class="tagtag"  title="${_('Tag %s') % tag}">

                         ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>

                        %endfor

                        %if c.changeset.branch:

                         <span class="branchtag" title="${_('Branch %s') % c.changeset.branch}">

                         ${h.link_to(c.changeset.branch,h.url('changelog_home',repo_name=c.repo_name,branch=c.changeset.branch))}

                         </span>

                        %endif

                    </span>

                </div>

                <div class="left">

                     <div class="author">

                         <div class="gravatar">

                             <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(c.changeset.author),20)}"/>

                         </div>

                         <span><b>${h.person(c.changeset.author,'username_and_name')}</b> - ${h.age(c.changeset.date,True)} ${h.fmt_date(c.changeset.date)}</span><br/>

                         <span>${h.email_or_none(c.changeset.author)}</span><br/>

                     </div>

                     <% rev = c.changeset.extra.get('source') %>

                     %if rev:

                     <div>

                       ${_('Grafted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     <% rev = c.changeset.extra.get('transplant_source', '').encode('hex') %>

                     %if rev:

                     <div>

                       ${_('Transplanted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     <div class="message">${h.urlify_commit(c.changeset.message, c.repo_name)}</div>

                </div>

            </div>

    ## main comment form and it status

    ${comment.comments(h.url('changeset_comment', repo_name=c.repo_name, revision=c.changeset.raw_id),

                       h.changeset_status(c.db_repo, c.changeset.raw_id))}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script type="text/javascript">

      $(document).ready(function(){

          $('.show-inline-comments').change(function(e){

              var target = e.currentTarget;

              if(target == null){

                  target = this;

              }

              var boxid = $(target).attr('id_for');

              if(target.checked){

                  $('#{0} .inline-comments'.format(boxid)).show();

                  $('#{0} .inline-comments-button'.format(boxid)).show();

              }else{

                  $('#{0} .inline-comments'.format(boxid)).hide();

                  $('#{0} .inline-comments-button'.format(boxid)).hide();

              }

          });

          $('.add-bubble').click(function(e){

              var tr = e.currentTarget;

              if(tr == null){

                  tr = this;

              }

              injectInlineForm(tr.parentNode.parentNode);

          });

          // inject comments into they proper positions

          var file_comments = YUQ('.inline-comment-placeholder');

          renderInlineComments(file_comments);

          linkInlineComments(document.getElementsByClassName('firstlink'), document.getElementsByClassName("inline-comment"));

          pyroutes.register('changeset_home',

                            "${h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s')}",

                            ['repo_name', 'revision']);

          //next links

          $('#child_link').on('click', function(e){

              //fetch via ajax what is going to be the next link, if we have

              //>1 links show them to user to choose

              if(!$('#child_link').hasClass('disabled')){

                  $.ajax({

                    url: '${h.url('changeset_children',repo_name=c.repo_name, revision=c.changeset.raw_id)}',

                    success: function(data) {

                      if(data.results.length === 0){

                          $('#child_link').addClass('disabled');

                          $('#child_link').html('${_('no revisions')}');

                      }

                      if(data.results.length === 1){

                          var commit = data.results[0];

                          window.location = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': commit.raw_id});

                      }

                      else if(data.results.length === 2){

                          $('#child_link').addClass('disabled');

                          $('#child_link').addClass('double');

                          var _html = '';

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-chevron-right"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[0].revision, data.results[0].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[0].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[0].raw_id}));

                          _html +='<br/>'

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-chevron-right"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[1].revision, data.results[1].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[1].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[1].raw_id}));

                          $('#child_link').html(_html);

                      }

                    }

                  });

              e.preventDefault();

              }

          })

          //prev links

          $('#parent_link').on('click', function(e){

              //fetch via ajax what is going to be the next link, if we have

              //>1 links show them to user to choose

              if(!$('#parent_link').hasClass('disabled')){

                  $.ajax({

                    url: '${h.url('changeset_parents',repo_name=c.repo_name, revision=c.changeset.raw_id)}',

                    success: function(data) {

                      if(data.results.length === 0){

                          $('#parent_link').addClass('disabled');

                          $('#parent_link').html('${_('no revisions')}');

                      }

                      if(data.results.length === 1){

                          var commit = data.results[0];

                          window.location = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': commit.raw_id});

                      }

                      else if(data.results.length === 2){

                          $('#parent_link').addClass('disabled');

                          $('#parent_link').addClass('double');

                          var _html = '';

                                  .replace('__rev__','r{0}:{1}'.format(data.results[0].revision, data.results[0].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[0].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[0].raw_id}));

                          _html +='<br/>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[1].revision, data.results[1].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[1].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[1].raw_id}));

                          $('#parent_link').html(_html);

                      }

                    }

                  });

              e.preventDefault();

              }

          })

      })

    </script>

    </div>

</%def>

<%def name="file_class(node)">

    %if node.is_file():

        <%return "browser-file" %>

    %else:

        <%return "browser-dir"%>

    %endif

</%def>

<div id="body" class="browserblock">

    <div class="browser-header">

        <div class="browser-nav">

            ${h.form(h.url.current())}

            <div class="info_box">

              <div class="info_box_elem rev">${_('revision')}</div>

              <div class="info_box_elem">${h.text('at_rev',value=c.changeset.revision,size=5)}</div>

              <div class="info_box_elem"><a class="btn btn-mini ypjax-link" href="${c.url_next}" title="${_('Next revision')}"><i class="icon-chevron-right"></i></a></div>

            </div>

            ${h.end_form()}

        </div>

        <div class="browser-branch">

           ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch)}

           <label>${_('Follow current branch')}</label>

        </div>

        <div id="search_activate_id" class="search_activate">

           <a class="btn btn-mini" id="filter_activate" href="#">${_('Search File List')}</a>

        </div>

        <div class="browser-search">

            <div>

                <div id="node_filter_box_loading" style="display:none">${_('Loading file list...')}</div>

                <div id="node_filter_box" style="display:none">

                ${h.files_breadcrumbs(c.repo_name,c.changeset.raw_id,c.file.path)}/<input class="init" type="text" value="type to search..." name="filter" size="25" id="node_filter" autocomplete="off">

                </div>

            </div>

        </div>

    </div>

    <div class="browser-body">

        <table class="code-browser">

            <thead>

                <tr>

                    <th>${_('Name')}</th>

                    <th>${_('Size')}</th>

                    <th>${_('Mimetype')}</th>

                    <th>${_('Last Revision')}</th>

                    <th>${_('Last Modified')}</th>

                    <th>${_('Last Committer')}</th>

                </tr>

            </thead>

            <tbody id="tbody">

                %if c.file.parent:

                <tr class="parity0">

                    <td>

                        ${h.link_to('..',h.url('files_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.file.parent.path),class_="browser-dir ypjax-link")}

                    </td>

                    <td></td>

                    <td></td>

                    <td></td>

                    <td></td>

                    <td></td>

                </tr>

                %endif

            %for cnt,node in enumerate(c.file):

                <tr class="parity${cnt%2}">

                     <td>

                        %if node.is_submodule():

                           ${h.link_to(node.name,node.url or '#',class_="submodule-dir ypjax-link")}

                        %else:

                          ${h.link_to(node.name, h.url('files_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=h.safe_unicode(node.path)),class_=file_class(node)+" ypjax-link")}

                        %endif:

                     </td>

                     <td>

                     %if node.is_file():

                         ${h.format_byte_size(node.size,binary=True)}

                     %endif

                     </td>

                     <td>

                      %if node.is_file():

                          ${node.mimetype}

                      %endif

                     </td>

                     <td>

                         %if node.is_file():

                             <div class="tooltip" title="${h.tooltip(node.last_changeset.message)}">

                              <pre>${h.show_id(node.last_changeset)}</pre>

                             </div>

                         %endif

                     </td>

                     <td>

                         %if node.is_file():

                             <span class="tooltip" title="${h.tooltip(h.fmt_date(node.last_changeset.date))}">

                            ${h.age(node.last_changeset.date)}</span>

                         %endif

                     </td>

                     <td>

                         %if node.is_file():

                             <span title="${node.last_changeset.author}">

                            ${h.person(node.last_changeset.author)}

                            </span>

                         %endif

                     </td>

                </tr>

            %endfor

            </tbody>

            <tbody id="tbody_filtered" style="display:none">

            </tbody>

        </table>

    </div>

</div>