78b04f24d0
This CL unifies the map-processor and ic-processor into a single log processing pipeline. Unified processing pipeline prevents doing 2 pass over the data. Bug: v8:10644 Change-Id: Ic0221a9bb32901f43202390b98fded4830a50f70 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2385496 Commit-Queue: Zeynep Cankara <zcankara@google.com> Reviewed-by: Camillo Bruni <cbruni@chromium.org> Cr-Commit-Position: refs/heads/master@{#69676}
91 lines
2.4 KiB
JavaScript
91 lines
2.4 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 { MapLogEvent } 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 MapLogEvent) {
|
|
this.mapDetailsPanel.mapDetails = e.entry;
|
|
}
|
|
}
|
|
|
|
get statsPanel() {
|
|
return this.$('#stats-panel');
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
// send a timeline to the stats-panel
|
|
set timeline(value) {
|
|
console.assert(value !== undefined, "timeline undefined!");
|
|
this.statsPanel.timeline = value;
|
|
this.statsPanel.update();
|
|
}
|
|
get transitions() {
|
|
return this.statsPanel.transitions;
|
|
}
|
|
set transitions(value) {
|
|
this.statsPanel.transitions = value;
|
|
}
|
|
|
|
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 = MapLogEvent.get(parseInt(searchBarInput));
|
|
if (selectedMap) {
|
|
searchBar.className = "success";
|
|
} else {
|
|
searchBar.className = "failure";
|
|
}
|
|
this.dispatchEvent(new FocusEvent(selectedMap));
|
|
}
|
|
|
|
set selectedMapLogEvents(list) {
|
|
this.mapTransitionsPanel.selectedMapLogEvents = list;
|
|
}
|
|
get selectedMapLogEvents() {
|
|
return this.mapTransitionsPanel.selectedMapLogEvents;
|
|
}
|
|
|
|
});
|