Update each tab to have a searchbar and filter present

This commit is contained in:
alanfoster 2023-12-02 03:48:56 +00:00
parent 888c4a9b97
commit bec8fc847c
2 changed files with 54 additions and 62 deletions

View File

@ -202,9 +202,6 @@
</li> --> </li> -->
</ul> </ul>
<div class="tab-content">
<!-- Reverse Shell Tab-->
<div class="tab-pane active" id="reverse" role="tabpanel" aria-labelledby="reverse-tab">
<div class="card shadow mb-5"> <div class="card shadow mb-5">
<div class="card-body"> <div class="card-body">
<!-- Top configuration bar --> <!-- Top configuration bar -->
@ -240,6 +237,9 @@
<!-- /Show all advanced switch --> <!-- /Show all advanced switch -->
</div> </div>
<div class="tab-content">
<!-- Reverse Shell Tab-->
<div class="tab-pane active" id="reverse" role="tabpanel" aria-labelledby="reverse-tab">
<div class="card-text mt-4"> <div class="card-text mt-4">
<div class="row"> <div class="row">
@ -340,17 +340,11 @@
</div> </div>
</div> </div>
<!-- /card-text -->
</div>
</div>
</div> </div>
<!-- /Reverse Shell Tab --> <!-- /Reverse Shell Tab -->
<!-- Bind Shell Tab --> <!-- Bind Shell Tab -->
<div class="tab-pane" id="bind" role="tabpanel" aria-labelledby="bind-tab"> <div class="tab-pane" id="bind" role="tabpanel" aria-labelledby="bind-tab">
<div class="card shadow mb-5">
<div class="card-body">
<div class="card-text mt-4"> <div class="card-text mt-4">
<div class="row"> <div class="row">
<!-- Left column: Bind selection --> <!-- Left column: Bind selection -->
@ -395,15 +389,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<!-- /Bind Shell Tab --> <!-- /Bind Shell Tab -->
<!-- MSFVenom Tab --> <!-- MSFVenom Tab -->
<div class="tab-pane" id="msfvenom" role="tabpanel" aria-labelledby="msfvenom-tab"> <div class="tab-pane" id="msfvenom" role="tabpanel" aria-labelledby="msfvenom-tab">
<div class="card shadow mb-5">
<div class="card-body">
<img src="assets/floppy-disk-solid.svg" class="download-svg float-right" data-toggle="tooltip" title="Download Payload">
<div class="card-text mt-4"> <div class="card-text mt-4">
<div class="row"> <div class="row">
<!-- Left column: MSFVenom selection --> <!-- Left column: MSFVenom selection -->
@ -456,14 +445,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<!-- /MSFVenom Tab --> <!-- /MSFVenom Tab -->
<!-- HoaxShell Tab --> <!-- HoaxShell Tab -->
<div class="tab-pane" id="hoaxshell" role="tabpanel" aria-labelledby="hoaxshell-tab"> <div class="tab-pane" id="hoaxshell" role="tabpanel" aria-labelledby="hoaxshell-tab">
<div class="card shadow mb-5">
<div class="card-body">
<div class="card-text mt-4"> <div class="card-text mt-4">
<div class="row"> <div class="row">
<!-- Left column: HoaxShell selection --> <!-- Left column: HoaxShell selection -->
@ -507,10 +492,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<!-- /hoaxshell Tab --> <!-- /hoaxshell Tab -->
</div> </div>
</div>
</div>
<!-- RSG data --> <!-- RSG data -->
<script src="js/data.js"></script> <script src="js/data.js"></script>

View File

@ -358,7 +358,14 @@ const rsg = {
} }
); );
const documentFragment = document.createDocumentFragment() const documentFragment = document.createDocumentFragment();
if (filteredItems.length === 0) {
const emptyMessage = document.createElement("button");
emptyMessage.innerText = "No results found";
emptyMessage.classList.add("list-group-item", "list-group-item-action", "disabled");
documentFragment.appendChild(emptyMessage);
}
filteredItems.forEach((item, index) => { filteredItems.forEach((item, index) => {
const { const {
name, name,