peji-inspektor-crx/popup.html

162 lines
5.3 KiB
HTML
Raw Normal View History

2024-11-10 00:24:12 +00:00
<!doctype html>
<html>
<head>
<script src="bootstrap/5.3.3/js/bootstrap.min.js"></script>
<script src="literyz-js/extensions.dist.js"></script>
<script src="vue-js/dist/core.dist.js"></script>
<script src="popup.js"></script>
<link rel="stylesheet" href="bootstrap/5.3.3/css/bootstrap.min.css">
<link rel="stylesheet" href="popup.css">
<title>Peji Inspektor</title>
</head>
<body>
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Home</button>
<button class="nav-link" id="nav-hyperlinks-tab" data-bs-toggle="tab" data-bs-target="#nav-hyperlinks" type="button" role="tab" aria-controls="nav-hyperlinks" aria-selected="false">Hyperlinks</button>
<button class="nav-link" id="nav-images-tab" data-bs-toggle="tab" data-bs-target="#nav-images" type="button" role="tab" aria-controls="nav-images" aria-selected="false">Images</button>
<button class="nav-link" id="nav-disabled-tab" data-bs-toggle="tab" data-bs-target="#nav-disabled" type="button" role="tab" aria-controls="nav-disabled" aria-selected="false" disabled>Disabled</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab" tabindex="0">...</div>
<div class="tab-pane py-3 fade" id="nav-hyperlinks" role="tabpanel" aria-labelledby="nav-hyperlinks-tab" tabindex="0">
<div class="container-fluid">
<div class="row pb-2" role="options"></div>
<div class="row pb-3 mb-3 border-bottom">
<div class="col">
<button type="button" class="btn btn-primary btn-sm">Load Results</button>
<button type="button" class="btn btn-outline-secondary btn-sm">Load CSV</button>
</div>
</div>
<div class="row pb-1">
<div class="col">
<span class="fw-bold" role="table-heading">Results</span>
</div>
</div>
<div class="row">
<div class="col">
<table class="table table-bordered table-hover table-sm table-striped">
<thead></thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-images" role="tabpanel" aria-labelledby="nav-images-tab" tabindex="0">...</div>
<div class="tab-pane fade" id="nav-disabled" role="tabpanel" aria-labelledby="nav-disabled-tab" tabindex="0">...</div>
</div>
<!-- <p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> -->
<!-- <div id="body"> -->
<!-- <p>
<button id="button1">Hyperlinks</button>
<button id="button2">Images</button>
</p>
<textarea id="memoBox1" style="width: 100%" rows="16"></textarea>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="table">
<div class="row">
<div class="column-1">Hide Watched Videos</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch1" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
<div class="row">
<div class="column-1">Hide Resumeable Videos</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch2" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
<div class="row">
<div class="column-1">Hide Removed Videos</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch3" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
<div class="row">
<div class="column-1">Hide On Middle-Click</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch4" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
<div class="row">
<hr />
</div>
<div class="row">
<div class="column-1">Bypass Shorts</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch5" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
<div class="row">
<div class="column-1">Hide Shorts Section</div>
<div class="column-2">
<label class="switch switch-primary">
<input id="switch6" type="checkbox" />
<span class="switch-slider"></span>
</label>
</div>
</div>
</div> -->
<!-- </div> -->
<!-- <script type="module" src="popup1.js"></script> -->
</body>
</html>