| 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 |