0a6e7e20fd
The column shows a count of unresolved comments, if there are any. Enable the comments column only when the attention set feature is enabled. We want to roll this out as part of the attention set. Screenshots: Before: https://imgur.com/a/5jN4nTH After: https://imgur.com/a/8NG0oqu Change-Id: Ife290c4c62a3b1daf9d5b416c686967b695e26f1
108 lines
4.8 KiB
JavaScript
108 lines
4.8 KiB
JavaScript
/**
|
|
* @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">
|
|
/* Workaround for empty style block - see https://github.com/Polymer/tools/issues/408 */
|
|
</style>
|
|
<style include="gr-change-list-styles">
|
|
#changeList {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
.section-count-label {
|
|
color: var(--deemphasized-text-color);
|
|
font-family: var(--font-family);
|
|
font-size: var(--font-size-small);
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: var(--line-height-small);
|
|
}
|
|
a.section-title:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.section-title:hover .section-count-label {
|
|
text-decoration: none;
|
|
}
|
|
a.section-title:hover .section-name {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
<table id="changeList">
|
|
<template is="dom-repeat" items="[[sections]]" as="changeSection" index-as="sectionIndex">
|
|
<template is="dom-if" if="[[changeSection.name]]">
|
|
<tbody>
|
|
<tr class="groupHeader">
|
|
<td class="leftPadding"></td>
|
|
<td class="star" hidden\$="[[!showStar]]" hidden=""></td>
|
|
<td class="cell" colspan\$="[[_computeColspan(changeTableColumns, labelNames)]]">
|
|
<a href\$="[[_sectionHref(changeSection.query)]]" class="section-title">
|
|
<span class="section-name">[[changeSection.name]]</span>
|
|
<span class="section-count-label">[[changeSection.countLabel]]</span>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
<tbody class="groupContent">
|
|
<template is="dom-if" if="[[_isEmpty(changeSection)]]">
|
|
<tr class="noChanges">
|
|
<td class="leftPadding"></td>
|
|
<td class="star" hidden\$="[[!showStar]]" hidden=""></td>
|
|
<td class="cell" colspan\$="[[_computeColspan(changeTableColumns, labelNames)]]">
|
|
<template is="dom-if" if="[[_isOutgoing(changeSection)]]">
|
|
<slot name="empty-outgoing"></slot>
|
|
</template>
|
|
<template is="dom-if" if="[[!_isOutgoing(changeSection)]]">
|
|
No changes
|
|
</template>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
<template is="dom-if" if="[[!_isEmpty(changeSection)]]">
|
|
<tr class="groupTitle">
|
|
<td class="leftPadding"></td>
|
|
<td class="star" hidden\$="[[!showStar]]" hidden=""></td>
|
|
<td class="number" hidden\$="[[!showNumber]]" hidden="">#</td>
|
|
<template is="dom-repeat" items="[[changeTableColumns]]" as="item">
|
|
<td class\$="[[_lowerCase(item)]]" hidden\$="[[isColumnHidden(item, visibleChangeTableColumns)]]">
|
|
[[item]]
|
|
</td>
|
|
</template>
|
|
<template is="dom-repeat" items="[[labelNames]]" as="labelName">
|
|
<td class="label" title\$="[[labelName]]">
|
|
[[_computeLabelShortcut(labelName)]]
|
|
</td>
|
|
</template>
|
|
<template is="dom-repeat" items="[[_dynamicHeaderEndpoints]]" as="pluginHeader">
|
|
<td class="endpoint">
|
|
<gr-endpoint-decorator name\$="[[pluginHeader]]">
|
|
</gr-endpoint-decorator>
|
|
</td>
|
|
</template>
|
|
</tr>
|
|
</template>
|
|
<template is="dom-repeat" items="[[changeSection.results]]" as="change">
|
|
<gr-change-list-item selected\$="[[_computeItemSelected(sectionIndex, index, selectedIndex)]]" highlight\$="[[_computeItemHighlight(account, change)]]" needs-review\$="[[_computeItemNeedsReview(account, change, showReviewedState)]]" change="[[change]]" visible-change-table-columns="[[visibleChangeTableColumns]]" show-number="[[showNumber]]" show-star="[[showStar]]" tabindex="0" label-names="[[labelNames]]"></gr-change-list-item>
|
|
</template>
|
|
</tbody>
|
|
</template>
|
|
</table>
|
|
<gr-cursor-manager id="cursor" index="{{selectedIndex}}" scroll-behavior="keep-visible" focus-on-move=""></gr-cursor-manager>
|
|
<gr-rest-api-interface id="restAPI"></gr-rest-api-interface>
|
|
`;
|