A web interface for amuleweb. Reloaded style using Bootstrap, Glyphicons and jQuery!
License: GNU General Public License v3.0
PHP 97.59%HTML 0.16%Hack 2.25%
amulewebui-reloaded's Introduction
AmuleWebUI-Reloaded Mateterial Style
Update style of 'AmuleWebUI-Reloaded' in Material design with CSS
Credits
Brax84 for a full redesign of my inital work, making it really nice (Pull 17)
Knocks83 for fixing some README inconsistencies in links (Pull 18) and minor fixes (Pull 19)
atlant2011 that improved integrity checks and caching in browser (Pull 14)
gise88 for fixing an error in main search (Pull 13)
ThecaTTony for fixing an error in sort by files (Pull 9)
Daneden for animate .css https://github.com/daneden/animate.css/
tetreum fixed a bug in css (Pull 23) and in refreshing pages (Pull 24)
Structure
The structure and it's functionalities, is completely equivalent to the old Reloaded
Change & Fix
Add CSS Animated Logo in Login page
Add CSS FadeIn on all page
Add modern style with CSS
Add Top Page button in Search with CSS and js code
Fix css code Footer for Mobile Device
Animated Login
Installation
To install the web interface simply clone the repo in a directory inside /usr/share/amule/webserver (tested on my Raspberry running Raspbian):
Step 1: Stop amule-daemon process:
sudo service amule-daemon stop
cd /usr/share/amule/webserver
sudo git clone https://github.com/MatteoRagni/AmuleWebUI-Reloaded.git
Seems do not support Ajax refresh, if you need monitor the traffice data, you need change Page refresh interval value to 1, but this will caused webpage continuous refresh.
Many thanks if you can add Ajax support.
I have noticed this bug and I have already fixed it by changing the following line: <th><a href="amuleweb-main-search.php?sort=srccount">Sources</a></th>
with this one: <th><a href="amuleweb-main-search.php?sort=sources">Sources</a></th>
First of all thank you for your work, I really appreciate it. I can't make the service (I mean when I boot the computer) start with AmuleWebUI-Reloaded always start with the default theme and I have to run
$ kill $(pidof amuleweb) && amuleweb
to make it work.
I think I am making a mistake in the configuration files or something like that. In my amule.conf
Hello, can you make a button to select all downloads? Manually selection a lot of file it's tedious.
Edit: this is my userscript to do that, if someone is interested
// ==UserScript==// @name amuleweb auto checkbox// @namespace Violentmonkey Scripts// @match http://localhost:4711/amuleweb-main-dload.php// @grant none// @version 1.0// @author SH3LL// @description 5/12/2023, 12:29:31// ==/UserScript==(function(){'use strict';// Function to check all checkboxesfunctioncheckAllCheckboxes(){// Select all checkboxes on the pagevarcheckboxes=document.querySelectorAll('input[type="checkbox"]');// Iterate through all checkboxes and check themcheckboxes.forEach(function(checkbox){checkbox.checked=true;});}// Function to uncheck all checkboxesfunctionuncheckAllCheckboxes(){// Select all checkboxes on the pagevarcheckboxes=document.querySelectorAll('input[type="checkbox"]');// Iterate through all checkboxes and uncheck themcheckboxes.forEach(function(checkbox){checkbox.checked=false;});}// Find an element with the class "form-inline form-tasks"varformElement=document.querySelector('.form-inline.form-tasks');// Check if the element is foundif(formElement){// Create the button to check all checkboxesvarcheckButton=document.createElement('button');checkButton.textContent='Check ALL';// Add CSS style for spacing and positioningcheckButton.style.marginRight='10px';// Add an event handler to the check buttoncheckButton.addEventListener('click',function(event){// Prevent default behavior (in this case, page refresh)event.preventDefault();// Call the function to check all checkboxescheckAllCheckboxes();});// Create the button to uncheck all checkboxesvaruncheckButton=document.createElement('button');uncheckButton.textContent='Uncheck ALL';// Add CSS style for spacing and positioninguncheckButton.style.marginRight='10px';uncheckButton.style.marginTop='10px';// Add an event handler to the uncheck buttonuncheckButton.addEventListener('click',function(event){// Prevent default behavior (in this case, page refresh)event.preventDefault();// Call the function to uncheck all checkboxesuncheckAllCheckboxes();});// Add the buttons to the "form-inline form-tasks" elementformElement.appendChild(checkButton);formElement.appendChild(uncheckButton);}})();
Total size is wrong when the list of torrents is empty. It also looks weird. This is the first thing the user see when it installs aMule. Maybe we should add the word "Total" in the filename column or something like that.
I cannot understand why the font type in the interface is quite different from the screens in the readme GitHub page. This is how I see the interface:
As you can notice, the header section uses a serif font (like Times New Roman) whereas on the GitHub page the interface looks nicer with sans serif fonts (example below). I have the above result either with Firefox/Chrome on both Windows and Linux.
Do you know how to achieve the same result as in the GitHub screenshots?
Could you publish releases in GitHub from time to time?
I'm maintaining a Docker image of Amule that includes your Theme as default. => https://github.com/ngosang/docker-amule
I would like to build the image with a concrete version of this project to avoid potential issues from master/development branch.
10:19:07: Error: can't open file '/usr/share/amule/webserver/AmuleWebUI/favicon.ico' (error 2: No such file or directory)
CFileImage: failed to open /usr/share/amule/webserver/AmuleWebUI/favicon.ico
Processing request [original]: amuleweb-main-dload.php
Session ok, logged in
Processing request [redirected]: amuleweb-main-dload.php
web client connection accepted