subtask: Show created date

Author: doortts

app/assets/stylesheets/less/_page.less

@@ -7147,6 +7147,22 @@ div.diff-body[data-outdated="true"] tr:hover .icon-comment {
     }
 }
 
+.child-issue {
+    .child-issue-date {
+        display: none;
+        font-size: 10px;
+        color: lightgrey;
+    }
+}
+
+.issue-item-row {
+    &:hover {
+        .child-issue-date {
+            display: inline-block;
+        }
+    }
+}
+
 .subtasks {
     #simple-issue-list;
 
@@ -7395,7 +7411,7 @@ div.diff-body[data-outdated="true"] tr:hover .icon-comment {
     .post-item {
         padding: 0 10px;
         color: #999999;
-      
+
         .title-wrap {
             margin-top: 2px;
             white-space: normal;

app/views/issue/partial_view_child.scala.html

@@ -4,16 +4,27 @@
 * Copyright Yona & Yobi Authors & NAVER Corp. & NAVER LABS Corp.
 * https://yona.io
 **@
+@import utils.TemplateHelper._
+@import utils.JodaDateUtil
+
 @(state: String, childIssue: Issue, parentIssue: Issue)
 @urlToList(project:Project, state:String) = {@routes.IssueApp.issues(project.owner, project.name, "open", "html", 1)}
 
-<div class="issue-item @if(childIssue.id == parentIssue.id){selected-child}">
+<div class="issue-item @if(childIssue.id == parentIssue.id){selected-child} child-issue">
     <span class="state-label @state">@if(state == "closed"){<i class=" yobicon-checkmark">}</i></span>
     <a class="twoColumeModeTarget" href="@routes.IssueApp.issue(childIssue.project.owner, childIssue.project.name, childIssue.getNumber)">
-        <span class="item-name"><span class="subtask-number">#@childIssue.getNumber</span> @childIssue.title@if(childIssue.assignee != null) { - @childIssue.assignee.user.getPureNameOnly}</span></a>
+        <span class="item-name">
+            <span class="subtask-number">#@childIssue.getNumber</span>
+            <span>@childIssue.title</span>
+            <span>@if(childIssue.assignee != null) { - @childIssue.assignee.user.getPureNameOnly}</span>
+        </span>
+    </a>
     <span class="font12 no-border-at-child">@common.commentAndVoterPairDisplay(childIssue, parentIssue.project)</span>
     @for(label <- childIssue.labels.toList.sortBy(r => (r.category.name, r.name))) {
         <a href="@urlToList(childIssue.project, childIssue.state.state)&[email protected]" class="label issue-label list-label active twoColumeModeTarget" data-category-id="@label.category.id" data-label-id="@label.id" style="background:@label.color">@label.name</a>
     }
+    <span class="child-issue-date" title="@JodaDateUtil.getDateString(childIssue.createdDate)">
+    @agoOrDateString(childIssue.createdDate)
+    </span>
 </div>