Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2026-01-07 19:57:06 +00:00
Code Issues Releases Wiki Activity

Bootstrap navbar and message list

Browse Source
This commit is contained in:
James Hillyerd
2015-08-16 23:05:13 -07:00
parent 7b8b872ef0
commit f48704b6a6
5 changed files with 225 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
themes/bootstrap/templates/_base.html
View File

@@ -1,54 +1,75 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>{{template "title" .}}</title>
<link href="/public/main.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/png" href="/public/images/favicon.png">
<script src="/public/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/public/jquery.color.js" type="text/javascript" charset="utf-8"></script>
<link href="public/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link href="public/inbucket.css" rel="stylesheet">
<script src="public/bower_components/jquery/dist/jquery.js"></script>
<script src="public/bower_components/bootstrap/dist/js/bootstrap.js"></script>
{{template "script" .}}
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="/" accesskey="1" title="">Home</a></li>
<li><a href="/status" accesskey="2" title="">Status</a></li>
</ul>
<form id="search" action="{{reverse "MailboxIndex"}}" method="GET">
<fieldset>
<input name="name" type="text" id="input1" />
<input name="submit" type="submit" id="input2" value="Go" />
</fieldset>
</form>
</div>
<div id="content">
<div id="colOne">
{{template "menu" .}}
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">@ inbucket</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/" accesskey="1">Home</a></li>
<li><a href="/status" accesskey="2">Status</a></li>
</ul>
<form class="navbar-form navbar-right" action="{{reverse "MailboxIndex"}}" method="GET">
<div class="form-group">
<div class="input-group">
<input name="name"
type="text"
placeholder="mailbox"
class="form-control"
aria-describedby="at-inbucket-addon"/>
<span class="input-group-addon" id="at-inbucket-addon">@inbucket</span>
</div>
</div>
<button type="submit" class="btn btn-success">View</button>
</form>
</div><!--/.nav-collapse -->
</div>
<div id="colTwo">
{{with .ctx.Session.Flashes "errors"}}
<div class="errors">
<p>Please fix the following errors and resubmit:<p>
<ul>
{{range .}}
<li>{{.}}</li>
{{end}}
</ul>
</div>
{{end}}
{{template "content" .}}
</nav>
<div class="container">
{{with .ctx.Session.Flashes "errors"}}
<div class="alert alert-danger">
<p>Please fix the following errors and resubmit:<p>
<ul>
{{range .}}
<li>{{.}}</li>
{{end}}
</ul>
</div>
{{end}}
{{template "content" .}}
</div>
<div id="footer">
<p><a href="http://www.inbucket.org/">Inbucket</a> is an open source project hosted at
<a href="http://github.com/jhillyerd/inbucket">github</a>.
Design by <a href="http://www.freecsstemplates.org/">FCT</a>.</p>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted">
<a href="http://www.inbucket.org/">Inbucket</a> is an open source project hosted at
<a href="http://github.com/jhillyerd/inbucket">github</a>.
Design by <a href="http://getbootstrap.com/">Bootstrap</a>.
</p>
</div>
</footer>
</body>
</html>