LIHADOOP-14688 Adding a timestamp to Dr. Elephant search result page

RB=578468

G=superfriends-reviewers
R=fli,jdintruf
A=fli

app/views/compareresults.scala.html

@@ -36,8 +36,11 @@ <h3 class="panel-title">@title</h3>
  <a class="list-group-item [email protected]()"
  href="@routes.Application.search()[email protected]">
  <p class="list-group-item-heading">
- <h4 class="list-group-item-heading">[@result.username][@result.jobType] @result.jobId</h4>
- @result.jobName
+ <div class="left">
+ <h4 class="list-group-item-heading">[@result.username] [@result.jobType] @result.jobId</h4>
+ </div>
+ <div class="right">@(tags.formatDate(result.analysisTime))</div>
+ <div>@result.jobName</div>
  </p>
  <p>
  @for(heuristicResult <- result.heuristicResults) {

app/views/multijob.scala.html

@@ -22,7 +22,13 @@ <h3 class="panel-title">@title</h3>
  <div class="list-group">
  @for(result <- results) {
  <a class="list-group-item [email protected]()" href="@routes.Application.search()[email protected]">
- <p class="list-group-item-heading"><h4 class="list-group-item-heading">[@result.username][@result.jobType] @result.jobId</h4>@result.jobName</p>
+ <p class="list-group-item-heading">
+ <div class="left">
+ <h4 class="list-group-item-heading">[@result.username] [@result.jobType] @result.jobId</h4>
+ </div>
+ <div class="right">@(tags.formatDate(result.analysisTime))</div>
+ <div>@result.jobName</div>
+ </p>
  <p>
  @for(heuristicResult <- result.heuristicResults) {
  <span class="label [email protected]()">@heuristicResult.analysisName</span>

app/views/relatedjob.scala.html

@@ -31,7 +31,11 @@ <h3 class="panel-title">
  @for(result <- jobs) { <a class="list-group-item [email protected]()"
  href="@routes.Application.search()[email protected]">
  <p class="list-group-item-heading">
- <h4 class="list-group-item-heading">[@result.username][@result.jobType] @result.jobId</h4>@result.jobName
+ <div class="left">
+ <h4 class="list-group-item-heading">[@result.username] [@result.jobType] @result.jobId</h4>
+ </div>
+ <div class="right">@(tags.formatDate(result.analysisTime))</div>
+ <div>@result.jobName</div>
  </p>
  <p>
  @for(heuristicResult <- result.heuristicResults) { <span

app/views/singlejob.scala.html

@@ -19,7 +19,8 @@
  @if(result != null) {
  <div class="panel-heading">
  <p class="panel-title">
- <h4>[@result.username] [@result.jobType] @result.jobId</h4>
+ <div class="left"><h4>[@result.username] [@result.jobType] @result.jobId</h4></div>
+ <div class="right">@(tags.formatDate(result.analysisTime))</div>
  <div>@result.jobName</div>
  <div>
  <table class="list-group-item-text table-striped table-condensed">

app/views/tags/formatDate.scala.html

@@ -0,0 +1,26 @@
+@*
+* Copyright 2015 LinkedIn Corp.
+*
+* Licensed under the Apache License, Version 2.0 (the "License"); you may not
+* use this file except in compliance with the License. You may obtain a copy of
+* the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+* License for the specific language governing permissions and limitations under
+* the License.
+*@
+
+@(time: Long)
+@{
+ import java.sql.Timestamp
+ import java.text.DateFormat
+ import java.util.TimeZone
+
+ val ts = DateFormat.getDateTimeInstance(DateFormat.DEFAULT, DateFormat.LONG, Locale.ENGLISH)
+ ts.setTimeZone(TimeZone.getTimeZone("America/Los_Angeles"))
+ ts.format(new Timestamp(time))
+}

public/css/main.css

@@ -78,4 +78,7 @@ a.list-group-item-danger.active:focus {
 }
 .list-group-item-alternate:nth-child(even){
  background-color: #f2f2f2;
-}
+}
+
+.left{display:inline-block}
+.right{display:inline-block; float:right}