34b652607a
This CL establishes a naming consistency across the app by renaming classes. Class Name Changes: SelectEvent -> FocusEvent Entry -> IcLogEvent V8Map -> MapLogEvent Bug: v8:10644 Change-Id: Id075d9aa36ac6f03af0224feb0e38985b1445013 Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2349300 Commit-Queue: Zeynep Cankara <zcankara@google.com> Reviewed-by: Camillo Bruni <cbruni@chromium.org> Cr-Commit-Position: refs/heads/master@{#69382}
94 lines
2.4 KiB
JavaScript
94 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 "./map-processor.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
|
|
get timeline() {
|
|
return this.statsPanel.timeline;
|
|
}
|
|
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(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;
|
|
}
|
|
|
|
});
|