Extra keyword parameters starting with 'div_' will get the prefix removed

    and '_' changed to '-' and be used as attributes on the div. The default

    class is 'gravatar'.

    """

    from pylons import tmpl_context as c

    if not c.visual.use_gravatar:

        return ''

    if 'div_class' not in div_attributes:

        div_attributes['div_class'] = "gravatar"

    attributes = []

    for k, v in sorted(div_attributes.items()):

        assert k.startswith('div_'), k

        attributes.append(' %s="%s"' % (k[4:].replace('_', '-'), escape(v)))

    return literal("""<div%s>%s</div>""" %

                   (''.join(attributes),

                    gravatar(email_address, cls=cls, size=size)))

def gravatar(email_address, cls='', size=30):

    """return html element of the gravatar

    This method will return an <img> with the resolution double the size (for

    retina screens) of the image. If the url returned from gravatar_url is

    empty then we fallback to using an icon.

    """

    from pylons import tmpl_context as c

    if not c.visual.use_gravatar:

        return ''

    src = gravatar_url(email_address, size * 2)

    if src:

        # here it makes sense to use style="width: ..." (instead of, say, a

        # stylesheet) because we using this to generate a high-res (retina) size

        html = ('<img alt="" class="{cls}" style="width: {size}px; height: {size}px" src="{src}"/>'

            .format(cls=cls, size=size, src=src))

    else:

        # if src is empty then there was no gravatar, so we use a font icon

        html = ("""<i class="icon-user {cls}" style="font-size: {size}px;"></i>"""

            .format(cls=cls, size=size, src=src))

    return literal(html)

def gravatar_url(email_address, size=30, default=''):

    # doh, we need to re-import those to mock it later

    from kallithea.config.routing import url

    from kallithea.model.db import User

    from pylons import tmpl_context as c

    if not c.visual.use_gravatar:

        return ""

    _def = 'anonymous@kallithea-scm.org'  # default gravatar

    email_address = email_address or _def

    if email_address == _def:

        return default

    parsed_url = urlparse.urlparse(url.current(qualified=True))

    url = (c.visual.gravatar_url or User.DEFAULT_GRAVATAR_URL ) \

               .replace('{email}', email_address) \

               .replace('{md5email}', hashlib.md5(safe_str(email_address).lower()).hexdigest()) \

               .replace('{netloc}', parsed_url.netloc) \

               .replace('{scheme}', parsed_url.scheme) \

               .replace('{size}', safe_str(size))

    return url

def changed_tooltip(nodes):

    """

    Generates a html string for changed nodes in changeset page.

    It limits the output to 30 entries

    :param nodes: LazyNodesGenerator

    """

    if nodes:

        pref = ': <br/> '

        suf = ''

        if len(nodes) > 30:

            suf = '<br/>' + _(' and %s more') % (len(nodes) - 30)

        return literal(pref + '<br/> '.join([safe_unicode(x.path)

                                             for x in nodes[:30]]) + suf)

    else:

        return ': ' + _('No files')

def fancy_file_stats(stats):

    """

    Displays a fancy two colored bar for number of added/deleted

    lines of code on file

    :param stats: two element list of added/deleted lines of code

    """

    from kallithea.lib.diffs import NEW_FILENODE, DEL_FILENODE, \

        MOD_FILENODE, RENAMED_FILENODE, CHMOD_FILENODE, BIN_FILENODE

    a, d = stats['added'], stats['deleted']

    width = 100

    if stats['binary']:

        #binary mode

        lbl = ''

        bin_op = 1

        if BIN_FILENODE in stats['ops']:

            lbl = 'bin+'

        if NEW_FILENODE in stats['ops']:

            lbl += _('new file')

            bin_op = NEW_FILENODE

        elif MOD_FILENODE in stats['ops']:

            lbl += _('mod')

            bin_op = MOD_FILENODE

        elif DEL_FILENODE in stats['ops']:

            lbl += _('del')

            bin_op = DEL_FILENODE

        elif RENAMED_FILENODE in stats['ops']:

            lbl += _('rename')

            bin_op = RENAMED_FILENODE

        #chmod can go with other operations

        if CHMOD_FILENODE in stats['ops']:

            _org_lbl = _('chmod')

            lbl += _org_lbl if lbl.endswith('+') else '+%s' % _org_lbl

        #import ipdb;ipdb.set_trace()

        b_a = '<div class="bin bin1" style="width:0%"></div>'

    t = stats['added'] + stats['deleted']

    unit = float(width) / (t or 1)

    # needs > 9% of width to be visible or 0 to be hidden

    a_p = max(9, unit * a) if a > 0 else 0

    d_p = max(9, unit * d) if d > 0 else 0

    p_sum = a_p + d_p

    if p_sum > width:

        #adjust the percentage to be == 100% since we adjusted to 9

        if a_p > d_p:

            a_p = a_p - (p_sum - width)

        else:

            d_p = d_p - (p_sum - width)

    a_v = a if a > 0 else ''

    d_v = d if d > 0 else ''

    )

    )

_URLIFY_RE = re.compile(r'''

# URL markup

(?P<url>%s) |

# @mention markup

(?P<mention>%s) |

# Changeset hash markup

(?<!\w|[-_])

  (?P<hash>[0-9a-f]{12,40})

(?!\w|[-_]) |

# Markup of *bold text*

(?:

  (?:^|(?<=\s))

  (?P<bold> [*] (?!\s) [^*\n]* (?<!\s) [*] )

  (?![*\w])

) |

# "Stylize" markup

\[see\ \=&gt;\ *(?P<seen>[a-zA-Z0-9\/\=\?\&\ \:\/\.\-]*)\] |

\[license\ \=&gt;\ *(?P<license>[a-zA-Z0-9\/\=\?\&\ \:\/\.\-]*)\] |

\[(?P<tagtype>requires|recommends|conflicts|base)\ \=&gt;\ *(?P<tagvalue>[a-zA-Z0-9\-\/]*)\] |

\[(?:lang|language)\ \=&gt;\ *(?P<lang>[a-zA-Z\-\/\#\+]*)\] |

\[(?P<tag>[a-z]+)\]

''' % (url_re.pattern, MENTIONS_REGEX.pattern),

    re.VERBOSE | re.MULTILINE | re.IGNORECASE)

def urlify_text(s, repo_name=None, link_=None, truncate=None, stylize=False, truncatef=truncate):

    """

    Parses given text message and make literal html with markup.

    The text will be truncated to the specified length.

    Hashes are turned into changeset links to specified repository.

    URLs links to what they say.

    Issues are linked to given issue-server.

    If link_ is provided, all text not already linking somewhere will link there.

    """

    def _replace(match_obj):

        url = match_obj.group('url')

        if url is not None:

            return '<a href="%(url)s">%(url)s</a>' % {'url': url}

        mention = match_obj.group('mention')

        if mention is not None:

            return '<b>%s</b>' % mention

        hash_ = match_obj.group('hash')

        if hash_ is not None and repo_name is not None:

            from kallithea.config.routing import url  # doh, we need to re-import url to mock it later

            return '<a class="revision-link" href="%(url)s">%(hash)s</a>' % {

                 'url': url('changeset_home', repo_name=repo_name, revision=hash_),

                 'hash': hash_,

                }

        bold = match_obj.group('bold')

        if bold is not None:

            return '<b>*%s*</b>' % _urlify(bold[1:-1])

        if stylize:

            seen = match_obj.group('seen')

            if seen:

                return '<div class="metatag" data-tag="see">see =&gt; %s</div>' % seen

            license = match_obj.group('license')

            if license:

                return '<div class="metatag" data-tag="license"><a href="http:\/\/www.opensource.org/licenses/%s">%s</a></div>' % (license, license)

            tagtype = match_obj.group('tagtype')

            if tagtype:

                tagvalue = match_obj.group('tagvalue')

                return '<div class="metatag" data-tag="%s">%s =&gt; <a href="/%s">%s</a></div>' % (tagtype, tagtype, tagvalue, tagvalue)

            lang = match_obj.group('lang')

            if lang:

                return '<div class="metatag" data-tag="lang">%s</div>' % lang

            tag = match_obj.group('tag')

            if tag:

                return '<div class="metatag" data-tag="%s">%s</div>' % (tag, tag)

        return match_obj.group(0)

    def _urlify(s):

        """

        Extract urls from text and make html links out of them

        """

        return _URLIFY_RE.sub(_replace, s)

    if truncate is None:

        s = s.rstrip()

    else:

        s = truncatef(s, truncate, whole_word=True)

    s = html_escape(s)

    s = _urlify(s)

    if repo_name is not None:

        s = urlify_issues(s, repo_name)

    if link_ is not None:

        # make href around everything that isn't a href already

        s = linkify_others(s, link_)

    s = s.replace('\r\n', '<br/>').replace('\n', '<br/>')

    return literal(s)

def linkify_others(t, l):

    margin: 0;

    padding: 10px 0 0 150px;

}

#register div.form div.activation_msg {

    padding-top: 4px;

    padding-bottom: 4px;

}

#journal {

    margin-left: 20px;

}

#journal .journal_day {

    font-size: 20px;

    padding: 10px 0px;

    border-bottom: 2px solid #DDD;

    margin-left: 10px;

    margin-right: 10px;

}

#journal .journal_container {

    clear: both;

}

#journal .journal_action_container {

    padding-left: 18px;

}

#journal .journal_user {

    color: #747474;

    font-size: 14px;

    font-weight: bold;

    height: 30px;

}

#journal .journal_user.deleted {

    color: #747474;

    font-size: 14px;

    font-weight: normal;

    height: 30px;

    font-style: italic;

}

#journal .journal_icon {

    clear: both;

    float: left;

    padding-right: 4px;

    padding-top: 3px;

}

#journal .journal_action {

    padding-top: 4px;

    min-height: 2px;

    float: left

}

#journal .journal_action_params {

    clear: left;

    padding-left: 22px;

}

#journal .journal_repo {

    float: left;

    margin-left: 6px;

    padding-top: 3px;

}

#journal .date {

    clear: both;

    color: #777777;

    font-size: 11px;

    padding-left: 22px;

}

#journal .journal_repo .journal_repo_name {

    font-weight: bold;

    font-size: 1.1em;

}

#journal .compare_view {

    padding: 5px 0px 5px 0px;

    width: 95px;

}

.trending_language_tbl, .trending_language_tbl td {

    border: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}

.trending_language_tbl, .trending_language_tbl tr {

    border-spacing: 1px;

}

    background-color: #577632;

    color: #FFF;

    display: block;

    min-width: 20px;

    text-decoration: none;

    height: 12px;

    margin-bottom: 0px;

    margin-left: 5px;

    white-space: pre;

    padding: 3px;

}

h3.files_location {

    font-size: 1.8em;

    font-weight: 700;

    border-bottom: none !important;

    margin: 10px 0 !important;

}

#files_data dl dt {

    float: left;

    width: 60px;

    margin: 0 !important;

    padding: 5px;

}

#files_data dl dd {

    margin: 0 !important;

    padding: 5px !important;

}

#files_data .codeblock #editor_container .error-message {

    color: red;

    padding: 10px 10px 10px 26px

}

.file_history {

    padding-top: 10px;

    font-size: 16px;

}

.file_author {

    float: left;

}

.file_author .item {

    float: left;

    padding: 5px;

    color: #888;

}

.changeset_id {

    color: #666666;

    margin-right: -3px;

}

.changeset-logical-index {

    color: #666666;

    font-style: italic;

    font-size: 85%;

    padding-right: 0.5em;

    text-align: right;

}

#changeset_content {

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

    border-bottom: 1px solid #CCC;

    padding: 5px;

}

#changeset_compare_view_content {

    border: 1px solid #CCC;

    padding: 5px;

}

#changeset_content .container {

    font-size: 1.2em;

    overflow: hidden;

}

#changeset_compare_view_content .compare_view_commits {

    width: auto !important;

}

#changeset_compare_view_content .compare_view_commits td {

    padding: 0px 0px 0px 12px !important;

}

#changeset_content .container .right {

    float: right;

    width: 20%;

    text-align: right;

}

#changeset_content .container .message {

    white-space: pre-wrap;

}

#changeset_content .container .message a:hover {

    text-decoration: none;

}

.cs_files .cur_cs {

    margin: 10px 2px;

    font-weight: bold;

}

.cs_files .node {

        }else{

            $clone_url.addClass('selected');

            $clone_url.select();

        }

    });

    $clone_by_name.click(function(e){

        // show url by name and hide name button

        $clone_url.show();

        $clone_by_name.hide();

        // hide url by id and show name button

        $clone_by_id.show();

        $clone_url_id.hide();

    });

    $clone_by_id.click(function(e){

        // show url by id and hide id button

        $clone_by_id.hide();

        $clone_url_id.show();

        // hide url by name and show id button

        $clone_by_name.show();

        $clone_url.hide();

    });

    var cache = {}

    $("#download_options").select2({

        placeholder: _TM['Select changeset'],

        dropdownAutoWidth: true,

        query: function(query){

          var key = 'cache';

          var cached = cache[key] ;

          if(cached) {

            var data = {results: []};

            //filter results

            $.each(cached.results, function(){

                var section = this.text;

                var children = [];

                $.each(this.children, function(){

                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){

                        children.push({'id': this.id, 'text': this.text});

                    }

                });

                data.results.push({'text': section, 'children': children});

            });

            query.callback(data);

          }else{

              $.ajax({

                url: pyroutes.url('repo_refs_data', {'repo_name': '${c.repo_name}'}),

                data: {},

                dataType: 'json',

                type: 'GET',

                success: function(data) {

                  cache[key] = data;

                  query.callback({results: data.results});

                }

              });

          }

        }

    });

    // on change of download options

    $('#download_options').change(function(e){

       var new_cs = e.added

       for(k in tmpl_links){

           var s = $('#'+k+'_link');

           if(s){

             var title_tmpl = "${_('Download %s as %s') % ('__CS_NAME__','__CS_EXT__')}";

             title_tmpl= title_tmpl.replace('__CS_NAME__',new_cs.text);

             title_tmpl = title_tmpl.replace('__CS_EXT__',k);

             title_tmpl = '<i class="icon-file-zip"></i> '+ title_tmpl;

             var url = tmpl_links[k].replace('__CS__',new_cs.id);

             var subrepos = $('#archive_subrepos').is(':checked');

             url = url.replace('__SUB__',subrepos);

             url = url.replace('__NAME__',title_tmpl);

             s.html(url);

           }

       }

    });

    var tmpl_links = {};

    %for cnt,archive in enumerate(c.db_repo_scm_instance._get_archives()):

      tmpl_links["${archive['type']}"] = '${h.link_to('__NAME__', h.url('files_archive_home',repo_name=c.db_repo.repo_name, fname='__CS__'+archive['extension'],subrepos='__SUB__'),class_='btn btn-default btn-sm')}';

    %endfor

});

</script>

%if c.show_stats:

<script type="text/javascript">

$(document).ready(function(){

    var data = ${c.trending_languages|n};

    var total = 0;

    var no_data = true;

    var tbl = document.createElement('table');

    var cnt = 0;

    for (var i=0;i<data.length;i++){

        total+= data[i][1].count;

    }

    for (var i=0;i<data.length;i++){

        cnt += 1;

        no_data = false;

        var hide = cnt>2;

        var tr = document.createElement('tr');

        if (hide){

            tr.setAttribute('style','display:none');

            tr.setAttribute('class','stats_hidden');

        }

        var k = data[i][0];

        var obj = data[i][1];

        var percentage = Math.round((obj.count/total*100),2);

        var td1 = document.createElement('td');

        var trending_language_label = document.createElement('div');

        trending_language_label.innerHTML = obj.desc+" ("+k+")";

        td1.appendChild(trending_language_label);

        var td2 = document.createElement('td');

        td2.setAttribute('style','padding-right:14px !important');

        var trending_language = document.createElement('div');

        var nr_files = obj.count+" ${_('files')}";

        trending_language.title = k+" "+nr_files;

        if (percentage>22){

        }

        else{

        }

        td2.appendChild(trending_language);

        tr.appendChild(td1);

        tr.appendChild(td2);

        tbl.appendChild(tr);

        if(cnt == 3){

            var show_more = document.createElement('tr');

            var td = document.createElement('td');

            lnk = document.createElement('a');

            lnk.href='#';

            lnk.innerHTML = "${_('Show more')}";

            lnk.id='code_stats_show_more';

            td.appendChild(lnk);

            show_more.appendChild(td);

            show_more.appendChild(document.createElement('td'));

            tbl.appendChild(show_more);

        }

    }

    if (data.length == 0) {

        tbl.innerHTML = "<tr><td>${_('No data ready yet')}</td></tr>";

    }

    $('#lang_stats').append(tbl);

    $('#code_stats_show_more').click(function(){

        $('.stats_hidden').show();

        $('#code_stats_show_more').hide();

    });

});

</script>

%endif

## Shortlog paging

<script type="text/javascript">

  $(document).ready(function(){

    var $shortlog_data = $('#shortlog_data');

    $shortlog_data.on('click','.pager_link',function(e){

      asynchtml(e.target.href, $shortlog_data, function(){tooltip_activate();});

      e.preventDefault();

    });

  });

</script>

</%def>