Files
@ 33b71a130b16
Branch filter:
Location: kallithea/kallithea/templates/base/base.html
33b71a130b16
23.6 KiB
text/html
templates: properly escape inline JavaScript values
TLDR: Kallithea has issues with escaping values for use in inline JS.
Despite judicious poking of the code, no actual security vulnerabilities
have been found, just lots of corner-case bugs. This patch fixes those,
and hardens the code against actual security issues.
The long version:
To embed a Python value (typically a 'unicode' plain-text value) in a
larger file, it must be escaped in a context specific manner. Example:
>>> s = u'<script>alert("It\'s a trap!");</script>'
1) Escaped for insertion into HTML element context
>>> print cgi.escape(s)
<script>alert("It's a trap!");</script>
2) Escaped for insertion into HTML element or attribute context
>>> print h.escape(s)
<script>alert("It's a trap!");</script>
This is the default Mako escaping, as usually used by Kallithea.
3) Encoded as JSON
>>> print json.dumps(s)
"<script>alert(\"It's a trap!\");</script>"
4) Escaped for insertion into a JavaScript file
>>> print '(' + json.dumps(s) + ')'
("<script>alert(\"It's a trap!\");</script>")
The parentheses are not actually required for strings, but may be needed
to avoid syntax errors if the value is a number or dict (object).
5) Escaped for insertion into a HTML inline <script> element
>>> print h.js(s)
("\x3cscript\x3ealert(\"It's a trap!\");\x3c/script\x3e")
Here, we need to combine JS and HTML escaping, further complicated by
the fact that "<script>" tag contents can either be parsed in XHTML mode
(in which case '<', '>' and '&' must additionally be XML escaped) or
HTML mode (in which case '</script>' must be escaped, but not using HTML
escaping, which is not available in HTML "<script>" tags). Therefore,
the XML special characters (which can only occur in string literals) are
escaped using JavaScript string literal escape sequences.
(This, incidentally, is why modern web security best practices ban all
use of inline JavaScript...)
Unsurprisingly, Kallithea does not do (5) correctly. In most cases,
Kallithea might slap a pair of single quotes around the HTML escaped
Python value. A typical benign example:
$('#child_link').html('${_('No revisions')}');
This works in English, but if a localized version of the string contains
an apostrophe, the result will be broken JavaScript. In the more severe
cases, where the text is user controllable, it leaves the door open to
injections. In this example, the script inserts the string as HTML, so
Mako's implicit HTML escaping makes sense; but in many other cases, HTML
escaping is actually an error, because the value is not used by the
script in an HTML context.
The good news is that the HTML escaping thwarts attempts at XSS, since
it's impossible to inject syntactically valid JavaScript of any useful
complexity. It does allow JavaScript errors and gibberish to appear on
the page, though.
In these cases, the escaping has been fixed to use either the new 'h.js'
helper, which does JavaScript escaping (but not HTML escaping), OR the
new 'h.jshtml' helper (which does both), in those cases where it was
unclear if the value might be used (by the script) in an HTML context.
Some of these can probably be "relaxed" from h.jshtml to h.js later, but
for now, using h.jshtml fixes escaping and doesn't introduce new errors.
In a few places, Kallithea JSON encodes values in the controller, then
inserts the JSON (without any further escaping) into <script> tags. This
is also wrong, and carries actual risk of XSS vulnerabilities. However,
in all cases, security vulnerabilities were narrowly avoided due to other
filtering in Kallithea. (E.g. many special characters are banned from
appearing in usernames.) In these cases, the escaping has been fixed
and moved to the template, making it immediately visible that proper
escaping has been performed.
Mini-FAQ (frequently anticipated questions):
Q: Why do everything in one big, hard to review patch?
Q: Why add escaping in specific case FOO, it doesn't seem needed?
Because the goal here is to have "escape everywhere" as the default
policy, rather than identifying individual bugs and fixing them one
by one by adding escaping where needed. As such, this patch surely
introduces a lot of needless escaping. This is no different from
how Mako/Pylons HTML escape everything by default, even when not
needed: it's errs on the side of needless work, to prevent erring
on the side of skipping required (and security critical) work.
As for reviewability, the most important thing to notice is not where
escaping has been introduced, but any places where it might have been
missed (or where h.jshtml is needed, but h.js is used).
Q: The added escaping is kinda verbose/ugly.
That is not a question, but yes, I agree. Hopefully it'll encourage us
to move away from inline JavaScript altogether. That's a significantly
larger job, though; with luck this patch will keep us safe and secure
until such a time as we can implement the real fix.
Q: Why not use Mako filter syntax ("${val|h.js}")?
Because of long-standing Mako bug #140, preventing use of 'h' in
filters.
Q: Why not work around bug #140, or even use straight "${val|js}"?
Because Mako still applies the default h.escape filter before the
explicitly specified filters.
Q: Where do we go from here?
Longer term, we should stop doing variable expansions in script blocks,
and instead pass data to JS via e.g. data attributes, or asynchronously
using AJAX calls. Once we've done that, we can remove inline JavaScript
altogether in favor of separate script files, and set a strict Content
Security Policy explicitly blocking inline scripting, and thus also the
most common kind of cross-site scripting attack.
TLDR: Kallithea has issues with escaping values for use in inline JS.
Despite judicious poking of the code, no actual security vulnerabilities
have been found, just lots of corner-case bugs. This patch fixes those,
and hardens the code against actual security issues.
The long version:
To embed a Python value (typically a 'unicode' plain-text value) in a
larger file, it must be escaped in a context specific manner. Example:
>>> s = u'<script>alert("It\'s a trap!");</script>'
1) Escaped for insertion into HTML element context
>>> print cgi.escape(s)
<script>alert("It's a trap!");</script>
2) Escaped for insertion into HTML element or attribute context
>>> print h.escape(s)
<script>alert("It's a trap!");</script>
This is the default Mako escaping, as usually used by Kallithea.
3) Encoded as JSON
>>> print json.dumps(s)
"<script>alert(\"It's a trap!\");</script>"
4) Escaped for insertion into a JavaScript file
>>> print '(' + json.dumps(s) + ')'
("<script>alert(\"It's a trap!\");</script>")
The parentheses are not actually required for strings, but may be needed
to avoid syntax errors if the value is a number or dict (object).
5) Escaped for insertion into a HTML inline <script> element
>>> print h.js(s)
("\x3cscript\x3ealert(\"It's a trap!\");\x3c/script\x3e")
Here, we need to combine JS and HTML escaping, further complicated by
the fact that "<script>" tag contents can either be parsed in XHTML mode
(in which case '<', '>' and '&' must additionally be XML escaped) or
HTML mode (in which case '</script>' must be escaped, but not using HTML
escaping, which is not available in HTML "<script>" tags). Therefore,
the XML special characters (which can only occur in string literals) are
escaped using JavaScript string literal escape sequences.
(This, incidentally, is why modern web security best practices ban all
use of inline JavaScript...)
Unsurprisingly, Kallithea does not do (5) correctly. In most cases,
Kallithea might slap a pair of single quotes around the HTML escaped
Python value. A typical benign example:
$('#child_link').html('${_('No revisions')}');
This works in English, but if a localized version of the string contains
an apostrophe, the result will be broken JavaScript. In the more severe
cases, where the text is user controllable, it leaves the door open to
injections. In this example, the script inserts the string as HTML, so
Mako's implicit HTML escaping makes sense; but in many other cases, HTML
escaping is actually an error, because the value is not used by the
script in an HTML context.
The good news is that the HTML escaping thwarts attempts at XSS, since
it's impossible to inject syntactically valid JavaScript of any useful
complexity. It does allow JavaScript errors and gibberish to appear on
the page, though.
In these cases, the escaping has been fixed to use either the new 'h.js'
helper, which does JavaScript escaping (but not HTML escaping), OR the
new 'h.jshtml' helper (which does both), in those cases where it was
unclear if the value might be used (by the script) in an HTML context.
Some of these can probably be "relaxed" from h.jshtml to h.js later, but
for now, using h.jshtml fixes escaping and doesn't introduce new errors.
In a few places, Kallithea JSON encodes values in the controller, then
inserts the JSON (without any further escaping) into <script> tags. This
is also wrong, and carries actual risk of XSS vulnerabilities. However,
in all cases, security vulnerabilities were narrowly avoided due to other
filtering in Kallithea. (E.g. many special characters are banned from
appearing in usernames.) In these cases, the escaping has been fixed
and moved to the template, making it immediately visible that proper
escaping has been performed.
Mini-FAQ (frequently anticipated questions):
Q: Why do everything in one big, hard to review patch?
Q: Why add escaping in specific case FOO, it doesn't seem needed?
Because the goal here is to have "escape everywhere" as the default
policy, rather than identifying individual bugs and fixing them one
by one by adding escaping where needed. As such, this patch surely
introduces a lot of needless escaping. This is no different from
how Mako/Pylons HTML escape everything by default, even when not
needed: it's errs on the side of needless work, to prevent erring
on the side of skipping required (and security critical) work.
As for reviewability, the most important thing to notice is not where
escaping has been introduced, but any places where it might have been
missed (or where h.jshtml is needed, but h.js is used).
Q: The added escaping is kinda verbose/ugly.
That is not a question, but yes, I agree. Hopefully it'll encourage us
to move away from inline JavaScript altogether. That's a significantly
larger job, though; with luck this patch will keep us safe and secure
until such a time as we can implement the real fix.
Q: Why not use Mako filter syntax ("${val|h.js}")?
Because of long-standing Mako bug #140, preventing use of 'h' in
filters.
Q: Why not work around bug #140, or even use straight "${val|js}"?
Because Mako still applies the default h.escape filter before the
explicitly specified filters.
Q: Where do we go from here?
Longer term, we should stop doing variable expansions in script blocks,
and instead pass data to JS via e.g. data attributes, or asynchronously
using AJAX calls. Once we've done that, we can remove inline JavaScript
altogether in favor of separate script files, and set a strict Content
Security Policy explicitly blocking inline scripting, and thus also the
most common kind of cross-site scripting attack.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 | ## -*- coding: utf-8 -*-
<%inherit file="root.html"/>
<!-- CONTENT -->
<div id="content">
${self.flash_msg()}
<div id="main">
${next.main()}
</div>
</div>
<!-- END CONTENT -->
<!-- FOOTER -->
<div id="footer" class="footer navbar navbar-inverse">
<span class="navbar-text pull-left">
${_('Server instance: %s') % c.instance_id if c.instance_id else ''}
</span>
<span class="navbar-text pull-right">
This site is powered by
%if c.visual.show_version:
<a class="navbar-link" href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a> ${c.kallithea_version},
%else:
<a class="navbar-link" href="${h.url('kallithea_project_url')}" target="_blank">Kallithea</a>,
%endif
which is
<a class="navbar-link" href="${h.canonical_url('about')}#copyright">© 2010–2017 by various authors & licensed under GPLv3</a>.
%if c.issues_url:
– <a class="navbar-link" href="${c.issues_url}" target="_blank">${_('Support')}</a>
%endif
</span>
</div>
<!-- END FOOTER -->
### MAKO DEFS ###
<%block name="branding_title">
%if c.site_name:
· ${c.site_name}
%endif
</%block>
<%def name="flash_msg()">
<%include file="/base/flash_msg.html"/>
</%def>
<%def name="breadcrumbs()">
<div class="breadcrumbs panel-title">
${self.breadcrumbs_links()}
</div>
</%def>
<%def name="admin_menu()">
<ul class="dropdown-menu" role="menu">
<li><a href="${h.url('admin_home')}"><i class="icon-book"></i> ${_('Admin Journal')}</a></li>
<li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>
<li><a href="${h.url('repos_groups')}"><i class="icon-folder"></i> ${_('Repository Groups')}</a></li>
<li><a href="${h.url('users')}"><i class="icon-user"></i> ${_('Users')}</a></li>
<li><a href="${h.url('users_groups')}"><i class="icon-users"></i> ${_('User Groups')}</a></li>
<li><a href="${h.url('admin_permissions')}"><i class="icon-block"></i> ${_('Default Permissions')}</a></li>
<li><a href="${h.url('auth_home')}"><i class="icon-key"></i> ${_('Authentication')}</a></li>
<li><a href="${h.url('defaults')}"><i class="icon-wrench"></i> ${_('Repository Defaults')}</a></li>
<li class="last"><a href="${h.url('admin_settings')}"><i class="icon-gear"></i> ${_('Settings')}</a></li>
</ul>
</%def>
## admin menu used for people that have some admin resources
<%def name="admin_menu_simple(repositories=None, repository_groups=None, user_groups=None)">
<ul class="dropdown-menu" role="menu">
%if repositories:
<li><a href="${h.url('repos')}"><i class="icon-database"></i> ${_('Repositories')}</a></li>
%endif
%if repository_groups:
<li><a href="${h.url('repos_groups')}"><i class="icon-folder"></i> ${_('Repository Groups')}</a></li>
%endif
%if user_groups:
<li><a href="${h.url('users_groups')}"><i class="icon-users"></i> ${_('User Groups')}</a></li>
%endif
</ul>
</%def>
<%def name="repotag(repo)">
%if h.is_hg(repo):
<span class="repotag" title="${_('Mercurial repository')}">hg</span>
%endif
%if h.is_git(repo):
<span class="repotag" title="${_('Git repository')}">git</span>
%endif
</%def>
<%def name="repo_context_bar(current=None, rev=None)">
<% rev = None if rev == 'tip' else rev %>
<!--- CONTEXT BAR -->
<nav id="context-bar" class="navbar navbar-inverse">
<div class="navbar-header">
<div class="navbar-brand">
${repotag(c.db_repo)}
## public/private
%if c.db_repo.private:
<i class="icon-keyhole-circled"></i>
%else:
<i class="icon-globe"></i>
%endif
%for group in c.db_repo.groups_with_parents:
${h.link_to(group.name, url('repos_group_home', group_name=group.group_name), class_='navbar-link')}
»
%endfor
${h.link_to(c.db_repo.just_name, url('summary_home', repo_name=c.db_repo.repo_name), class_='navbar-link')}
%if current == 'createfork':
- ${_('Create Fork')}
%endif
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#context-pages" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<ul id="context-pages" class="nav navbar-nav navbar-right navbar-collapse collapse">
<li class="${'active' if current == 'summary' else ''}" data-context="summary"><a href="${h.url('summary_home', repo_name=c.repo_name)}"><i class="icon-doc-text"></i> ${_('Summary')}</a></li>
%if rev:
<li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_file_home', repo_name=c.repo_name, revision=rev, f_path='')}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>
%else:
<li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_home', repo_name=c.repo_name)}"><i class="icon-clock"></i> ${_('Changelog')}</a></li>
%endif
<li class="${'active' if current == 'files' else ''}" data-context="files"><a href="${h.url('files_home', repo_name=c.repo_name, revision=rev or 'tip')}"><i class="icon-doc-inv"></i> ${_('Files')}</a></li>
<li class="${'active' if current == 'switch-to' else ''}" data-context="switch-to">
<input id="branch_switcher" name="branch_switcher" type="hidden">
</li>
<li class="${'active' if current == 'options' else ''} dropdown" data-context="options">
%if h.HasRepoPermissionLevel('admin')(c.repo_name):
<a href="${h.url('edit_repo',repo_name=c.repo_name)}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true"><i class="icon-wrench"></i> ${_('Options')} <i class="caret"></i></a>
%else:
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true"><i class="icon-wrench"></i> ${_('Options')} <i class="caret"></i></a>
%endif
<ul class="dropdown-menu" role="menu" aria-hidden="true">
%if h.HasRepoPermissionLevel('admin')(c.repo_name):
<li><a href="${h.url('edit_repo',repo_name=c.repo_name)}"><i class="icon-gear"></i> ${_('Settings')}</a></li>
%endif
%if c.db_repo.fork:
<li><a href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1], other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}">
<i class="icon-git-compare"></i> ${_('Compare Fork')}</a></li>
%endif
<li><a href="${h.url('compare_home',repo_name=c.repo_name)}"><i class="icon-git-compare"></i> ${_('Compare')}</a></li>
<li><a href="${h.url('search_repo',repo_name=c.repo_name)}"><i class="icon-search"></i> ${_('Search')}</a></li>
%if h.HasRepoPermissionLevel('write')(c.repo_name) and c.db_repo.enable_locking:
%if c.db_repo.locked[0]:
<li><a href="${h.url('toggle_locking', repo_name=c.repo_name)}"><i class="icon-lock"></i> ${_('Unlock')}</a></li>
%else:
<li><a href="${h.url('toggle_locking', repo_name=c.repo_name)}"><i class="icon-lock-open-alt"></i> ${_('Lock')}</li>
%endif
%endif
## TODO: this check feels wrong, it would be better to have a check for permissions
## also it feels like a job for the controller
%if request.authuser.username != 'default':
<li>
<a href="#" class="${'following' if c.repository_following else 'follow'}" onclick="toggleFollowingRepo(this, ${c.db_repo.repo_id});">
<span class="show-follow"><i class="icon-heart-empty"></i> ${_('Follow')}</span>
<span class="show-following"><i class="icon-heart"></i> ${_('Unfollow')}</span>
</a>
</li>
<li><a href="${h.url('repo_fork_home',repo_name=c.repo_name)}"><i class="icon-git-pull-request"></i> ${_('Fork')}</a></li>
<li><a href="${h.url('pullrequest_home',repo_name=c.repo_name)}"><i class="icon-git-pull-request"></i> ${_('Create Pull Request')}</a></li>
%endif
</ul>
</li>
<li class="${'active' if current == 'showpullrequest' else ''}" data-context="showpullrequest">
<a href="${h.url('pullrequest_show_all',repo_name=c.repo_name)}" title="${_('Show Pull Requests for %s') % c.repo_name}"> <i class="icon-git-pull-request"></i> ${_('Pull Requests')}
%if c.repository_pull_requests:
<span class="badge">${c.repository_pull_requests}</span>
%endif
</a>
</li>
</ul>
</nav>
<script type="text/javascript">
$(document).ready(function() {
var bcache = {};
$("#branch_switcher").select2({
placeholder: '<span class="navbar-text"> <i class="icon-exchange"></i> ' + ${h.jshtml(_('Switch To'))} + ' <span class="caret"></span></span>',
dropdownAutoWidth: true,
sortResults: prefixFirstSort,
formatResult: function(obj) {
return obj.text;
},
formatSelection: function(obj) {
return obj.text;
},
formatNoMatches: function(term) {
return ${h.jshtml(_('No matches found'))};
},
escapeMarkup: function(m) {
// don't escape our custom placeholder
if (m.substr(0, 25) == '<span class="navbar-text"') {
return m;
}
return Select2.util.escapeMarkup(m);
},
containerCssClass: "branch-switcher",
dropdownCssClass: "repo-switcher-dropdown",
query: function(query) {
var key = 'cache';
var cached = bcache[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,
'type': this.type,
'obj': this.obj
});
}
});
if (children.length !== 0) {
data.results.push({
'text': section,
'children': children
});
}
});
query.callback(data);
} else {
$.ajax({
url: pyroutes.url('repo_refs_data', {
'repo_name': ${h.js(c.repo_name)}
}),
data: {},
dataType: 'json',
type: 'GET',
success: function(data) {
bcache[key] = data;
query.callback(data);
}
});
}
}
});
$("#branch_switcher").on('select2-selecting', function(e) {
e.preventDefault();
var context = $('#context-bar .active').data('context');
if (context == 'files') {
window.location = pyroutes.url('files_home', {
'repo_name': REPO_NAME,
'revision': e.choice.id,
'f_path': '',
'at': e.choice.text
});
} else if (context == 'changelog') {
if (e.choice.type == 'tag' || e.choice.type == 'book') {
$("#branch_filter").append($('<'+'option/>').val(e.choice.text));
}
$("#branch_filter").val(e.choice.text).change();
} else {
window.location = pyroutes.url('changelog_home', {
'repo_name': ${h.js(c.repo_name)},
'branch': e.choice.text
});
}
});
});
</script>
<!--- END CONTEXT BAR -->
</%def>
<%def name="menu(current=None)">
<ul id="quick" class="nav navbar-nav navbar-right">
<!-- repo switcher -->
<li class="${'active' if current == 'repositories' else ''}">
<input id="repo_switcher" name="repo_switcher" type="hidden">
</li>
##ROOT MENU
%if request.authuser.username != 'default':
<li class="${'active' if current == 'journal' else ''}">
<a class="menu_link" title="${_('Show recent activity')}" href="${h.url('journal')}">
<i class="icon-book"></i> ${_('Journal')}
</a>
</li>
%else:
<li class="${'active' if current == 'journal' else ''}">
<a class="menu_link" title="${_('Public journal')}" href="${h.url('public_journal')}">
<i class="icon-book"></i> ${_('Public journal')}
</a>
</li>
%endif
<li class="${'active' if current == 'gists' else ''} dropdown">
<a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Show public gists')}" href="${h.url('gists')}">
<i class="icon-clippy"></i> ${_('Gists')} <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="${h.url('new_gist', public=1)}"><i class="icon-paste"></i> ${_('Create New Gist')}</a></li>
<li><a href="${h.url('gists')}"><i class="icon-globe"></i> ${_('All Public Gists')}</a></li>
%if request.authuser.username != 'default':
<li><a href="${h.url('gists', public=1)}"><i class="icon-user"></i> ${_('My Public Gists')}</a></li>
<li><a href="${h.url('gists', private=1)}"><i class="icon-keyhole-circled"></i> ${_('My Private Gists')}</a></li>
%endif
</ul>
</li>
<li class="${'active' if current == 'search' else ''}">
<a class="menu_link" title="${_('Search in repositories')}" href="${h.url('search')}">
<i class="icon-search"></i> ${_('Search')}
</a>
</li>
% if h.HasPermissionAny('hg.admin')('access admin main page'):
<li class="${'active' if current == 'admin' else ''} dropdown">
<a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Admin')}" href="${h.url('admin_home')}">
<i class="icon-gear"></i> ${_('Admin')} <span class="caret"></span>
</a>
${admin_menu()}
</li>
% elif request.authuser.repositories_admin or request.authuser.repository_groups_admin or request.authuser.user_groups_admin:
<li class="${'active' if current == 'admin' else ''} dropdown">
<a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" title="${_('Admin')}">
<i class="icon-gear"></i> ${_('Admin')}
</a>
${admin_menu_simple(request.authuser.repositories_admin,
request.authuser.repository_groups_admin,
request.authuser.user_groups_admin or h.HasPermissionAny('hg.usergroup.create.true')())}
</li>
% endif
<li class="${'active' if current == 'my_pullrequests' else ''}">
<a class="menu_link" title="${_('My Pull Requests')}" href="${h.url('my_pullrequests')}">
<i class="icon-git-pull-request"></i> ${_('My Pull Requests')}
%if c.my_pr_count != 0:
<span class="badge">${c.my_pr_count}</span>
%endif
</a>
</li>
## USER MENU
<li class="dropdown">
<a class="menu_link dropdown-toggle" data-toggle="dropdown" role="button" id="quick_login_link"
aria-expanded="false" aria-controls="quick_login"
%if request.authuser.username != 'default':
href="${h.url('notifications')}"
%else:
href="#"
%endif
>
${h.gravatar_div(request.authuser.email, size=20, div_class="icon")}
%if request.authuser.username != 'default':
<span class="menu_link_user">${request.authuser.username}</span>
%if c.unread_notifications != 0:
<span class="badge">${c.unread_notifications}</span>
%endif
%else:
<span>${_('Not Logged In')}</span>
%endif
</a>
<div class="dropdown-menu user-menu" role="menu">
<div id="quick_login" role="form" aria-describedby="quick_login_h" aria-hidden="true" class="container-fluid">
%if request.authuser.username == 'default' or request.authuser.user_id is None:
${h.form(h.url('login_home', came_from=request.path_qs), class_='form clearfix')}
<h4 id="quick_login_h">${_('Login to Your Account')}</h4>
<label>
${_('Username')}:
${h.text('username',class_='form-control')}
</label>
<label>
${_('Password')}:
${h.password('password',class_='form-control')}
</label>
<div class="password_forgotten">
${h.link_to(_('Forgot password?'),h.url('reset_password'))}
</div>
<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.url('register'))}
%endif
</div>
<div class="submit">
${h.submit('sign_in',_('Log In'),class_="btn btn-default btn-xs")}
</div>
${h.end_form()}
%else:
<div class="pull-left">
${h.gravatar_div(request.authuser.email, size=48, div_class="big_gravatar")}
<b class="full_name">${request.authuser.full_name_or_username}</b>
<div class="email">${request.authuser.email}</div>
</div>
<div id="quick_login_h" class="pull-right list-group text-right">
<a class="list-group-item" href="${h.url('notifications')}">${_('Notifications')}: ${c.unread_notifications}</a>
${h.link_to(_('My Account'),h.url('my_account'),class_='list-group-item')}
%if not request.authuser.is_external_auth:
## Cannot log out if using external (container) authentication.
${h.link_to(_('Log Out'), h.url('logout_home'),class_='list-group-item')}
%endif
</div>
%endif
</div>
</div>
</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
var visual_show_public_icon = ${h.js(c.visual.show_public_icon)};
var cache = {}
/*format the look of items in the list*/
var format = function(state){
if (!state.id){
return state.text; // optgroup
}
var obj_dict = state.obj;
var tmpl = '';
if(obj_dict && state.type == 'repo'){
tmpl += '<span class="repo-icons">';
if(obj_dict['repo_type'] === 'hg'){
tmpl += '<span class="repotag">hg</span> ';
}
else if(obj_dict['repo_type'] === 'git'){
tmpl += '<span class="repotag">git</span> ';
}
if(obj_dict['private']){
tmpl += '<i class="icon-keyhole-circled"></i> ';
}
else if(visual_show_public_icon){
tmpl += '<i class="icon-globe"></i> ';
}
tmpl += '</span>';
}
if(obj_dict && state.type == 'group'){
tmpl += '<i class="icon-folder"></i> ';
}
tmpl += state.text;
return tmpl;
}
$("#repo_switcher").select2({
placeholder: '<span class="navbar-text"><i class="icon-database"></i> ' + ${h.jshtml(_('Repositories'))} + ' <span class="caret"></span></span>',
dropdownAutoWidth: true,
sortResults: prefixFirstSort,
formatResult: format,
formatSelection: format,
formatNoMatches: function(term){
return ${h.jshtml(_('No matches found'))};
},
containerCssClass: "repo-switcher",
dropdownCssClass: "repo-switcher-dropdown",
escapeMarkup: function(m){
// don't escape our custom placeholder
if(m.substr(0,55) == '<span class="navbar-text"><i class="icon-database"></i>'){
return m;
}
return Select2.util.escapeMarkup(m);
},
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, 'type': this.type, 'obj': this.obj});
}
});
if(children.length !== 0){
data.results.push({'text': section, 'children': children});
}
});
query.callback(data);
}else{
$.ajax({
url: ${h.js(h.url('repo_switcher_data'))},
data: {},
dataType: 'json',
type: 'GET',
success: function(data) {
cache[key] = data;
query.callback({results: data.results});
}
});
}
}
});
$("#repo_switcher").on('select2-selecting', function(e){
e.preventDefault();
window.location = pyroutes.url('summary_home', {'repo_name': e.val});
});
$(document).on('shown.bs.dropdown', function(event) {
var dropdown = $(event.target);
dropdown.attr('aria-expanded', true);
dropdown.find('.dropdown-menu').attr('aria-hidden', false);
});
$(document).on('hidden.bs.dropdown', function(event) {
var dropdown = $(event.target);
dropdown.attr('aria-expanded', false);
dropdown.find('.dropdown-menu').attr('aria-hidden', true);
});
});
</script>
</%def>
|