-
-
Notifications
You must be signed in to change notification settings - Fork 205
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
372 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,290 @@ | ||
| <?php | ||
| if (isset($_REQUEST['action'])) { | ||
| $skipJSsettings = 1; | ||
| } | ||
| require_once('config.php'); | ||
| require_once('common.php'); | ||
| DisableOutputBuffering(); | ||
|
|
||
| $userPackagesFile = $settings['configDirectory'] . '/userpackages.json'; | ||
| $userPackages = []; | ||
| if (file_exists($userPackagesFile)) { | ||
| $userPackages = json_decode(file_get_contents($userPackagesFile), true); | ||
| if (!is_array($userPackages)) { | ||
| $userPackages = []; | ||
| } | ||
| } | ||
|
|
||
| // Handle backend actions | ||
| $action = $_POST['action'] ?? $_GET['action'] ?? null; | ||
| $packageName = $_POST['package'] ?? $_GET['package'] ?? null; | ||
|
|
||
| if ($action) { | ||
| if ($action === 'install' && !empty($packageName)) { | ||
| $packageName = escapeshellarg($packageName); | ||
| header('Content-Type: text/plain'); | ||
|
|
||
| $process = popen("sudo apt-get install -y $packageName 2>&1", 'r'); | ||
| if (is_resource($process)) { | ||
| while (!feof($process)) { | ||
| echo fread($process, 1024); | ||
| flush(); | ||
| } | ||
| pclose($process); | ||
| } | ||
|
|
||
| // Add package to user-installed packages if not already added | ||
| if (!in_array(trim($packageName, "'"), $userPackages)) { | ||
| $userPackages[] = trim($packageName, "'"); | ||
| file_put_contents($userPackagesFile, json_encode($userPackages, JSON_PRETTY_PRINT)); | ||
| } | ||
|
|
||
| exit; | ||
| } | ||
|
|
||
| if ($action === 'uninstall' && !empty($packageName)) { | ||
| $packageName = escapeshellarg($packageName); | ||
| header('Content-Type: text/plain'); | ||
|
|
||
| $process = popen("sudo apt-get remove -y $packageName 2>&1", 'r'); | ||
| if (is_resource($process)) { | ||
| while (!feof($process)) { | ||
| echo fread($process, 1024); | ||
| flush(); | ||
| } | ||
| pclose($process); | ||
| } | ||
|
|
||
| // Remove package from user-installed packages | ||
| $userPackages = array_filter($userPackages, function($pkg) use ($packageName) { | ||
| return $pkg !== trim($packageName, "'"); | ||
| }); | ||
| file_put_contents($userPackagesFile, json_encode($userPackages, JSON_PRETTY_PRINT)); | ||
|
|
||
| exit; | ||
| } | ||
| } | ||
| include 'common/menuHead.inc'; | ||
| writeFPPVersionJavascriptFunctions(); | ||
| ?> | ||
| <style> | ||
| .taller-modal .modal-dialog { | ||
| max-height: 90%; | ||
| height: 90%; | ||
| overflow-y: auto; | ||
| } | ||
|
|
||
| .taller-modal .modal-body { | ||
| max-height: calc(100% - 120px); | ||
| overflow-y: auto; | ||
| } | ||
| </style> | ||
| <script> | ||
| var systemPackages = []; | ||
| var userInstalledPackages = <?php echo json_encode($userPackages); ?>; | ||
| var selectedPackageName = ""; | ||
|
|
||
| function ShowLoadingIndicator() { | ||
| $('#loadingIndicator').show(); | ||
| $('#packageInputContainer').hide(); | ||
| } | ||
|
|
||
| function HideLoadingIndicator() { | ||
| $('#loadingIndicator').hide(); | ||
| $('#packageInputContainer').show(); | ||
| } | ||
|
|
||
| function GetSystemPackages() { | ||
| ShowLoadingIndicator(); | ||
| $.ajax({ | ||
| url: '/api/system/packages', | ||
| type: 'GET', | ||
| dataType: 'json', | ||
| success: function (data) { | ||
| if (!data || !Array.isArray(data)) { | ||
| console.error('Invalid data received from server.', data); | ||
| alert('Error: Unable to retrieve package list.'); | ||
| return; | ||
| } | ||
| console.log('Raw Data Received:', data); | ||
| systemPackages = data; | ||
| console.log('Parsed Packages:', systemPackages); | ||
| InitializeAutocomplete(); | ||
| HideLoadingIndicator(); | ||
| }, | ||
| error: function () { | ||
| alert('Error, failed to get system packages list.'); | ||
| HideLoadingIndicator(); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| function GetPackageInfo(packageName) { | ||
| selectedPackageName = packageName; | ||
| $.ajax({ | ||
| url: `/api/system/packages/info/${encodeURIComponent(packageName)}`, | ||
| type: 'GET', | ||
| dataType: 'json', | ||
| success: function (data) { | ||
| if (data.error) { | ||
| alert(`Error: ${data.error}`); | ||
| return; | ||
| } | ||
| const description = data.Description || 'No description available.'; | ||
| const dependencies = data.Depends | ||
| ? data.Depends.replace(/\([^)]*\)/g, '').trim() | ||
| : 'No dependencies.'; | ||
| const installed = data.Installed === "Yes" ? "(Already Installed)" : ""; | ||
| $('#packageInfo').html(` | ||
| <strong>Selected Package:</strong> ${packageName} ${installed}<br> | ||
| ${data.Installed !== "Yes" ?` | ||
| <strong>Description:</strong> ${description}<br> | ||
| <strong>Will also install these packages:</strong> ${dependencies}<br> | ||
| <div class="buttons btn-lg btn-rounded btn-outline-success mt-2" onClick='InstallPackage();'> | ||
| <i class="fas fa-download"></i> Install Package | ||
| </div>` : ""} | ||
| `); | ||
| }, | ||
| error: function () { | ||
| alert('Error, failed to fetch package information.'); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| function InitializeAutocomplete() { | ||
| if (!systemPackages.length) { | ||
| console.warn('System packages list is empty.'); | ||
| return; | ||
| } | ||
|
|
||
| $("#packageInput").autocomplete({ | ||
| source: systemPackages, | ||
| select: function (event, ui) { | ||
| const selectedPackage = ui.item.value; | ||
| $(this).val(selectedPackage); | ||
| return false; | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| function InstallPackage() { | ||
| if (!selectedPackageName) { | ||
| alert('Please select a package and retrieve its info before installing.'); | ||
| return; | ||
| } | ||
|
|
||
| const url = `packages.php?action=install&package=${encodeURIComponent(selectedPackageName)}`; | ||
| $('#packageProgressPopupCloseButton').text('Please Wait').prop("disabled", true); | ||
| DisplayProgressDialog("packageProgressPopup", `Installing Package: ${selectedPackageName}`); | ||
| StreamURL( | ||
| url, | ||
| 'packageProgressPopupText', | ||
| 'EnableCloseButtonAfterOperation', | ||
| 'EnableCloseButtonAfterOperation' | ||
| ); | ||
| } | ||
|
|
||
| function UninstallPackage(packageName) { | ||
| const url = `packages.php?action=uninstall&package=${encodeURIComponent(packageName)}`; | ||
| $('#packageProgressPopupCloseButton').text('Please Wait').prop("disabled", true); | ||
| DisplayProgressDialog("packageProgressPopup", `Uninstalling Package: ${packageName}`); | ||
| StreamURL( | ||
| url, | ||
| 'packageProgressPopupText', | ||
| 'EnableCloseButtonAfterOperation', | ||
| 'EnableCloseButtonAfterOperation' | ||
| ); | ||
| } | ||
|
|
||
| function EnableCloseButtonAfterOperation(id) { | ||
| $('#packageProgressPopupCloseButton') | ||
| .text('Close') | ||
| .prop("disabled", false) | ||
| .on('click', function () { | ||
| $('#packageInput').val(''); // Clear the input field | ||
| location.reload(); // Refresh the page when the close button is clicked | ||
| }); | ||
| } | ||
|
|
||
| $(document).ready(function () { | ||
| GetSystemPackages(); | ||
|
|
||
| const userPackagesList = userInstalledPackages.map(pkg => `<li>${pkg} <button class='btn btn-sm btn-outline-danger' onClick='UninstallPackage("${pkg}");'>Uninstall</button></li>`).join(''); | ||
| $('#userPackagesList').html(userPackagesList || '<p>No user-installed packages found.</p>'); | ||
|
|
||
| $('#packageInput').on('input', function () { | ||
| const packageName = $(this).val().trim(); | ||
| if (packageName) { | ||
| $('#packageStatus').text(''); | ||
| } | ||
| }); | ||
| }); | ||
| </script> | ||
| <title>Package Manager</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div id="bodyWrapper"> | ||
| <?php | ||
| $activeParentMenuItem = 'content'; | ||
| include 'menu.inc'; ?> | ||
| <div class="mainContainer"> | ||
| <h1 class="title">Package Manager</h1> | ||
| <div class="pageContent"> | ||
| <div id="packages" class="settings"> | ||
|
|
||
|
|
||
| <h2>Please Note:</h2> | ||
| Installing additional packages can break your FPP installation requiring complete reinstallation of FPP. Continue at your own risk. | ||
| <p> | ||
| <h2>Installed User Packages</h2> | ||
| <ul id="userPackagesList"></ul> | ||
|
|
||
| <div id="loadingIndicator" style="display: none; text-align: center;"> | ||
| <p>Loading package list, please wait...</p> | ||
| </div> | ||
|
|
||
| <div id="packageInputContainer" style="display: none;"> | ||
| <div class="row"> | ||
| <div class="col"> | ||
| <input type="text" id="packageInput" class="form-control form-control-lg form-control-rounded has-shadow" placeholder="Enter package name" /> | ||
| </div> | ||
| <div class="col-auto"> | ||
| <div class="buttons btn-lg btn-rounded btn-outline-info" onClick='GetPackageInfo($("#packageInput").val().trim());'> | ||
| <i class="fas fa-info-circle"></i> Get Info | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class='packageDiv'> | ||
| <div id="packageInfo" class="mt-3 text-muted"></div> | ||
| <div id="overlay"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="packageProgressPopup" class="modal taller-modal" tabindex="-1"> | ||
| <div class="modal-dialog modal-lg"> | ||
| <div class="modal-content"> | ||
| <div class="modal-header"> | ||
| <h5 class="modal-title">Installing Package</h5> | ||
| <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <pre id="packageProgressPopupText" style="white-space: pre-wrap;"></pre> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button id="packageProgressPopupCloseButton" type="button" class="btn btn-secondary" data-bs-dismiss="modal" disabled>Close</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| <?php include 'common/footer.inc'; ?> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> | ||
|
|