| /** |
| * @license |
| * Copyright (C) 2020 The Android Open Source Project |
| * |
| * 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. |
| */ |
| import {html} from '@polymer/polymer/lib/utils/html-tag.js'; |
| |
| export const htmlTemplate = html` |
| <style include="shared-styles"> |
| :host { |
| display: block; |
| word-wrap: break-word; |
| } |
| .file { |
| padding: var(--spacing-s) 0; |
| } |
| .container { |
| display: flex; |
| padding: var(--spacing-s) 0; |
| } |
| .lineNum { |
| margin-right: var(--spacing-s); |
| min-width: 135px; |
| text-align: right; |
| } |
| .patchset-level-comment-text { |
| margin-right: var(--spacing-m); |
| } |
| .message { |
| flex: 1; |
| --gr-formatted-text-prose-max-width: 80ch; |
| } |
| @media screen and (max-width: 50em) { |
| .container { |
| flex-direction: column; |
| } |
| .lineNum { |
| margin-right: 0; |
| min-width: initial; |
| text-align: left; |
| } |
| } |
| </style> |
| <template |
| is="dom-repeat" |
| items="[[_computeFilesFromComments(comments)]]" |
| as="file" |
| > |
| <div class="file"> |
| <template is="dom-if" if="[[!shouldHideFile(file)]]"> |
| <a |
| class="fileLink" |
| href="[[_computeDiffURL(file, changeNum, comments)]]" |
| >[[computeDisplayPath(file)]] |
| </a> |
| </template> |
| </div> |
| <template |
| is="dom-repeat" |
| items="[[_computeCommentsForFile(comments, file)]]" |
| as="comment" |
| > |
| <div class="container"> |
| <template is="dom-if" if="[[shouldHideFile(file)]]"> |
| <span class="patchset-level-comment-text"> |
| Patchset Comment: |
| </span> |
| </template> |
| <template is="dom-if" if="[[!shouldHideFile(file)]]"> |
| <a |
| class="lineNum" |
| href$="[[_computeDiffLineURL(file, changeNum, comment.patch_set, comment)]]" |
| > |
| <span hidden$="[[!comment.line]]"> |
| <span>[[_computePatchDisplayName(comment)]]</span> |
| Line <span>[[comment.line]]</span> |
| </span> |
| <span hidden$="[[comment.line]]"> |
| File comment: |
| </span> |
| </a> |
| </template> |
| <gr-formatted-text |
| class="message" |
| no-trailing-margin="" |
| content="[[comment.message]]" |
| config="[[projectConfig.commentlinks]]" |
| ></gr-formatted-text> |
| </div> |
| </template> |
| </template> |
| `; |