public/templates/header.tpl

<!DOCTYPE html>
<html>
<head>
	<title>{browserTitle}</title>
	{meta_tags}
	<link href="{cssSrc}" rel="stylesheet" media="screen">
	<link href="{relative_path}/vendor/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="{relative_path}/vendor/fontawesome/css/font-awesome.min.css">
	<script>
		var RELATIVE_PATH = "{relative_path}";
	</script>
	<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
	<script type="text/javascript" src="{relative_path}/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="{relative_path}/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="{relative_path}/socket.io/socket.io.js"></script>
	<script type="text/javascript" src="{relative_path}/src/app.js"></script>
	<script src="{relative_path}/vendor/requirejs/require.js"></script>
	<script src="{relative_path}/vendor/bootbox/bootbox.min.js"></script>
	<script>
		require.config({
			baseUrl: "{relative_path}/src/modules",
			waitSeconds: 3
		});
	</script>
	<script type="text/javascript" src="{relative_path}/src/templates.js"></script>
	<script type="text/javascript" src="{relative_path}/src/ajaxify.js"></script>
	<script type="text/javascript" src="{relative_path}/src/jquery.form.js"></script>
	<script type="text/javascript" src="{relative_path}/src/utils.js"></script>

	<link rel="stylesheet" type="text/css" href="{relative_path}/css/nodebb.css" />


</head>

<body>
	<div id="mobile-menu-overlay">
	</div>
	<div class="navbar navbar-inverse navbar-fixed-top" id="header-menu">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="/">{title}</a>
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="nav-collapse collapse">
					<ul id="main-nav" class="nav nodebb-inline-block">
						<li>
							<a href="/recent">Recent</a>
						</li>
						<li>
							<a href="/unread">Unread</a>
						</li>
						<li>
							<a href="/users">Users</a>
						</li>
					</ul>
					<ul id="right-menu" class="nav pull-right nodebb-inline-block">
						<li class="notifications dropdown text-center">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>
							<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">
								<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>
							</ul>
						</li>
						<form id="search-form"
						class="form-search form-inline" action="" method="GET">
							<input type="text" name="query" class="input-medium search-query">
							<button type="submit" class="btn hide">Search</button>
						</form>
						
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<input id="csrf_token" type="hidden" template-variable="csrf" value="{csrf}" />

	
	<div class="container" id="content">
