202 lines
8.6 KiB
HTML
202 lines
8.6 KiB
HTML
<!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> -->
|
|
<script src="popup.dist.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="pt-2 pb-2 mb-2 border-bottom">
|
|
<div class="row mb-2">
|
|
<label for="textBox1" class="col-sm-3 col-form-label fw-bold">Search Term</label>
|
|
<div class="col-sm-7">
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" class="form-control" placeholder="Keyword" role="textbox" id="textBox1" />
|
|
<button type="button" class="btn btn-secondary input-group-text">✕</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3 cursor-default fw-bold">Search Field</div>
|
|
<div class="col-sm-7">
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="radioGroup1" id="radioBox1" value="anchor">
|
|
<label class="form-check-label" for="radioBox1">Anchor Text</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="radioGroup1" id="radioBox2" value="link" checked>
|
|
<label class="form-check-label" for="radioBox2">Link Address</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3 cursor-default fw-bold">Display Type</div>
|
|
<div class="col-sm-7">
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="radioGroup2" id="radioBox3" value="table" checked>
|
|
<label class="form-check-label" for="radioBox3">Table</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="radioGroup2" id="radioBox4" value="csv">
|
|
<label class="form-check-label" for="radioBox4">CSV</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" name="radioGroup2" id="radioBox5" value="links">
|
|
<label class="form-check-label" for="radioBox5">Links</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2 mb-2">
|
|
<div class="col-sm-3"></div>
|
|
<div class="col-sm-7">
|
|
<button type="button" class="btn btn-primary btn-sm">Load Results</button>
|
|
<span class="ps-1" role="label"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fw-bold clearfix cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapsPanel1" aria-expanded="false" aria-controls="collapsPanel1">⯈ Options</div>
|
|
<div class="row pt-2 pb-2 mb-2 border-bottom collapse" role="options" id="collapsPanel1"></div>
|
|
|
|
<div class="fw-bold clearfix cursor-pointer" data-bs-toggle="collapse" data-bs-target="#collapsPanel2" aria-expanded="false" aria-controls="collapsPanel2">⯈ Filters</div>
|
|
<div class="row pt-2 collapse" role="filters" id="collapsPanel2"></div>
|
|
|
|
<div class="row pb-2 mb-2 border-bottom"></div>
|
|
|
|
<div class="row pt-2 mb-2">
|
|
<div class="col">
|
|
|
|
<table class="table table-bordered table-hover table-sm table-striped">
|
|
<thead></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
|
|
<textarea class="form-control font-monospace text-sm px-1 py-1" rows="16"></textarea>
|
|
|
|
</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> </p>
|
|
<p> </p>
|
|
<p> </p>
|
|
<p> </p>
|
|
<p> </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> </p>
|
|
<p> </p>
|
|
<p> </p>
|
|
<p> </p>
|
|
<p> </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> |