view pylons_app/templates/base/base.html @ 143:787689980bcd

Tempaltes changes for changelog and shortlog, changed menu generation in base
author Marcin Kuzminski <marcin@python-works.com>
date Sun, 09 May 2010 17:23:11 +0200
parents 7b778f90a871
children 085a937368d9
line wrap: on
line source

## -*- coding: utf-8 -*-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="mainhtml">
<head>
    <link rel="icon" href="/images/hgicon.png" type="image/png" />
    <meta name="robots" content="index, nofollow"/>
    <title>${next.title()}</title>
    ##<link rel="stylesheet" href="/js/yui/reset-fonts-grids/reset-fonts-grids.css" type="text/css" />
    ${self.css()}
    ${self.js()}
</head>

<body class="mainbody">
<div id="container">
    <div class="page-header">
        <h1>
            ${next.breadcrumbs()}
        </h1>
        <ul class="page-nav">
            ${self.page_nav()}
        </ul>
    </div>
    <div id="main">
    	${next.main()}
    </div>
    <div class="page-footer">
        Mercurial App &copy; 2010
    </div>   

    <div id="powered-by">
        <p>
        <a href="http://mercurial.selenic.com/" title="Mercurial">
            <img src="/images/hglogo.png" width="75" height="90" alt="mercurial"/></a>
        </p>
    </div>

    <div id="corner-top-left"></div>
    <div id="corner-top-right"></div>
    <div id="corner-bottom-left"></div>
    <div id="corner-bottom-right"></div>

</div>
</body>
</html>

<%def name="page_nav()">

	${self.menu()}

</%def>


<%def name="menu(current)">
        <ul class="page-nav">
        	<script>
        	YAHOO.util.Event.onDOMReady(function(){
				YAHOO.util.Event.addListener('repo_switcher','click',function(){
					if(YAHOO.util.Dom.hasClass('repo_switcher','selected')){
						YAHOO.util.Dom.setStyle('switch_repos','display','none');
						YAHOO.util.Dom.setStyle('repo_switcher','background','');
						YAHOO.util.Dom.removeClass('repo_switcher','selected');
					}
					else{
						YAHOO.util.Dom.setStyle('switch_repos','display','');
						YAHOO.util.Dom.setStyle('repo_switcher','background','#FFFFFF');
						YAHOO.util.Dom.addClass('repo_switcher','selected');
					}
					});
				YAHOO.util.Event.addListener('repos_list','change',function(e){
		            var wa = YAHOO.util.Dom.get('repos_list').value;
		        	
		            var url = "${h.url('summary_home',repo_name='__REPLACE__')}".replace('__REPLACE__',wa);
			        window.location = url;
				})
            });
        	</script>
			<li>
				<a id="repo_switcher" title="${_('Switch repository')}" href="#">&darr;</a>
				<div id="switch_repos" style="display:none;position: absolute;width: 150px;height: 25px">
					<select id="repos_list">
					%for repo in c.repo_list:
						<option value="${repo}">${repo}</option>
					%endfor
					</select>
				</div>			
			</li>
			<%def name="is_current(selected)">
				<%
				if selected == current:
					return 'current'
				else:
					return ''
				%>
			</%def>
            <li class="${is_current('summary')}">${h.link_to(_('summary'),h.url('summary_home',repo_name=c.repo_name))}</li>
            <li class="${is_current('shortlog')}">${h.link_to(_('shortlog'),h.url('shortlog_home',repo_name=c.repo_name))}</li>
			<li class="${is_current('changelog')}">${h.link_to(_('changelog'),h.url('changelog_home',repo_name=c.repo_name))}</li>            
            <li class="${is_current('branches')}">${h.link_to(_('branches'),h.url('branches_home',repo_name=c.repo_name))}</li>
            <li class="${is_current('tags')}">${h.link_to(_('tags'),h.url('tags_home',repo_name=c.repo_name))}</li>
            <li class="${is_current('files')}">${h.link_to(_('files'),h.url('files_home',repo_name=c.repo_name))}</li>
        </ul>
</%def>

<%def name="css()">
<link rel="stylesheet" href="/css/monoblue_custom.css" type="text/css" />
</%def>

<%def name="js()">
<script type="text/javascript" src="/js/yui/utilities/utilities.js"></script>
</%def>