mirror of
https://gitlab.com/octospacc/octospacc.gitlab.io
synced 2025-03-11 17:10:04 +01:00
79 lines
2.8 KiB
HTML
79 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
|
|
<title>🕷️ SpiderADB</title>
|
||
|
|
<link rel="stylesheet" href="./holo-web/holo-base-elements.css"/>
|
||
|
|
<link rel="stylesheet" href="./holo-web/holo-base-widgets.css"/>
|
||
|
|
<link rel="stylesheet" href="./holo-web/holo-ics-dark-elements.css"/>
|
||
|
|
<link rel="stylesheet" href="./holo-web/holo-ics-dark-widgets.css"/>
|
||
|
|
<link rel="stylesheet" href="./holo-web/holo-extra-octt.css"/>
|
||
|
|
<script src="./util.js"></script>
|
||
|
|
<script src="./holo-web/holo-extra-octt.js"></script>
|
||
|
|
<script src="./holo-web/holo-touch.js"></script>
|
||
|
|
<script src="../Assets/JS/Global.js"></script>
|
||
|
|
<style>
|
||
|
|
.floatRight { float: right; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="holo-actionBar">
|
||
|
|
<button class="holo-title holo-menu" data-action-sidebar="sidebar">
|
||
|
|
🕷️ SpiderADB <small>(WIP)</small>
|
||
|
|
</button>
|
||
|
|
<!-- <button class="floatRight" data-display-sections="terminal">
|
||
|
|
Tabs
|
||
|
|
</button> -->
|
||
|
|
</header>
|
||
|
|
<section class="holo-sideBar" data-sidebar="sidebar">
|
||
|
|
<ul class="holo-list">
|
||
|
|
<li><button data-action-section="devices">
|
||
|
|
📱️ Devices
|
||
|
|
</button></li>
|
||
|
|
<!-- <li><button data-action-section="terminal">
|
||
|
|
⌨️ Terminal
|
||
|
|
</button></li> -->
|
||
|
|
<li><button data-action-section="about">
|
||
|
|
❓️ About
|
||
|
|
</button></li>
|
||
|
|
<li>
|
||
|
|
<i><!--More-->Actual features coming soon!</i>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
<section class="holo-body">
|
||
|
|
<p name="connectReminder" data-display-sections="terminal">
|
||
|
|
You must <a data-action-section="devices">connect and authorize a device</a> first.
|
||
|
|
</p>
|
||
|
|
<section class="holo-section" data-section="devices" data-open="open">
|
||
|
|
<div name="browserWarning"><p></p></div>
|
||
|
|
<select name="deviceSelect" disabled="true"></select>
|
||
|
|
<button name="deviceConnect" disabled="true">
|
||
|
|
Connect New Device
|
||
|
|
</button>
|
||
|
|
<p name="deviceStatus"></p>
|
||
|
|
<ul name="deviceInfo" hidden="true">
|
||
|
|
<li name="deviceOem"></li>
|
||
|
|
<li name="deviceModel"></li>
|
||
|
|
<li name="deviceSerial"></li>
|
||
|
|
<li name="androidVersion"></li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
<section class="holo-section" data-section="terminal">
|
||
|
|
<textarea readonly="true" disabled="true" style="width: 100%; margin-left: 0; margin-right: 0;"></textarea>
|
||
|
|
<input type="text" disabled="true" style="width: 100%; margin-left: 0; margin-right: 0;"/>
|
||
|
|
</section>
|
||
|
|
<section class="holo-section" data-section="about">
|
||
|
|
<p>SpiderADB is an user-friendly webapp for connecting to devices via the Android Debug Bridge, straight from a browser. More infos coming soon.</p>
|
||
|
|
<h3>Changelog</h3>
|
||
|
|
<h4>2024-04-14</h4><ul>
|
||
|
|
<li>First WIP version, with Android ICS Holo UI, allows simply connecting to devices and shows basic info.</li>
|
||
|
|
<li>Introduced sections: Devices, About.</li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
<script src="./bundle.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|