map-panel-template.html 1.27 KB
Newer Older
zeynepCankara's avatar
zeynepCankara committed
1 2 3
<!-- 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. -->
4

5 6 7 8
<head>
  <link href="./index.css" rel="stylesheet">
</head>
<style>
9 10 11
  #searchBarInput {
    width: 200px;
  }
zeynepCankara's avatar
zeynepCankara committed
12
</style>
13
<div class="panel">
14
  <input type="checkbox" id="closer" class="panelCloserInput" checked>
15
  <label class="panelCloserLabel" for="closer"></label>
16
  <h2>Map Panel</h2>
17 18 19 20 21 22 23 24 25
  <div class="selection">
    <input type="radio" id="show-all" name="selectionType" value="all">
    <label for="show-all">All</label>
    <input type="radio" id="show-timerange" name="selectionType" value="timerange">
    <label for="show-timerange">Time Range</label>
    <input type="radio" id="show-selection" name="selectionType" value="selection">
    <label for="show-selection">Last Selection</label>
  </div>
  <h3>All Transitions</h3>
26 27
  <map-transitions id="map-transitions"></map-transitions>
  <h3>Search Map by Address</h3>
28
  <section id="searchBar"></section>
29
  <input type="search" id="searchBarInput"></input>
30
  <button id="searchBarBtn">Search</button>
31 32 33 34

  <h3>Details Transitions</h3>
  <map-transitions id="map-details-transitions"></map-transitions>
  <h3>Details</h3>
35
  <map-details id="map-details"></map-details>
zeynepCankara's avatar
zeynepCankara committed
36
</div>