You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@bloodhound.apache.org by jd...@apache.org on 2012/03/29 18:27:23 UTC
svn commit: r1306967 - in /incubator/bloodhound/trunk/doc/html-templates:
activity-iframe.html search.html source.html ticket.html wiki.html
Author: jdreimann
Date: Thu Mar 29 16:27:23 2012
New Revision: 1306967
URL: http://svn.apache.org/viewvc?rev=1306967&view=rev
Log:
Major update to the header and footer on all pages.
Created initially empty frames for several views such as wiki.html, source.html and ticket.html
Connected more links between the different pages.
Made the activity feed an iframe just for these mockups, to make it easier to update.
Re-created logo in html for sharper text.
Added:
incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html (with props)
incubator/bloodhound/trunk/doc/html-templates/search.html (with props)
incubator/bloodhound/trunk/doc/html-templates/source.html (with props)
incubator/bloodhound/trunk/doc/html-templates/ticket.html (with props)
incubator/bloodhound/trunk/doc/html-templates/wiki.html (with props)
Added: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html?rev=1306967&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html Thu Mar 29 16:27:23 2012
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+ <title>Activity iframe</title>
+ <base target="_parent" />
+</head>
+<body>
+<div>
+<table class="table">
+ <thead>
+ <tr><th>Today</th></tr>
+ </thead>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+</table>
+<table class="table">
+ <thead>
+ <tr>
+ <th>Yesterday</th>
+ </tr>
+ </thead>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+ <tr>
+ <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
+ <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+ </tr>
+</table>
+</div>
+</body>
+</html>
\ No newline at end of file
Propchange: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Added: incubator/bloodhound/trunk/doc/html-templates/search.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/search.html?rev=1306967&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/search.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/search.html Thu Mar 29 16:27:23 2012
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+ <title>Search - Apache Bloodhound</title>
+</head>
+<body>
+ <div class="container">
+ <div class="row">
+ <div class="span6">
+ <div id="logo" style="position:relative;">
+ <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
+ <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
+ <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
+ top:-15px; left:100px;"/>
+ </div>
+ </div>
+ <div class="span6">
+ <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
+ </div>
+ </div>
+ <div class="row">
+ <!-- Search box -->
+ <div class="span4">
+ <form class="form-inline" style="margin-bottom:0px;">
+ <input type="text" class="span3" placeholder="project requirement" style="margin-bottom:0px;" />
+ <input type="button" value="Search" href="search.html" class="btn btn-warning" />
+ </form>
+ </div>
+
+ <!-- Create button -->
+ <div class="span4">
+ <button class="btn btn-primary" href="#">Create Ticket</a>
+ </div>
+
+ <!-- Main navigation tabs -->
+ <div class="span4">
+ <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
+ <li><a href="dashboard.html">Tickets</a></li>
+ <li><a href="wiki.html">Wiki</a></li>
+ <li><a href="source.html">Source</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">SuperAdmin</a></li>
+ <li><a href="#">Tag Cloud</a></li>
+ <li><a href="#">Blog</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Something</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+
+ <div class="span12">
+ <ul class="breadcrumb">
+ <li class="active"><a href="dashboard.html">Search</a> <span class="divider">/</span></li>
+ <li><code>project requirement</code></li>
+ <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span12">
+ <div class="btn-toolbar" style="margin-left: 25%; margin-top:20px;">
+ <div class="btn-group" data-toggle="buttons-checkbox">
+ <button class="btn active">Products</button>
+ <button class="btn active">Versions</button>
+ <button class="btn active">Milestones</button>
+ <button class="btn active">Projects</button>
+ <button class="btn active">Components</button>
+ <button class="btn active">People</button>
+ </div>
+ </div>
+ <div style="height:400px;">
+ <p>Some results</p>
+ </div>
+ <div class="pagination">
+ <ul style="margin-left:35%;">
+ <li><a href="#">Prev</a></li>
+ <li class="active">
+ <a href="#">1</a>
+ </li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <br />
+ <div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
+ <div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>
+ </div>
+ </div>
+ <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
+ <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+ <script type="text/javascript" src="js/bootstrap-button.js"></script>
+</body>
+</html>
+
Propchange: incubator/bloodhound/trunk/doc/html-templates/search.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/bloodhound/trunk/doc/html-templates/search.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Added: incubator/bloodhound/trunk/doc/html-templates/source.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/source.html?rev=1306967&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/source.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/source.html Thu Mar 29 16:27:23 2012
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+ <title>Source - Apache Bloodhound</title>
+</head>
+<body>
+ <div class="container">
+ <header>
+ <div class="row">
+ <div class="span6">
+ <div id="logo" style="position:relative;">
+ <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
+ <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
+ <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
+ top:-15px; left:100px;"/>
+ </div>
+ </div>
+ <div class="span6">
+ <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
+ </div>
+ </div>
+ <div class="row">
+<!-- Search box -->
+ <div class="span4">
+ <form class="form-inline" style="margin-bottom:0px;">
+ <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
+ <input type="button" value="Search" href="search.html" class="btn btn-warning" />
+ </form>
+ </div>
+
+<!-- Create button -->
+ <div class="span4">
+ <button class="btn btn-primary" href="#">Create Ticket</a>
+ </div>
+
+<!-- Main navigation tabs -->
+ <div class="span4">
+ <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
+ <li><a href="dashboard.html">Tickets</a></li>
+ <li><a href="wiki.html">Wiki</a></li>
+ <li class="active"><a href="source.html">Source</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">SuperAdmin</a></li>
+ <li><a href="#">Tag Cloud</a></li>
+ <li><a href="#">Blog</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Something</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+<!-- Breadcrumb -->
+ <div class="row">
+ <div class="span12">
+ <ul class="breadcrumb">
+ <li class="active"><a href="#">Source</a></li>
+ <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
+ </ul>
+ </div>
+ </div>
+ </header>
+
+<!-- # Header ends
+ # Main body begins -->
+
+ <div class="row">
+<!-- Main element starts -->
+ <div class="span12" id="content" style="height:450px;">
+ <h1>Source</h1>
+ </div>
+ </div>
+
+<!-- Footer -->
+ <div class="row">
+ <footer style="border-top: 1px solid #EEE; margin-top:20px;">
+ <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
+ </div>
+ </footer>
+ </div>
+ </div>
+<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
+<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+<script type="text/javascript" src="js/bootstrap-button.js"></script>
+</body>
+</html>
+
Propchange: incubator/bloodhound/trunk/doc/html-templates/source.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/bloodhound/trunk/doc/html-templates/source.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Added: incubator/bloodhound/trunk/doc/html-templates/ticket.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/ticket.html?rev=1306967&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/ticket.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/ticket.html Thu Mar 29 16:27:23 2012
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+ <title>wiki-5476 - Apache Bloodhound</title>
+</head>
+<body>
+ <div class="container">
+ <header>
+ <div class="row">
+ <div class="span6">
+ <div id="logo" style="position:relative;">
+ <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
+ <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
+ <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
+ top:-15px; left:100px;"/>
+ </div>
+ </div>
+ <div class="span6">
+ <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
+ </div>
+ </div>
+ <div class="row">
+<!-- Search box -->
+ <div class="span4">
+ <form class="form-inline" style="margin-bottom:0px;">
+ <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
+ <input type="button" value="Search" href="search.html" class="btn btn-warning" />
+ </form>
+ </div>
+
+<!-- Create button -->
+ <div class="span4">
+ <button class="btn btn-primary" href="#">Create Ticket</a>
+ </div>
+
+<!-- Main navigation tabs -->
+ <div class="span4">
+ <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
+ <li class="active"><a href="dashboard.html">Tickets</a></li>
+ <li><a href="wiki.html">Wiki</a></li>
+ <li><a href="source.html">Source</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">SuperAdmin</a></li>
+ <li><a href="#">Tag Cloud</a></li>
+ <li><a href="#">Blog</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Something</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+<!-- Breadcrumb -->
+ <div class="row">
+ <div class="span12">
+ <ul class="breadcrumb">
+ <li><a href="dashboard.html">Dashboard</a> <span class="divider">/</span></li>
+ <li><a href="product.html">MultiSite</a> <span class="divider">/</span></li>
+ <li><a href="version.html">14.3</a> <span class="divider">/</span></li>
+ <li><a href="milestone.html">Milestone 2</a> <span class="divider">/</span></li>
+ <li class="active"><a href="#">wiki-5476</a></li>
+ <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
+ </ul>
+ </div>
+ </div>
+ </header>
+
+<!-- # Header ends
+ # Main body begins -->
+
+ <div class="row">
+<!-- Main element starts -->
+ <div class="span8" id="content">
+ <div style="position: relative;"><h1 style="display:inline;">wiki-5476</h1>
+ <p>Content</p>
+ </div>
+ </div>
+<!-- Activity starts -->
+ <div id="Activity" class="span4">
+ <h1>Activity</h1>
+ <iframe name="activity-iframe" src="activity-iframe.html" frameborder="0" border="0" cellspacing="0" style="border-style: none; height: 450px; width: 100%;"></iframe>
+ </div>
+ </div>
+<!-- Activity ends -->
+
+ <div class="row">
+ <footer style="border-top: 1px solid #EEE; margin-top:20px;">
+ <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
+ </div>
+ </footer>
+ </div>
+ </div>
+ <br />
+<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
+<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+<script type="text/javascript" src="js/bootstrap-button.js"></script>
+</body>
+</html>
+
Propchange: incubator/bloodhound/trunk/doc/html-templates/ticket.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/bloodhound/trunk/doc/html-templates/ticket.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Added: incubator/bloodhound/trunk/doc/html-templates/wiki.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/wiki.html?rev=1306967&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/wiki.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/wiki.html Thu Mar 29 16:27:23 2012
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+ <title>Wiki - Apache Bloodhound</title>
+</head>
+<body>
+ <div class="container">
+ <header>
+ <div class="row">
+ <div class="span6">
+ <div id="logo" style="position:relative;">
+ <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
+ <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
+ <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
+ top:-15px; left:100px;"/>
+ </div>
+ </div>
+ <div class="span6">
+ <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
+ </div>
+ </div>
+ <div class="row">
+<!-- Search box -->
+ <div class="span4">
+ <form class="form-inline" style="margin-bottom:0px;">
+ <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
+ <input type="button" value="Search" href="search.html" class="btn btn-warning" />
+ </form>
+ </div>
+
+<!-- Create button -->
+ <div class="span4">
+ <button class="btn btn-primary" href="#">Create Ticket</a>
+ </div>
+
+<!-- Main navigation tabs -->
+ <div class="span4">
+ <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
+ <li><a href="dashboard.html">Tickets</a></li>
+ <li class="active"><a href="wiki.html">Wiki</a></li>
+ <li><a href="source.html">Source</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">SuperAdmin</a></li>
+ <li><a href="#">Tag Cloud</a></li>
+ <li><a href="#">Blog</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Something</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+<!-- Breadcrumb -->
+ <div class="row">
+ <div class="span12">
+ <ul class="breadcrumb">
+ <li class="active"><a href="#">Wiki</a></li>
+ <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
+ </ul>
+ </div>
+ </div>
+ </header>
+
+<!-- # Header ends
+ # Main body begins -->
+
+ <div class="row">
+<!-- Main element starts -->
+ <div class="span12" id="content">
+ <h1>Apache Bloodhound (incubating)</h1>
+ <p>Apache Bloodhound is a tool created for issue tracking and managing of software projects.</p>
+ <h2>Multiple Projects</h2>
+ <p>Bloodhound will manage anything from your one pet project to dozens of commercial or open source projects, and scale seamlessly in-between. The built-in Wiki allows you to create proposals and store other information.</p>
+ <h2>Easy to install</h2>
+ <p>An easy installation process for Windows, Linux and Mac OS X. Everything you need to run Bloodhound with your favourite web server and database will be provided.</p>
+ <h2>User-friendly design</h2>
+ <p>A consistent experience throughout. It will be obvious even to beginners how to carry out common tasks. A dashboard will provide an overview of work assigned to you, or watched by you.</p>
+ <h2>All of Trac's power</h2>
+ <p>Apache Bloodhound is being built on the shoulders of the âTrac project, a giant in the field of project management and bug tracking. Features such Wiki and a source code browser are deeply integrated.</p>
+ </div>
+ </div>
+
+<!-- Footer -->
+ <div class="row">
+ <footer style="border-top: 1px solid #EEE; margin-top:20px;">
+ <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
+ </div>
+ </footer>
+ </div>
+ </div>
+<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
+<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+<script type="text/javascript" src="js/bootstrap-button.js"></script>
+</body>
+</html>
+
Propchange: incubator/bloodhound/trunk/doc/html-templates/wiki.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/bloodhound/trunk/doc/html-templates/wiki.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Re: svn commit: r1306967 - in /incubator/bloodhound/trunk/doc/html-templates:
activity-iframe.html search.html source.html ticket.html wiki.html
Posted by Joachim Dreimann <jo...@wandisco.com>.
I've committed some major updates to the HTML templates today.
None of them introduce or suggest any new functionality.
The update is more to clean up some of the very messy code I've put in
previously. Since the initial few updates I found that the templates
have become a very good way to communicate the UI (given that they
_are_ the UI), so I've put more effort into improving the code.
A quick rundown of the changes:
- Major update to the header and footer on all pages.
The header now has better spacing, the logo text is now html / css
rather than an image. Footer is now also more subtle.
- Created initially empty frames for several views such as wiki.html,
source.html and ticket.html.
This allowed me to link more between pages without 404 errors to
make navigating and exploring a little easier.
- Connected more links between the different pages.
See above.
- Made the activity feed an iframe just for these mockups, to make it
easier to update. In case it isn't obvious, that's not how it should
work in the final Bloodhound.
My immediate priority is now filling in more of the gaps in the Ui
part of the wiki, before I'll continue with some of the mockups.
What do you all think?
- Joe
On 29 March 2012 17:27, <jd...@apache.org> wrote:
> Author: jdreimann
> Date: Thu Mar 29 16:27:23 2012
> New Revision: 1306967
>
> URL: http://svn.apache.org/viewvc?rev=1306967&view=rev
> Log:
> Major update to the header and footer on all pages.
> Created initially empty frames for several views such as wiki.html, source.html and ticket.html
> Connected more links between the different pages.
> Made the activity feed an iframe just for these mockups, to make it easier to update.
> Re-created logo in html for sharper text.
>
> Added:
> incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html (with props)
> incubator/bloodhound/trunk/doc/html-templates/search.html (with props)
> incubator/bloodhound/trunk/doc/html-templates/source.html (with props)
> incubator/bloodhound/trunk/doc/html-templates/ticket.html (with props)
> incubator/bloodhound/trunk/doc/html-templates/wiki.html (with props)
>
> Added: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
> URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html?rev=1306967&view=auto
> ==============================================================================
> --- incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html (added)
> +++ incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html Thu Mar 29 16:27:23 2012
> @@ -0,0 +1,52 @@
> +<!DOCTYPE html>
> +<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
> +<html>
> +<head>
> + <title>Activity iframe</title>
> + <base target="_parent" />
> +</head>
> +<body>
> +<div>
> +<table class="table">
> + <thead>
> + <tr><th>Today</th></tr>
> + </thead>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> +</table>
> +<table class="table">
> + <thead>
> + <tr>
> + <th>Yesterday</th>
> + </tr>
> + </thead>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> + <tr>
> + <td><a href="profile.html">Warren</a> commented on <a href="ticket.html">E-5476</a> (Fix header graphic) saying:
> + <div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
> + </tr>
> +</table>
> +</div>
> +</body>
> +</html>
> \ No newline at end of file
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
> ------------------------------------------------------------------------------
> svn:eol-style = native
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/activity-iframe.html
> ------------------------------------------------------------------------------
> svn:mime-type = text/html
>
> Added: incubator/bloodhound/trunk/doc/html-templates/search.html
> URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/search.html?rev=1306967&view=auto
> ==============================================================================
> --- incubator/bloodhound/trunk/doc/html-templates/search.html (added)
> +++ incubator/bloodhound/trunk/doc/html-templates/search.html Thu Mar 29 16:27:23 2012
> @@ -0,0 +1,103 @@
> +<!DOCTYPE html>
> +<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
> +<html>
> +<head>
> + <title>Search - Apache Bloodhound</title>
> +</head>
> +<body>
> + <div class="container">
> + <div class="row">
> + <div class="span6">
> + <div id="logo" style="position:relative;">
> + <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
> + <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
> + <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
> + top:-15px; left:100px;"/>
> + </div>
> + </div>
> + <div class="span6">
> + <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
> + </div>
> + </div>
> + <div class="row">
> + <!-- Search box -->
> + <div class="span4">
> + <form class="form-inline" style="margin-bottom:0px;">
> + <input type="text" class="span3" placeholder="project requirement" style="margin-bottom:0px;" />
> + <input type="button" value="Search" href="search.html" class="btn btn-warning" />
> + </form>
> + </div>
> +
> + <!-- Create button -->
> + <div class="span4">
> + <button class="btn btn-primary" href="#">Create Ticket</a>
> + </div>
> +
> + <!-- Main navigation tabs -->
> + <div class="span4">
> + <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
> + <li><a href="dashboard.html">Tickets</a></li>
> + <li><a href="wiki.html">Wiki</a></li>
> + <li><a href="source.html">Source</a></li>
> + <li class="dropdown">
> + <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
> + <ul class="dropdown-menu">
> + <li><a href="#">SuperAdmin</a></li>
> + <li><a href="#">Tag Cloud</a></li>
> + <li><a href="#">Blog</a></li>
> + <li class="divider"></li>
> + <li><a href="#">Something</a></li>
> + </ul>
> + </li>
> + </ul>
> + </div>
> +
> + <div class="span12">
> + <ul class="breadcrumb">
> + <li class="active"><a href="dashboard.html">Search</a> <span class="divider">/</span></li>
> + <li><code>project requirement</code></li>
> + <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
> + </ul>
> + </div>
> + </div>
> + <div class="row">
> + <div class="span12">
> + <div class="btn-toolbar" style="margin-left: 25%; margin-top:20px;">
> + <div class="btn-group" data-toggle="buttons-checkbox">
> + <button class="btn active">Products</button>
> + <button class="btn active">Versions</button>
> + <button class="btn active">Milestones</button>
> + <button class="btn active">Projects</button>
> + <button class="btn active">Components</button>
> + <button class="btn active">People</button>
> + </div>
> + </div>
> + <div style="height:400px;">
> + <p>Some results</p>
> + </div>
> + <div class="pagination">
> + <ul style="margin-left:35%;">
> + <li><a href="#">Prev</a></li>
> + <li class="active">
> + <a href="#">1</a>
> + </li>
> + <li><a href="#">2</a></li>
> + <li><a href="#">3</a></li>
> + <li><a href="#">4</a></li>
> + <li><a href="#">Next</a></li>
> + </ul>
> + </div>
> + </div>
> + </div>
> + <div class="row">
> + <br />
> + <div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
> + <div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>
> + </div>
> + </div>
> + <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
> + <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
> + <script type="text/javascript" src="js/bootstrap-button.js"></script>
> +</body>
> +</html>
> +
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/search.html
> ------------------------------------------------------------------------------
> svn:eol-style = native
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/search.html
> ------------------------------------------------------------------------------
> svn:mime-type = text/html
>
> Added: incubator/bloodhound/trunk/doc/html-templates/source.html
> URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/source.html?rev=1306967&view=auto
> ==============================================================================
> --- incubator/bloodhound/trunk/doc/html-templates/source.html (added)
> +++ incubator/bloodhound/trunk/doc/html-templates/source.html Thu Mar 29 16:27:23 2012
> @@ -0,0 +1,91 @@
> +<!DOCTYPE html>
> +<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
> +<html>
> +<head>
> + <title>Source - Apache Bloodhound</title>
> +</head>
> +<body>
> + <div class="container">
> + <header>
> + <div class="row">
> + <div class="span6">
> + <div id="logo" style="position:relative;">
> + <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
> + <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
> + <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
> + top:-15px; left:100px;"/>
> + </div>
> + </div>
> + <div class="span6">
> + <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
> + </div>
> + </div>
> + <div class="row">
> +<!-- Search box -->
> + <div class="span4">
> + <form class="form-inline" style="margin-bottom:0px;">
> + <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
> + <input type="button" value="Search" href="search.html" class="btn btn-warning" />
> + </form>
> + </div>
> +
> +<!-- Create button -->
> + <div class="span4">
> + <button class="btn btn-primary" href="#">Create Ticket</a>
> + </div>
> +
> +<!-- Main navigation tabs -->
> + <div class="span4">
> + <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
> + <li><a href="dashboard.html">Tickets</a></li>
> + <li><a href="wiki.html">Wiki</a></li>
> + <li class="active"><a href="source.html">Source</a></li>
> + <li class="dropdown">
> + <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
> + <ul class="dropdown-menu">
> + <li><a href="#">SuperAdmin</a></li>
> + <li><a href="#">Tag Cloud</a></li>
> + <li><a href="#">Blog</a></li>
> + <li class="divider"></li>
> + <li><a href="#">Something</a></li>
> + </ul>
> + </li>
> + </ul>
> + </div>
> + </div>
> +
> +<!-- Breadcrumb -->
> + <div class="row">
> + <div class="span12">
> + <ul class="breadcrumb">
> + <li class="active"><a href="#">Source</a></li>
> + <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
> + </ul>
> + </div>
> + </div>
> + </header>
> +
> +<!-- # Header ends
> + # Main body begins -->
> +
> + <div class="row">
> +<!-- Main element starts -->
> + <div class="span12" id="content" style="height:450px;">
> + <h1>Source</h1>
> + </div>
> + </div>
> +
> +<!-- Footer -->
> + <div class="row">
> + <footer style="border-top: 1px solid #EEE; margin-top:20px;">
> + <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
> + </div>
> + </footer>
> + </div>
> + </div>
> +<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
> +<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
> +<script type="text/javascript" src="js/bootstrap-button.js"></script>
> +</body>
> +</html>
> +
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/source.html
> ------------------------------------------------------------------------------
> svn:eol-style = native
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/source.html
> ------------------------------------------------------------------------------
> svn:mime-type = text/html
>
> Added: incubator/bloodhound/trunk/doc/html-templates/ticket.html
> URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/ticket.html?rev=1306967&view=auto
> ==============================================================================
> --- incubator/bloodhound/trunk/doc/html-templates/ticket.html (added)
> +++ incubator/bloodhound/trunk/doc/html-templates/ticket.html Thu Mar 29 16:27:23 2012
> @@ -0,0 +1,103 @@
> +<!DOCTYPE html>
> +<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
> +<html>
> +<head>
> + <title>wiki-5476 - Apache Bloodhound</title>
> +</head>
> +<body>
> + <div class="container">
> + <header>
> + <div class="row">
> + <div class="span6">
> + <div id="logo" style="position:relative;">
> + <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
> + <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
> + <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
> + top:-15px; left:100px;"/>
> + </div>
> + </div>
> + <div class="span6">
> + <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
> + </div>
> + </div>
> + <div class="row">
> +<!-- Search box -->
> + <div class="span4">
> + <form class="form-inline" style="margin-bottom:0px;">
> + <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
> + <input type="button" value="Search" href="search.html" class="btn btn-warning" />
> + </form>
> + </div>
> +
> +<!-- Create button -->
> + <div class="span4">
> + <button class="btn btn-primary" href="#">Create Ticket</a>
> + </div>
> +
> +<!-- Main navigation tabs -->
> + <div class="span4">
> + <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
> + <li class="active"><a href="dashboard.html">Tickets</a></li>
> + <li><a href="wiki.html">Wiki</a></li>
> + <li><a href="source.html">Source</a></li>
> + <li class="dropdown">
> + <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
> + <ul class="dropdown-menu">
> + <li><a href="#">SuperAdmin</a></li>
> + <li><a href="#">Tag Cloud</a></li>
> + <li><a href="#">Blog</a></li>
> + <li class="divider"></li>
> + <li><a href="#">Something</a></li>
> + </ul>
> + </li>
> + </ul>
> + </div>
> + </div>
> +
> +<!-- Breadcrumb -->
> + <div class="row">
> + <div class="span12">
> + <ul class="breadcrumb">
> + <li><a href="dashboard.html">Dashboard</a> <span class="divider">/</span></li>
> + <li><a href="product.html">MultiSite</a> <span class="divider">/</span></li>
> + <li><a href="version.html">14.3</a> <span class="divider">/</span></li>
> + <li><a href="milestone.html">Milestone 2</a> <span class="divider">/</span></li>
> + <li class="active"><a href="#">wiki-5476</a></li>
> + <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
> + </ul>
> + </div>
> + </div>
> + </header>
> +
> +<!-- # Header ends
> + # Main body begins -->
> +
> + <div class="row">
> +<!-- Main element starts -->
> + <div class="span8" id="content">
> + <div style="position: relative;"><h1 style="display:inline;">wiki-5476</h1>
> + <p>Content</p>
> + </div>
> + </div>
> +<!-- Activity starts -->
> + <div id="Activity" class="span4">
> + <h1>Activity</h1>
> + <iframe name="activity-iframe" src="activity-iframe.html" frameborder="0" border="0" cellspacing="0" style="border-style: none; height: 450px; width: 100%;"></iframe>
> + </div>
> + </div>
> +<!-- Activity ends -->
> +
> + <div class="row">
> + <footer style="border-top: 1px solid #EEE; margin-top:20px;">
> + <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
> + </div>
> + </footer>
> + </div>
> + </div>
> + <br />
> +<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
> +<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
> +<script type="text/javascript" src="js/bootstrap-button.js"></script>
> +</body>
> +</html>
> +
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/ticket.html
> ------------------------------------------------------------------------------
> svn:eol-style = native
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/ticket.html
> ------------------------------------------------------------------------------
> svn:mime-type = text/html
>
> Added: incubator/bloodhound/trunk/doc/html-templates/wiki.html
> URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/wiki.html?rev=1306967&view=auto
> ==============================================================================
> --- incubator/bloodhound/trunk/doc/html-templates/wiki.html (added)
> +++ incubator/bloodhound/trunk/doc/html-templates/wiki.html Thu Mar 29 16:27:23 2012
> @@ -0,0 +1,100 @@
> +<!DOCTYPE html>
> +<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
> +<html>
> +<head>
> + <title>Wiki - Apache Bloodhound</title>
> +</head>
> +<body>
> + <div class="container">
> + <header>
> + <div class="row">
> + <div class="span6">
> + <div id="logo" style="position:relative;">
> + <p style="margin-top:20px; margin-bottom:0px; line-height:65%; font-weight:lighter;">Apache<sup style="font-size:65%;">TM</sup></p>
> + <p style="margin-top:0px; font-weight:bold; font-size:120%;">Bloodhound</p>
> + <img src="img/logo.png" alt="Bloodhound Logo" height="40" width="55" style="position:absolute;
> + top:-15px; left:100px;"/>
> + </div>
> + </div>
> + <div class="span6">
> + <div class="pull-right" style="margin-top:5px; margin-right:20px;">Hi Joachim (<a href="#">logout</a>) <a href="#" style="margin-left:10px;">Preferences</a><a href="#" style="margin-left:10px;">Help</a></div>
> + </div>
> + </div>
> + <div class="row">
> +<!-- Search box -->
> + <div class="span4">
> + <form class="form-inline" style="margin-bottom:0px;">
> + <input type="text" class="span3" placeholder="Search anything. Try #EF-492." style="margin-bottom:0px;" />
> + <input type="button" value="Search" href="search.html" class="btn btn-warning" />
> + </form>
> + </div>
> +
> +<!-- Create button -->
> + <div class="span4">
> + <button class="btn btn-primary" href="#">Create Ticket</a>
> + </div>
> +
> +<!-- Main navigation tabs -->
> + <div class="span4">
> + <ul class="nav nav-tabs pull-right" style="margin-bottom:0px; border-bottom: 0px;">
> + <li><a href="dashboard.html">Tickets</a></li>
> + <li class="active"><a href="wiki.html">Wiki</a></li>
> + <li><a href="source.html">Source</a></li>
> + <li class="dropdown">
> + <a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
> + <ul class="dropdown-menu">
> + <li><a href="#">SuperAdmin</a></li>
> + <li><a href="#">Tag Cloud</a></li>
> + <li><a href="#">Blog</a></li>
> + <li class="divider"></li>
> + <li><a href="#">Something</a></li>
> + </ul>
> + </li>
> + </ul>
> + </div>
> + </div>
> +
> +<!-- Breadcrumb -->
> + <div class="row">
> + <div class="span12">
> + <ul class="breadcrumb">
> + <li class="active"><a href="#">Wiki</a></li>
> + <li class="pull-right"><a href="#">Custom Query</a><a href="#" style="margin-left:15px;">Reports</a></li>
> + </ul>
> + </div>
> + </div>
> + </header>
> +
> +<!-- # Header ends
> + # Main body begins -->
> +
> + <div class="row">
> +<!-- Main element starts -->
> + <div class="span12" id="content">
> + <h1>Apache Bloodhound (incubating)</h1>
> + <p>Apache Bloodhound is a tool created for issue tracking and managing of software projects.</p>
> + <h2>Multiple Projects</h2>
> + <p>Bloodhound will manage anything from your one pet project to dozens of commercial or open source projects, and scale seamlessly in-between. The built-in Wiki allows you to create proposals and store other information.</p>
> + <h2>Easy to install</h2>
> + <p>An easy installation process for Windows, Linux and Mac OS X. Everything you need to run Bloodhound with your favourite web server and database will be provided.</p>
> + <h2>User-friendly design</h2>
> + <p>A consistent experience throughout. It will be obvious even to beginners how to carry out common tasks. A dashboard will provide an overview of work assigned to you, or watched by you.</p>
> + <h2>All of Trac's power</h2>
> + <p>Apache Bloodhound is being built on the shoulders of the ​Trac project, a giant in the field of project management and bug tracking. Features such Wiki and a source code browser are deeply integrated.</p>
> + </div>
> + </div>
> +
> +<!-- Footer -->
> + <div class="row">
> + <footer style="border-top: 1px solid #EEE; margin-top:20px;">
> + <div class="span12" style="color:grey; margin-top:10px;">Powered by <a href="#" style="color:#565656;">Bloodhound</a>. Standing on the shoulders of <a href="#" style="color:#565656;">Trac 0.13</a>.</div>
> + </div>
> + </footer>
> + </div>
> + </div>
> +<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
> +<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
> +<script type="text/javascript" src="js/bootstrap-button.js"></script>
> +</body>
> +</html>
> +
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/wiki.html
> ------------------------------------------------------------------------------
> svn:eol-style = native
>
> Propchange: incubator/bloodhound/trunk/doc/html-templates/wiki.html
> ------------------------------------------------------------------------------
> svn:mime-type = text/html
>
>