Skip to content

Commit

Permalink
s/email/auto for avatar
Browse files Browse the repository at this point in the history
  • Loading branch information
paulrouget committed Jul 25, 2012
1 parent bf8a651 commit fbc3783
Show file tree
Hide file tree
Showing 5 changed files with 189 additions and 5 deletions.
16 changes: 16 additions & 0 deletions colors.css
@@ -0,0 +1,16 @@
.UNCONFIRMED { background: #FFF; }
.RESOLVEDFIXED { background: #E3FEDF; }

.RESOLVEDINVALID,
.CLOSEDWONTFIX,
.RESOLVEDWONTFIX { background: #000; color:white; }

.CLOSEDWONTFIX:before, #badge.RESOLVEDWONTFIX:before { content: "WONTFIX"}
.NEW:before {content: "NEW"}
.UNCONFIRMED:before {content: "UNCO"}
.RESOLVEDFIXED:before {content: "FIXED"}
.VERIFIEDFIXED:before {content: "VERIFIED!"}
.VERIFIEDDUPLICATE:before, #badge.RESOLVEDDUPLICATE:before {content: "DUPE"}
.RESOLVEDINVALID:before {content: "INVALID"}
.RESOLVEDWORKSFORME:before {content: "WFM"}
.REOPENED:before {content: "REOPENED"}
11 changes: 6 additions & 5 deletions index.html
Expand Up @@ -44,9 +44,10 @@
</script>
</header>

<script type="text/html" template="h1" tagname="h1"><span class="{{bug.status}}{{bug.resolution}}" id="badge"></span>{{#bug.alias}}{{bug.alias}} | {{/bug.alias}}Bug {{bug.id}} - {{bug.summary}}</script>

<section class="bugcontent">
<div class="meta">
<script type="text/html" template="h1" tagname="h1">{{#bug.alias}}{{bug.alias}} | {{/bug.alias}}Bug {{bug.id}} - {{bug.summary}}</script>
<section>
<p class="caption">Status:</p>
<script type="text/html" template="status">
Expand All @@ -55,9 +56,9 @@
<dl>
<dd class="editable">{{bug.status}} {{bug.resolution}}
<dt>Written by:
<dd class="avatar" style="background-image:url(http://avatars.io/email/{{bug.creator.name}})">{{bug.creator.real_name}}{{^bug.creator.real_name}}{{bug.creator.name}}{{/bug.creator.real_name}}
<dd class="avatar" style="background-image:url(http://avatars.io/auto/{{bug.creator.name}})">{{bug.creator.real_name}}{{^bug.creator.real_name}}{{bug.creator.name}}{{/bug.creator.real_name}}
<dt>Assigned to:
<dd class="editable avatar" style="background-image:url(http://avatars.io/email/{{bug.assigned_to.name}})">{{bug.assigned_to.real_name}}{{^bug.assigned_to.real_name}}{{bug.assigned_to.name}}{{/bug.assigned_to.real_name}}
<dd class="editable avatar" style="background-image:url(http://avatars.io/auto/{{bug.assigned_to.name}})">{{bug.assigned_to.real_name}}{{^bug.assigned_to.real_name}}{{bug.assigned_to.name}}{{/bug.assigned_to.real_name}}
<dt>whiteboard:
<dd><input name="whiteboard" value="{{bug.whiteboard}}">
<dt>QA Contact:
Expand Down Expand Up @@ -133,7 +134,7 @@
{{/following}}
<ul class="followers">
{{#bug.cc}}
<li class="avatar" style="background-image:url(http://avatars.io/email/{{name}})" title='{{name}}'>{{name}} </li>
<li class="avatar" style="background-image:url(http://avatars.io/auto/{{name}})" title='{{name}}'>{{name}} </li>
{{/bug.cc}}
</ul>
</script>
Expand All @@ -143,7 +144,7 @@
{{#comments}}
<div tabindex="0" class="comment {{mine}} {{markdown}}">
<p class="date">{{prettydate}}<span class="commentcounter"> - #{{counter}}</span></p>
<p style="background-image: url(http://avatars.io/email/{{creator.name}})" class="author avatar">{{creator.name}}</p>
<p style="background-image: url(http://avatars.io/auto/{{creator.name}})" class="author avatar">{{creator.name}}</p>
<pre class="message">{{{formatedtext}}}</pre>
</div>
{{/comments}}
Expand Down
Binary file added noise.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
99 changes: 99 additions & 0 deletions search.css
@@ -0,0 +1,99 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
body {font-family: 'Open Sans', sans-serif}
body {background-image: url("noise.png"), -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));}
body {
margin: 0 auto;
max-width: 600px;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
form {
display: block;
margin-top: 100px;
-moz-transition-property: margin-top;
-moz-transition-duration: 300ms;
-moz-transition-delay: 300ms;
}
input {
width: -moz-calc(100% - 60px);
}
button, input {
font-family: 'Open Sans';
font-size: 12px;
line-height: 15px;
border: 1px solid #CCC;
padding: 5px;
}
button {
width: 50px;
min-height: 0;
-moz-appearance: none;
}
button:not([disabled]):active:hover {
-moz-transform: translateY(1px);
}

form.submittedonce {
margin-top: 10px;
}

input[disabled] {
background-image: url(throbber.gif);
background-position: center right;
background-repeat: no-repeat;
}

dl {
font-size: 12px;
color: #999;
}

a {
color: inherit;
text-decoration: none;
}

dd {
margin-left: 60px;
font-size: 11px;
}

dd > a > span {
color: black;
}

.bugid {
display: inline-block;
width: 60px;
color: #999;
}

.bugsummary {
color: black;
}

.bugdate {
color: #999;
}

.flags {
display: inline-block;
font-size: 10px;
}

.flags > span {
background-color: #DDF;
padding: 0 3px;
color: black;
}


@media (max-width: 600px) {
input {
width: 100%;
}
button {
margin: 20px 0;
width: 100%;
}
}
68 changes: 68 additions & 0 deletions search.html
@@ -0,0 +1,68 @@
<!DOCTYPE html>

<meta charset="utf8">
<title></title>
<link rel="stylesheet" href="search.css">

<script src="mustache.js"></script>
<script src="date.js"></script>
<script type="application/javascript;version=1.8" src="bz.js"></script>
<script type="application/javascript;version=1.8" src="utils.js"></script>
<script type="application/javascript;version=1.8" src="template.js"></script>
<script type="application/javascript;version=1.8">
let gBz = new BugzillaClient();
let searching = false;

window.onhashchange = window.onload = function() {
let hash = window.location.hash.split("#")[1];
if (hash) {
let input = $("input");
input.value = hash;
}
}

function search() {
if (searching) return;
if (!$("input").value) return;
searching = true;
let input = $("input");
$("form").classList.add("submittedonce");
$("button").setAttribute("disabled", "true");
$("input").setAttribute("disabled", "true");
window.location.hash = $("input").value;
gBz.searchBugs({
"include_fields": "id,status,summary,priority,resolution,creator,assigned_to,creation_time,last_change_time",
"quicksearch": $("input").value
}, function(error, bugs) {
searching = false;
$("input").removeAttribute("disabled");
$("button").removeAttribute("disabled");
if (error) {
console.error(error);
return;
}
for (let bug of bugs) {
if (bug.priority == "--") bug.priority = "";
if (bug.assigned_to.name == "nobody") bug.assigned_to.name = null;
bug.prettydate_creation = humaneDate(bug.creation_time);
bug.prettydate_activity = humaneDate(bug.last_change_time);
}
gTemplates.render("results", {bugs:bugs});
});
}
</script>

<form onsubmit="search();return false">
<input placeholder="your query" name="query">
<button onclick="search()">search</button>
</form>

<script type="text/html" template="results" tagname="dl">
{{#bugs}}
<dt><a href="index.html#{{id}}"><span class="bugid">{{id}} - </span><span class="bugsummary">{{summary}}</span></a> <div class="flags">{{#priority}}<span class="bugpriority">{{priority}}</span>{{/priority}}{{#platform}} <span class="bugos">{{platform}}</span>{{/platform}} <span class="bugstatus {{status}}{{resolution}}"></span></div></a>
<dd><a href="index.html#{{id}}">by <span class="bugcreator">{{creator.name}}</span> <span class="bugdate">{{prettydate_creation}}</span>.{{#assigned_to.name}} Assigned to <span class="bugassignee">{{assigned_to.real_name}}{{^assigned_to.real_name}}{{assigned_to.name}}{{/assigned_to.real_name}}</span>{{/assigned_to.name}}</a>
{{/bugs}}
{{^bugs}}
No bugs found.
{{/bugs}}
</script>

0 comments on commit fbc3783

Please sign in to comment.