self.items = list(self.collection[self.first_item:self.last_item + 1])

            # Links to previous and next page

            if self.page > self.first_page:

                self.previous_page = self.page - 1

            else:

                self.previous_page = None

            if self.page < self.last_page:

                self.next_page = self.page + 1

            else:

                self.next_page = None

        # No items available

        else:

            self.first_page = None

            self.page_count = 0

            self.last_page = None

            self.first_item = None

            self.last_item = None

            self.previous_page = None

            self.next_page = None

            self.items = []

        # This is a subclass of the 'list' type. Initialise the list now.

        list.__init__(self, reversed(self.items))

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 repo_link(groups_and_repos):

    """

    Makes a breadcrumbs link to repo within a group

    joins » on each group to create a fancy link

    ex::

        group >> subgroup >> repo

    :param groups_and_repos:

    """

    groups, repo_name = groups_and_repos

    if not groups:

        return repo_name

    else:

        def make_link(group):

            return link_to(group.name, url('repos_group_home',

                                           group_name=group.group_name))

        return literal(' » '.join(map(make_link, groups)) + \

                       " » " + repo_name)

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

    """

    a, d, t = stats[0], stats[1], stats[0] + stats[1]

    width = 100

    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 ''

    def cgen(l_type):

        map_getter = lambda x: mapping[x]

        if l_type == 'a' and d_v:

            #case when added and deleted are present

            return ' '.join(map(map_getter, ['tl', 'bl']))

        if l_type == 'a' and not d_v:

            return ' '.join(map(map_getter, ['tr', 'br', 'tl', 'bl']))

        if l_type == 'd' and a_v:

            return ' '.join(map(map_getter, ['tr', 'br']))

        if l_type == 'd' and not a_v:

            return ' '.join(map(map_getter, ['tr', 'br', 'tl', 'bl']))

    d_a = '<div class="added %s" style="width:%s%%">%s</div>' % (

        cgen('a'), a_p, a_v

    )

    d_d = '<div class="deleted %s" style="width:%s%%">%s</div>' % (

        cgen('d'), d_p, d_v

    )

    return literal('<div style="width:%spx">%s%s</div>' % (width, d_a, d_d))

def urlify_text(text_):

    import re

    url_pat = re.compile(r'''(http[s]?://(?:[a-zA-Z]|[0-9]|[$-_@.&+]'''

                         '''|[!*\(\),]|(?:%[0-9a-fA-F][0-9a-fA-F]))+)''')

    def url_func(match_obj):

        url_full = match_obj.groups()[0]

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

    return literal(url_pat.sub(url_func, text_))

def urlify_changesets(text_, repository):

    """

    Extract revision ids from changeset and make link from them

    :param text_:

    :param repository:

    """

    import re

    URL_PAT = re.compile(r'([0-9a-fA-F]{12,})')

    def url_func(match_obj):

        rev = match_obj.groups()[0]

        pref = ''

        if match_obj.group().startswith(' '):

            pref = ' '

        tmpl = (

        '%(pref)s<a class="%(cls)s" href="%(url)s">'

        '%(rev)s'

        '</a>'

        )

        return tmpl % {

         'pref': pref,

         'cls': 'revision-link',

         'url': url('changeset_home', repo_name=repository, revision=rev),

         'rev': rev,

        }

    newtext = URL_PAT.sub(url_func, text_)

    return newtext

def urlify_commit(text_, repository=None, link_=None):

    """

    Parses given text message and makes proper links.

    issues are linked to given issue-server, and rest is a changeset link

    if link_ is given, in other case it's a plain text

    :param text_:

    :param repository:

    :param link_: changeset link

    """

    import re

    import traceback

    def escaper(string):

        return string.replace('<', '&lt;').replace('>', '&gt;')

    def linkify_others(t, l):

        urls = re.compile(r'(\<a.*?\<\/a\>)',)

        links = []

        for e in urls.split(t):

            if not urls.match(e):

                links.append('<a class="message-link" href="%s">%s</a>' % (l, e))

            else:

                links.append(e)

        return ''.join(links)

ul.circle {

	list-style-type: circle;

}

ul.disc {

	list-style-type: disc;

}

ul.square {

	list-style-type: square;

}

ol.lower-roman {

	list-style-type: lower-roman;

}

ol.upper-roman {

	list-style-type: upper-roman;

}

ol.lower-alpha {

	list-style-type: lower-alpha;

}

ol.upper-alpha {

	list-style-type: upper-alpha;

}

ol.decimal {

	list-style-type: decimal;

}

div.color {

	clear: both;

	overflow: hidden;

	position: absolute;

	background: #FFF;

	margin: 7px 0 0 60px;

	padding: 1px 1px 1px 0;

}

div.color a {

	width: 15px;

	height: 15px;

	display: block;

	float: left;

	margin: 0 0 0 1px;

	padding: 0;

}

div.options {

	clear: both;

	overflow: hidden;

	position: absolute;

	background: #FFF;

	margin: 7px 0 0 162px;

	padding: 0;

}

div.options a {

	height: 1%;

	display: block;

	text-decoration: none;

	margin: 0;

	padding: 3px 8px;

}

.top-left-rounded-corner {

	-webkit-border-top-left-radius: 8px;

	-khtml-border-radius-topleft: 8px;

	-moz-border-radius-topleft: 8px;

	border-top-left-radius: 8px;

}

.top-right-rounded-corner {

	-webkit-border-top-right-radius: 8px;

	-khtml-border-radius-topright: 8px;

	-moz-border-radius-topright: 8px;

	border-top-right-radius: 8px;

}

.bottom-left-rounded-corner {

	-webkit-border-bottom-left-radius: 8px;

	-khtml-border-radius-bottomleft: 8px;

	-moz-border-radius-bottomleft: 8px;

	border-bottom-left-radius: 8px;

}

.bottom-right-rounded-corner {

	-webkit-border-bottom-right-radius: 8px;

	-khtml-border-radius-bottomright: 8px;

	-moz-border-radius-bottomright: 8px;

	border-bottom-right-radius: 8px;

}

.help-block {

    color: #999999;

    display: block;

    margin-bottom: 0;

    margin-top: 5px;

}

#header {

	margin: 0;

	padding: 0 10px;

}

#header ul#logged-user {

	margin-bottom: 5px !important;

	-webkit-border-radius: 0px 0px 8px 8px;

	-khtml-border-radius: 0px 0px 8px 8px;

	-moz-border-radius: 0px 0px 8px 8px;

	border-radius: 0px 0px 8px 8px;

	height: 37px;

    background-color: #eedc94;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),

        to(#eedc94) );

    background-image: -moz-linear-gradient(top, #003b76, #00376e);

    background-image: -ms-linear-gradient(top, #003b76, #00376e);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) );

    background-image: -webkit-linear-gradient(top, #003b76, #00376e);

    background-image: -o-linear-gradient(top, #003b76, #00376e);

    background-image: linear-gradient(top, #003b76, #00376e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',

        endColorstr='#00376e', GradientType=0 );

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

}

#header ul#logged-user li {

	list-style: none;

	float: left;

	margin: 8px 0 0;

	padding: 4px 12px;

	border-left: 1px solid #316293;

}

#header ul#logged-user li.first {

	border-left: none;

	margin: 4px;

}

#header ul#logged-user li.first div.gravatar {

	margin-top: -2px;

}

#header ul#logged-user li.first div.account {

	padding-top: 4px;

	float: left;

}

#header ul#logged-user li.last {

	border-right: none;

}

#header ul#logged-user li a {

	color: #fff;

	font-weight: 700;

	text-decoration: none;

}

#header ul#logged-user li a:hover {

	text-decoration: underline;

}

#header ul#logged-user li.highlight a {

	color: #fff;

}

#header ul#logged-user li.highlight a:hover {

	color: #FFF;

}

#header #header-inner {

	min-height: 44px;

	clear: both;

	position: relative;

    background-color: #eedc94;

    background-repeat: repeat-x;

    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),to(#eedc94) );

    background-image: -moz-linear-gradient(top, #003b76, #00376e);

    background-image: -ms-linear-gradient(top, #003b76, #00376e);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76),color-stop(100%, #00376e) );

    background-image: -webkit-linear-gradient(top, #003b76, #00376e);

    background-image: -o-linear-gradient(top, #003b76, #00376e);

    background-image: linear-gradient(top, #003b76, #00376e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',endColorstr='#00376e', GradientType=0 );

	margin: 0;

	padding: 0;

	display: block;

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);