7149623d1f
- Move map stats into a separate panel - Don't handle selection events twice - Simplify map-stats panel html Change-Id: I0cd135727e69c8e42d34af3b75d42861ce06f8e4 Bug: v8:10644 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2485075 Reviewed-by: Sathya Gunasekaran <gsathya@chromium.org> Commit-Queue: Camillo Bruni <cbruni@chromium.org> Cr-Commit-Position: refs/heads/master@{#70717}
78 lines
2.0 KiB
JavaScript
78 lines
2.0 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 "./stats-panel.mjs";
|
|
import "./map-panel/map-details.mjs";
|
|
import "./map-panel/map-transitions.mjs";
|
|
import { FocusEvent } from './events.mjs';
|
|
import { MapLogEntry } from "./log/map.mjs";
|
|
import { defineCustomElement, V8CustomElement } from './helper.mjs';
|
|
|
|
defineCustomElement('map-panel', (templateText) =>
|
|
class MapPanel extends V8CustomElement {
|
|
_map;
|
|
constructor() {
|
|
super(templateText);
|
|
this.searchBarBtn.addEventListener(
|
|
'click', e => this.handleSearchBar(e));
|
|
this.addEventListener(
|
|
FocusEvent.name, e => this.handleUpdateMapDetails(e));
|
|
}
|
|
|
|
handleUpdateMapDetails(e) {
|
|
if (e.entry instanceof MapLogEntry) {
|
|
this.mapDetailsPanel.mapDetails = e.entry;
|
|
}
|
|
}
|
|
|
|
get mapTransitionsPanel() {
|
|
return this.$('#map-transitions');
|
|
}
|
|
|
|
get mapDetailsPanel() {
|
|
return this.$('#map-details');
|
|
}
|
|
|
|
get searchBarBtn() {
|
|
return this.$('#searchBarBtn');
|
|
}
|
|
|
|
get searchBar() {
|
|
return this.$('#searchBar');
|
|
}
|
|
|
|
get mapDetails() {
|
|
return this.mapDetailsPanel.mapDetails;
|
|
}
|
|
|
|
set timeline(timeline) {
|
|
this._timeline = timeline;
|
|
}
|
|
|
|
set map(value) {
|
|
this._map = value;
|
|
this.mapTransitionsPanel.map = this._map;
|
|
}
|
|
|
|
handleSearchBar(e) {
|
|
let searchBar = this.$('#searchBarInput');
|
|
let searchBarInput = searchBar.value;
|
|
//access the map from model cache
|
|
let selectedMap = MapLogEntry.get(parseInt(searchBarInput));
|
|
if (selectedMap) {
|
|
searchBar.className = "success";
|
|
} else {
|
|
searchBar.className = "failure";
|
|
}
|
|
this.dispatchEvent(new FocusEvent(selectedMap));
|
|
}
|
|
|
|
set selectedMapLogEntries(list) {
|
|
this.mapTransitionsPanel.selectedMapLogEntries = list;
|
|
}
|
|
get selectedMapLogEntries() {
|
|
return this.mapTransitionsPanel.selectedMapLogEntries;
|
|
}
|
|
|
|
});
|