public/templates/header.tpl

<!DOCTYPE html>
<html>
<head>
	<title>{browserTitle}</title>
	{meta_tags}
	<link href="{cssSrc}" 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 src="http://code.jquery.com/jquery.js"></script>
	<script src="{relative_path}/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="{relative_path}/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="{relative_path}/socket.io/socket.io.js"></script>
	<script 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 src="{relative_path}/src/templates.js"></script>
	<script src="{relative_path}/src/ajaxify.js"></script>
	<script src="{relative_path}/src/jquery.form.js"></script>
	<script src="{relative_path}/src/utils.js"></script>

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

</head>

<body>
	<div class="navbar navbar-inverse navbar-fixed-top" id="header-menu">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		        </button>
		        <a class="navbar-brand" href="/">{title}</a>
		    </div>

			<div class="navbar-collapse collapse">
				<ul id="main-nav" class="nav navbar-nav">
					<li>
						<a href="/recent">Recent</a>
					</li>
					<li class="nodebb-loggedin">
						<a href="/unread"><span id="numUnreadBadge" class="badge badge-inverse">0</span> Unread</a>
					</li>
					<li>
						<a href="/users">Users</a>
					</li>
					<li>
						<a href="/"></a>
					</li>
				</ul>


				<ul id="right-menu" class="nav navbar-nav navbar-right">
					<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>
					<li>
						<form id="search-form" class="navbar-form navbar-right" role="search" method="GET" action="">
					      <div class="form-group">
					        <input type="text" class="form-control" placeholder="Search" name="query">
					      </div>
					      <button type="submit" class="btn btn-default hide">Search</button>
					    </form>
					</li>
				</ul>
				<div id="pagination"></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 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>`
Remove unneded type tags for scripts In HTML5 we can omit the type tag for scripts because it's useless in javascript. http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script -element "When used to include dynamic scripts, the scripts may either be embedded inline or may be imported from an external file using the src attribute. If the language is not that described by "text/javascript", then the type attribute must be present, as described below. Whatever language is used, the contents of the script element must conform with the requirements of that language's specification." 2013-08-09 16:15:04 +02:00			`<script src="http://code.jquery.com/jquery.js"></script>`
			`<script src="{relative_path}/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>`
			`<script src="{relative_path}/vendor/bootstrap/js/bootstrap.min.js"></script>`
			`<script src="{relative_path}/socket.io/socket.io.js"></script>`
			`<script src="{relative_path}/src/app.js"></script>`
first pass at subfolder 2013-07-10 16:22:03 -04:00			`<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>`
Remove unneded type tags for scripts In HTML5 we can omit the type tag for scripts because it's useless in javascript. http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script -element "When used to include dynamic scripts, the scripts may either be embedded inline or may be imported from an external file using the src attribute. If the language is not that described by "text/javascript", then the type attribute must be present, as described below. Whatever language is used, the contents of the script element must conform with the requirements of that language's specification." 2013-08-09 16:15:04 +02:00			`<script src="{relative_path}/src/templates.js"></script>`
			`<script src="{relative_path}/src/ajaxify.js"></script>`
			`<script src="{relative_path}/src/jquery.form.js"></script>`
			`<script 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 class="navbar navbar-inverse navbar-fixed-top" id="header-menu">`
BS3 basic integration; btn-large to btn-lg (inc FA); navbar fixed 2013-08-22 02:57:18 +08:00			`<div class="container">`
			`<div class="navbar-header">`
			`<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`<span class="icon-bar"></span>`
			`</button>`
finished pagination for topic view 2013-08-28 01:23:19 +08:00			`<a class="navbar-brand" href="/">{title}</a>`
BS3 basic integration; btn-large to btn-lg (inc FA); navbar fixed 2013-08-22 02:57:18 +08:00			`</div>`

			`<div class="navbar-collapse collapse">`
			`<ul id="main-nav" class="nav navbar-nav">`
			`<li>`
			`<a href="/recent">Recent</a>`
			`</li>`
			`<li class="nodebb-loggedin">`
			`<a href="/unread"><span id="numUnreadBadge" class="badge badge-inverse">0</span> Unread</a>`
			`</li>`
			`<li>`
			`<a href="/users">Users</a>`
			`</li>`
added postcount to topics return; started scrollspy behaviour for "postid / postcount" in topics. 2013-08-27 06:36:49 +08:00			`<li>`
			`<a href="/"></a>`
			`</li>`
BS3 basic integration; btn-large to btn-lg (inc FA); navbar fixed 2013-08-22 02:57:18 +08:00			`</ul>`
added postcount to topics return; started scrollspy behaviour for "postid / postcount" in topics. 2013-08-27 06:36:49 +08:00

removed some unnecessary CSS 2013-08-28 01:30:43 +08:00
			`<ul id="right-menu" class="nav navbar-nav navbar-right">`
BS3 basic integration; btn-large to btn-lg (inc FA); navbar fixed 2013-08-22 02:57:18 +08:00			`<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>`
			`<li>`
removed some unnecessary CSS 2013-08-28 01:30:43 +08:00			`<form id="search-form" class="navbar-form navbar-right" role="search" method="GET" action="">`
			`<div class="form-group">`
			`<input type="text" class="form-control" placeholder="Search" name="query">`
			`</div>`
			`<button type="submit" class="btn btn-default hide">Search</button>`
			`</form>`
BS3 basic integration; btn-large to btn-lg (inc FA); navbar fixed 2013-08-22 02:57:18 +08:00			`</li>`
			`</ul>`
finished pagination for topic view 2013-08-28 01:23:19 +08:00			`<div id="pagination"></div>`
logout functionality 2013-04-25 12:59:31 -04:00			`</div>`
			`</div>`
			`</div>`
trim whitespace mode on 2013-08-24 03:30:34 +08: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}" />`

trim whitespace mode on 2013-08-24 03:30:34 +08:00
added csrf to ajax calls 2013-06-20 16:29:44 -04:00			`<div class="container" id="content">`