b6e31aaaaa
- Fix inline script line nos * Change the map source pos panel to a table 3. Fix script sorting to not crash on missing name Change-Id: I250c830f4be5f734a9489622ce162615bf80aab7 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2964606 Auto-Submit: Leszek Swirski <leszeks@chromium.org> Commit-Queue: Leszek Swirski <leszeks@chromium.org> Reviewed-by: Camillo Bruni <cbruni@chromium.org> Cr-Commit-Position: refs/heads/master@{#75279}
61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
// Copyright 2020 the V8 project 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 {FocusEvent} from '../events.mjs';
|
|
import {ExpandableText} from '../helper.mjs';
|
|
import {DOM, V8CustomElement} from '../helper.mjs';
|
|
|
|
DOM.defineCustomElement(
|
|
'./view/map-panel/map-details',
|
|
(templateText) => class MapDetails extends V8CustomElement {
|
|
_map;
|
|
|
|
constructor() {
|
|
super(templateText);
|
|
}
|
|
|
|
get _mapDetails() {
|
|
return this.$('#mapDetails');
|
|
}
|
|
|
|
get _mapProperties() {
|
|
return this.$('#mapProperties');
|
|
}
|
|
|
|
set map(map) {
|
|
if (this._map === map) return;
|
|
this._map = map;
|
|
this.requestUpdate();
|
|
}
|
|
|
|
_update() {
|
|
this._mapProperties.innerText = '';
|
|
if (this._map) {
|
|
let clickableDetailsTable = DOM.table('properties');
|
|
|
|
{
|
|
const row = clickableDetailsTable.insertRow();
|
|
row.insertCell().innerText = 'ID';
|
|
row.insertCell().innerText = `${this._map.id}`;
|
|
}
|
|
{
|
|
const row = clickableDetailsTable.insertRow();
|
|
row.insertCell().innerText = 'Source location';
|
|
const sourceLocation = row.insertCell();
|
|
new ExpandableText(sourceLocation, `${this._map.sourcePosition}`);
|
|
sourceLocation.className = 'clickable';
|
|
sourceLocation.onclick = e => this._handleSourcePositionClick(e);
|
|
}
|
|
|
|
this._mapProperties.appendChild(clickableDetailsTable);
|
|
this._mapDetails.innerText = this._map.description;
|
|
} else {
|
|
this._mapDetails.innerText = '';
|
|
}
|
|
}
|
|
|
|
_handleSourcePositionClick(event) {
|
|
this.dispatchEvent(new FocusEvent(this._map.sourcePosition));
|
|
}
|
|
});
|