init, just some testing 2013-04-22 16:51:32 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
refactored all calls to app.build_header (in regular and auth routes) 2013-07-24 18:54:14 -04:00			`<title>{browserTitle}</title>`
first pass at meta tag construction abstraction (issue #116). Also addressed issue #118 2013-07-23 17:21:44 -04:00			`{meta_tags}`
applying custom theme (if enabled) to all routes 2013-05-28 12:31:55 -04:00			`<link href="{cssSrc}" rel="stylesheet" media="screen">`
first pass at subfolder 2013-07-10 16:22:03 -04:00			`<link href="{relative_path}/vendor/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">`
			`<link rel="stylesheet" href="{relative_path}/vendor/fontawesome/css/font-awesome.min.css">`
fixing issue where navigating to a non-existant category_id caused NodeBB to crash 2013-07-22 20:29:51 -04:00			`<script>`
			`var RELATIVE_PATH = "{relative_path}";`
			`</script>`
init, just some testing 2013-04-22 16:51:32 +00:00			`<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>`
first pass at subfolder 2013-07-10 16:22:03 -04:00			`<script type="text/javascript" src="{relative_path}/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>`
			`<script type="text/javascript" src="{relative_path}/vendor/bootstrap/js/bootstrap.min.js"></script>`
			`<script type="text/javascript" src="{relative_path}/socket.io/socket.io.js"></script>`
			`<script type="text/javascript" src="{relative_path}/src/app.js"></script>`
			`<script src="{relative_path}/vendor/requirejs/require.js"></script>`
			`<script src="{relative_path}/vendor/bootbox/bootbox.min.js"></script>`
added requirejs, new 'composer' module for all posting related functions (client-side) composer module only has "push" at the moment... doesn't render a window quite yet. 2013-06-03 16:06:11 -04:00			`<script>`
			`require.config({`
first pass at subfolder 2013-07-10 16:22:03 -04:00			`baseUrl: "{relative_path}/src/modules",`
added requirejs, new 'composer' module for all posting related functions (client-side) composer module only has "push" at the moment... doesn't render a window quite yet. 2013-06-03 16:06:11 -04:00			`waitSeconds: 3`
			`});`
			`</script>`
first pass at subfolder 2013-07-10 16:22:03 -04:00			`<script type="text/javascript" src="{relative_path}/src/templates.js"></script>`
			`<script type="text/javascript" src="{relative_path}/src/ajaxify.js"></script>`
			`<script type="text/javascript" src="{relative_path}/src/jquery.form.js"></script>`
			`<script type="text/javascript" src="{relative_path}/src/utils.js"></script>`
image upload and changing images will clean up later andrew stayla 2013-05-11 21:55:14 -04:00
first pass at subfolder 2013-07-10 16:22:03 -04:00			`<link rel="stylesheet" type="text/css" href="{relative_path}/css/nodebb.css" />`
more fixes for relative paths 2013-07-11 15:50:19 -04:00

init, just some testing 2013-04-22 16:51:32 +00:00			`</head>`

			`<body>`
mobileMenu module (categories menu), fixed bug I made in account.js when moving code to their own files, 2013-06-05 16:01:26 -04:00			`<div id="mobile-menu-overlay">`
			`</div>`
			`<div class="navbar navbar-inverse navbar-fixed-top" id="header-menu">`
logout functionality 2013-04-25 12:59:31 -04:00			`<div class="navbar-inner">`
			`<div class="container">`
title also changes the top menu badge as well 2013-06-07 15:08:47 -04:00			`<a class="brand" href="/">{title}</a>`
changing some niggling CSS to turn on bootstrap-responsive 2013-04-29 22:23:40 -04:00			`<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`</button>`
logout functionality 2013-04-25 12:59:31 -04:00			`<div class="nav-collapse collapse">`
closes #130 2013-07-24 12:33:37 -04:00			`<ul id="main-nav" class="nav nodebb-inline-block">`
finished recent, popular and active posts shells, just need to update api methods 2013-05-07 16:52:35 +00:00			`<li>`
cleaned up webserver.js a bit, moved api routes to its own file, closes #54 2013-07-31 15:17:03 -04:00			`<a href="/recent">Recent</a>`
more changes to notification dropdown in header bar 2013-05-23 12:54:57 -04:00			`</li>`
			`<li>`
added a new section that only shows unread topics, added mark all read button, closes #140 2013-07-28 18:27:49 -04:00			`<a href="/unread">Unread</a>`
			`</li>`
more changes to notification dropdown in header bar 2013-05-23 12:54:57 -04:00			`<li>`
			`<a href="/users">Users</a>`
			`</li>`
logout functionality 2013-04-25 12:59:31 -04:00			`</ul>`
changed updateHeader to check for the existance of the user label 2013-06-20 11:55:56 -04:00			`<ul id="right-menu" class="nav pull-right nodebb-inline-block">`
minor styling changes to notif window 2013-05-23 16:03:45 -04:00			`<li class="notifications dropdown text-center">`
more changes to notification dropdown in header bar 2013-05-23 12:54:57 -04:00			`<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>`
			`<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">`
			`<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>`
interim commit on notifications dropdown 2013-05-23 08:18:54 -04:00			`</ul>`
			`</li>`
swaped notif and search box 2013-08-03 20:57:03 -04:00			`<form id="search-form"`
			`class="form-search form-inline" action="" method="GET">`
			`<input type="text" name="query" class="input-medium search-query">`
			`<button type="submit" class="btn hide">Search</button>`
			`</form>`

logout functionality 2013-04-25 12:59:31 -04:00			`</ul>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
fixed indents 2013-06-20 16:48:17 -04:00
added csrf to ajax calls 2013-06-20 16:29:44 -04:00			`<input id="csrf_token" type="hidden" template-variable="csrf" value="{csrf}" />`

more fixes for relative paths 2013-07-11 15:50:19 -04:00
added csrf to ajax calls 2013-06-20 16:29:44 -04:00			`<div class="container" id="content">`