wifi-pineapple-panel

Wifi Pineapple Panel

The idea of this project is to have a better panel for the pineapple NANO/TETRA
To install it, you just have to copy the src folder to / of the pineapple and reboot.

Changes

The following functionalities are modified looking for a better user experience

General:

• Compress PNG images (size -55K)
• Compress SVG images (size -7K)
• Update Bootstrap to 3.4.1 (size +2K)
• Fix mobile view
• Add Chevron icon to accordions (size +1K)
• Change notification time from 6000 to 30000 (decrease RPM from 10 to 2)
• Added more refresh buttons
• Fixed several bugs found in the panel
• Expose AngularJS Pineapple API in JS window
• Add timeout and prevent duplicated request in API service
• Refactor all indexedDB code
• Project minification (Optional: use packer tools)

Dashboard

• Change update time from 5000 to 10000 (decrease RPM from 12 to 6)

Recon:

• Code refactor in module.php
• Add results counter in titles with badges
• Fix column alignment

Clients:

• Add loading indicator
• Change default text logic

PineAP:

• Configure used monitor interface (pineapd pineap_interface)
• Configure used source interface (pineapd source_mac grabber)
• Show pineapd service errors

Logging:

• Fire data loading on open accordion
• Add PineAP Logs loading indicator
• Save filters in cookies

Network:

• Add tabs
• Add "Wireless raw config editor" section
• Add "Info" section
• Add "Interface actions" section
• Decrease initial requests (from 8 to 3)

Advanced:

• Add tabs
• Add "Manual upgrade" section
• Decrease initial requests (from 8 to 3)

Setup:

• Fix character bad used

Modules:

• Refactor in Modules.php
• Add support for injectJS in modules manifest

Notes

1. For edit notification timer you can use this

   # sed -i 's/OLD-VALUE/NEW-VALUE/' FILE
   sed -i 's/30000/60000/' src/pineapple/js/controllers.js
   

2. To open the menu on hover uncomment this in src/pineapple/main.css

   .sidebar:hover {
   	margin-left: 0;
   }
   .menu-toggle {
   	display: none !important;
   }
   

3. To develop locally you can point your panel to the pinapple replacing the src/pineapple/api/index.php with this

   <?php
   $endpoint = 'http://172.16.42.1:1471/api/index.php';
   $sessid = 'xxxxxxxxxxxxxxxxxxxxxxxxx';
   $xsrftoken = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
   
   $ch = curl_init($endpoint);
   curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
   curl_setopt($ch, CURLOPT_POSTFIELDS, file_get_contents('php://input'));
   curl_setopt($ch, CURLOPT_COOKIE, "PHPSESSID={$sessid}");
   curl_setopt($ch, CURLOPT_HTTPHEADER, ["X-XSRF-TOKEN: {$xsrftoken}"]);
   
   $response = curl_exec($ch);
   curl_close($ch);
   header('Content-Type: application/json');
   echo $response;