mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 13:44:39 +08:00
Tim van der Lippe
05149e9772
This adds all missing imports for `ls` to all files. After this change, all usages of `ls` will now properly be resolved to a LocalizedString rather than a normal string. R=jacktfranklin@chromium.org No-Presubmit: True Change-Id: Icf6d8c3b8bea1f9e66f4b6b58e4ae4c7f99e6f9c Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2629554 Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
62 lines
2.1 KiB
TypeScript
62 lines
2.1 KiB
TypeScript
// Copyright 2020 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import {ls} from '../platform/platform.js';
|
|
import * as SDK from '../sdk/sdk.js';
|
|
|
|
import {AffectedResourcesView} from './AffectedResourcesView.js';
|
|
import {AggregatedIssue} from './IssueAggregator.js';
|
|
import {IssueView} from './IssuesPane.js';
|
|
|
|
export class AffectedSharedArrayBufferTransferDetailsView extends AffectedResourcesView {
|
|
private issue: AggregatedIssue;
|
|
|
|
constructor(parentView: IssueView, issue: AggregatedIssue) {
|
|
super(parentView, {singular: ls`directive`, plural: ls`directives`});
|
|
this.issue = issue;
|
|
}
|
|
|
|
private appendStatus(element: HTMLElement, isWarning: boolean): void {
|
|
const status = document.createElement('td');
|
|
if (isWarning) {
|
|
status.classList.add('affected-resource-report-only-status');
|
|
status.textContent = ls`warning`;
|
|
} else {
|
|
status.classList.add('affected-resource-blocked-status');
|
|
status.textContent = ls`blocked`;
|
|
}
|
|
element.appendChild(status);
|
|
}
|
|
|
|
private appendDetails(sabIssues: Iterable<SDK.SharedArrayBufferTransferIssue.SharedArrayBufferTransferIssue>): void {
|
|
const header = document.createElement('tr');
|
|
this.appendColumnTitle(header, ls`Source Location`);
|
|
this.appendColumnTitle(header, ls`Status`);
|
|
|
|
this.affectedResources.appendChild(header);
|
|
let count = 0;
|
|
for (const sabIssue of sabIssues) {
|
|
count++;
|
|
this.appendDetail(sabIssue);
|
|
}
|
|
this.updateAffectedResourceCount(count);
|
|
}
|
|
|
|
private appendDetail(sabIssue: SDK.SharedArrayBufferTransferIssue.SharedArrayBufferTransferIssue): void {
|
|
const element = document.createElement('tr');
|
|
element.classList.add('affected-resource-directive');
|
|
|
|
const sabIssueDetails = sabIssue.details();
|
|
this.appendSourceLocation(element, sabIssueDetails.sourceCodeLocation);
|
|
this.appendStatus(element, sabIssueDetails.isWarning);
|
|
|
|
this.affectedResources.appendChild(element);
|
|
}
|
|
|
|
update(): void {
|
|
this.clear();
|
|
this.appendDetails(this.issue.sharedArrayBufferTransfersIssues());
|
|
}
|
|
}
|