ed-safari/index.html

85 lines
3 KiB
HTML
Raw Normal View History

2023-05-08 12:25:13 -07:00
<!DOCTYPE html>
<html>
<head>
2023-05-08 12:25:13 -07:00
<meta charset="UTF-8" />
<title>ED Safari v0.0.1</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" crossorigin="anonymous">
<script src="src/assets/ldom.dev.js"></script>
</head>
<body>
2023-05-08 12:25:13 -07:00
<div id="app">
<div :key="reload">
<!-- CURRENT LOCATION -->
<div class="container-fluid">
<div class="row separator align-items-center">
<div class="col"><hr class="separator"></div>
<div class="col-auto">Current Location</div>
<div class="col"><hr class="separator"></div>
2023-05-08 12:25:13 -07:00
</div>
</div>
2023-05-08 17:42:09 -07:00
<!-- table header -->
<div class="container-fluid">
<div class="row ml-1 mr-1 separator">
<div class="col-3 text-center">Name</div>
<div class="col">Type</div>
<div class="col-auto text-center">Distance</div>
<div class="col-1 text-center">Details</div>
<div class="col-2 text-center">Mapped Value</div>
2023-05-08 17:42:09 -07:00
</div>
</div>
2023-05-08 17:42:09 -07:00
<!-- system name -->
<div class="container-fluid">
<div class="row ml-1 mr-1">
<div id="currentSystem" class="col highlighted text-center">
<i id="currentSystemIcon" class="flaticon-solar-system hidden"></i>
<span id="currentSystemName">Unknown</span>
</div>
2023-05-08 17:42:09 -07:00
</div>
</div>
2023-05-08 17:42:09 -07:00
<!-- high-value scans -->
<div class="container-fluid">
<div class="row ml-1 mr-1 align-items-center">
<div class="col system charted">
</div>
2023-05-08 19:13:30 -07:00
</div>
</div>
2023-05-08 17:42:09 -07:00
<!-- low-value scans -->
<div class="container-fluid" id="lowValueScans">
2023-05-08 17:42:09 -07:00
</div>
<!-- NAV ROUTE -->
<div class="container-fluid">
<div class="row separator align-items-center">
<div class="col"><hr class="separator"></div>
<div class="col-auto">Nav Route</div>
<div class="col"><hr class="separator"></div>
</div>
2023-05-08 12:25:13 -07:00
</div>
2023-05-08 17:42:09 -07:00
<!-- table header -->
<div class="container-fluid">
<div class="row ml-1 mr-1 separator">
<div class="col-1 text-right">LY</div>
<div class="col-3 text-center">Name</div>
<div class="col">Type</div>
<div class="col-2 text-center">Mapped Value</div>
</div>
2023-05-08 12:25:13 -07:00
</div>
2023-05-08 17:42:09 -07:00
<div class="container-fluid">
<div class="row separator align-items-center">
<div class="col"><hr class="seperator"></div>
</div>
2023-05-08 12:25:13 -07:00
</div>
</div>
</div>
<script type="module" src="/src/renderer.js"></script>
</body>
2023-05-08 12:25:13 -07:00
</html>