OLD | NEW |
1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. |
2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
4 | 4 |
5 <link rel="import" href="cr-view-handler.html"> | 5 <link rel="import" href="cr-view-handler.html"> |
6 | 6 |
7 <polymer-element name="cr-issue-meta" attributes="issue"> | 7 <polymer-element name="cr-issue-meta" attributes="issue"> |
8 <template> | 8 <template> |
9 <cr-view-handler></cr-view-handler> | 9 <cr-view-handler></cr-view-handler> |
10 <link rel="stylesheet" href="common.css"> | 10 <link rel="stylesheet" href="common.css"> |
11 <style> | 11 <style> |
12 :host { | 12 :host { |
13 display: table; | 13 display: table; |
14 } | 14 } |
15 | 15 |
16 .issue-meta-item { | 16 .issue-meta-item { |
17 display: table-row; | 17 display: table-row; |
18 } | 18 } |
19 | 19 |
20 .issue-meta-type, | 20 .issue-meta-type, |
21 .issue-meta-value { | 21 .issue-meta-value { |
22 padding: 0.5em 16px; | 22 padding: 0.5em 16px; |
23 display: table-cell; | 23 display: table-cell; |
24 } | 24 } |
25 | 25 |
26 .issue-base-url { | 26 .issue-base-url, |
| 27 .issue-target-ref { |
27 word-break: break-word; | 28 word-break: break-word; |
28 } | 29 } |
29 | 30 |
30 .issue-meta-type { | 31 .issue-meta-type { |
31 color: #959595; | 32 color: #959595; |
32 font-weight: bold; | 33 font-weight: bold; |
33 -webkit-user-select: none; | 34 -webkit-user-select: none; |
34 cursor: default; | 35 cursor: default; |
35 } | 36 } |
36 | 37 |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 <a class="issue-cced" href="/user/{{ user.email }}" titl
e="{{ user.email }}">{{ user.displayName }}</a> | 82 <a class="issue-cced" href="/user/{{ user.email }}" titl
e="{{ user.email }}">{{ user.displayName }}</a> |
82 </template> | 83 </template> |
83 </div> | 84 </div> |
84 </div> | 85 </div> |
85 <div class="issue-base-url issue-meta-item"> | 86 <div class="issue-base-url issue-meta-item"> |
86 <div class="issue-meta-type">Base url</div> | 87 <div class="issue-meta-type">Base url</div> |
87 <div class="issue-meta-value"> | 88 <div class="issue-meta-value"> |
88 {{ issue.baseUrl }} | 89 {{ issue.baseUrl }} |
89 </div> | 90 </div> |
90 </div> | 91 </div> |
| 92 <template if="{{ issue.targetRef }}"> |
| 93 <div class="issue-target-ref issue-meta-item"> |
| 94 <div class="issue-meta-type">Target ref</div> |
| 95 <div class="issue-meta-value">{{ issue.targetRef }}</div> |
| 96 </div> |
| 97 </template> |
91 <template if="{{ issue.private }}"> | 98 <template if="{{ issue.private }}"> |
92 <div class="issue-private issue-meta-item"> | 99 <div class="issue-private issue-meta-item"> |
93 <div class="issue-meta-type">Private</div> | 100 <div class="issue-meta-type">Private</div> |
94 <div class="issue-meta-value">Yes</div> | 101 <div class="issue-meta-value">Yes</div> |
95 </div> | 102 </div> |
96 </template> | 103 </template> |
97 </template> | 104 </template> |
98 </template> | 105 </template> |
99 <script> | 106 <script> |
100 Polymer("cr-issue-meta", { | 107 Polymer("cr-issue-meta", { |
101 issue: null, | 108 issue: null, |
102 formatDate: function(date) { | 109 formatDate: function(date) { |
103 return date.format("{Mon} {ord} {yyyy} {h}:{mm}{tt}"); | 110 return date.format("{Mon} {ord} {yyyy} {h}:{mm}{tt}"); |
104 }, | 111 }, |
105 }); | 112 }); |
106 </script> | 113 </script> |
107 </polymer-element> | 114 </polymer-element> |
OLD | NEW |