aMule Forum
English => Skins & GUI => Topic started by: pitit.atchoum on October 27, 2008, 05:23:50 AM
-
Hello!
I made a new skin for amuleweb based on 2 skins : Litoral and php-chicane
Thanks to the authors who made the original(s) version(s).
This template supports ALL the functionnalities already implemented in amuleweb.
You can download the zip here : http://www.mediafire.com/?sharekey=3b6367175d78e2e4d2db6fb9a8902bda (http://www.mediafire.com/?sharekey=3b6367175d78e2e4d2db6fb9a8902bda)
Changes in v0.1 & v0.2 :
- Complete Code Cleanup : I removed all the useless Javascript, I reorganized the frameset so pages load faster, improved W3C compliance...
This interface works with Firefox 3, Opera and IE7
- New disposition in download and upload page
- New disposition in shared files page
- New disposition in search files page
- Many BugFixes
- Many graphic changes
Changes in v0.3 :
- Some interface bugfixes (thanx gulp)
- Improved search request
You can now filter your research by extension or by filetype 8)
- New icons themes (from amule pack actually)
Changes in v0.4 :
- Rename some files
- Externalized css, so it's easier to skin
- Some minor tweaks
Changes in v0.5 :
- Minor changes in the frameset to get more space on screen
- Add "Last seen complete" in Download view
Changes in v0.6 :
- Minor changes
- Fixed Opera bug
Changes in v0.7 :
- New Preferences page and Server List page (thx woutermense ;) )
- Some little graphic changes (blue bar and search module)
- Improved connection checking
- Improved search request
Changes in v0.8 :
- Added a Welcome Page
- Last Seen Complete is now human readable ^^
- Improved warnings in guest session
- Improved Server List
- Added 5 new parameters in Preferences 8)
Priority for preview
Save 10 sources for rare files (<20 sources)
Resume from same category
Start the next paused download
Download first and last chunks in priority
Changes in v0.9
- Improved Statistics Page
Changes in v1.0
- Lots of graphic fixes here and here (thx woutermense ;))
- Code clean up here and here
- W3C validation
Welcome Page
(http://nsa04.casimages.com/img/2009/01/31/mini_090131081014539607.png) (http://www.casimages.com/img.php?i=090131081014539607.png)
UL and DL Page
(http://nsa04.casimages.com/img/2009/01/31/mini_090131054452929445.png) (http://www.casimages.com/img.php?i=090131054452929445.png)
Search Module
(http://nsa04.casimages.com/img/2009/01/29/mini_090129052109179416.png) (http://www.casimages.com/img.php?i=090129052109179416.png)
Server List
(http://nsa04.casimages.com/img/2009/01/31/mini_0901310537513955.png) (http://www.casimages.com/img.php?i=0901310537513955.png)
Shared Files
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051855125816.png) (http://www.casimages.com/img.php?i=090129051855125816.png)
Statistics
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051839727510.png) (http://www.casimages.com/img.php?i=090129051839727510.png)
Preferences
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051819909946.png) (http://www.casimages.com/img.php?i=090129051819909946.png)
Logs
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051718242104.png) (http://www.casimages.com/img.php?i=090129051718242104.png)
Server Infos
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051632219508.png) (http://www.casimages.com/img.php?i=090129051632219508.png)
-
Why uploads have different horizontal size from downloads? In other pages, it looks like there's lots of wasted horizontal space. Any particular reason for this?
-
No reasons ;D
The only goal was to have the lightest interface
I made it for personnal use first, then I decided to post it here so anyone can reuse it ;)
And you lfroen, what do you propose?
-
Nice skin!!
I'm going to install and test it.
;)
-
if i can propose....
for all pages use width="100%" or 90% instead of a fixed value for tables, in my laptop for example statistics page goes off screen
so replacing:
<p><b>:: Statistics ::</b></p>
<br>
<table width="1300" border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#ffffff">with:
<p><b>:: Statistics ::</b></p>
<br>
<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#ffffff">is a lot better imho.
-
Hey!!
a new version is out!!! Tchoum Mod v0.3 :o
see first post for details ;)
-
802 views and no comment?
:(
-
please can you upload somewhere else i really wanna try this skin it has all the things that are needed.
also
is it possible to have a share ratio, completed sources column and be able to copy feedback in shared files?
-
share ratio is in statistics ;)
what do you mean by completed sources?
-
802 views and no comment?
The page is design is nice, but what I'm really waiting for is AJAX'ed template, which can make real difference it terms of response time and usability.
-
of course ^^
me too ;D
but i couldn't wait for a usable interface, so i did it myself and it fits very well with Apache mod_proxy
about that, any news of this template?
http://atwork.darknessmind.org/aMule/amule.php?login=Login&password=Password#
because there's no link to download it
-
but i couldn't wait for a usable interface, so i did it myself
I fail to see why this template is more usable given that it provide same functionality.
and it fits very well with Apache mod_proxy
Running apache at home? Oh, well.
about that, any news of this template?
http://atwork.darknessmind.org/aMule/amule.php?login=Login&password=Password#
because there's no link to download it
What exactly you want to download? "View" -> "Page source" gives you pretty match all.
-
amuleweb currently doesn't support the template to which you linked. It is already being worked on and once amuleweb provides all needed functionality, we'll be very happy to include it, but currently it's unfortunately not possible. :(
I haven't had a look at the code yet, but you seem to have made many very valuable changes to the template. Do you grant us permission to use your template with official aMule versions?
Edit: Additionally, I would like to ask for permission for the icons, too. Are you the artist or do you know whom to ask about it?
-
amuleweb currently doesn't support the template to which you linked. It is already being worked on and once amuleweb provides all needed functionality, we'll be very happy to include it, but currently it's unfortunately not possible. :(
That's news. What kind of functionality you mean?
-
For instance folder support. Furthermore external css files for the login page, if I'm not mistaken.
-
Furthermore external css files for the login page, if I'm not mistaken.
When I'm using webpage, I could not care less whether css is external, internal or extraterrestrial.
-
I fail to see why this template is more usable given that it provide same functionality.
of course the functionnality are the same, i didn't rewrite amulewebserver ^^
but all the functionnalities (filtering searches) are now implemented in the web interface wich is a little faster
I haven't had a look at the code yet, but you seem to have made many very valuable changes to the template. Do you grant us permission to use your template with official aMule versions?
Of course I do :D
Additionally, I would like to ask for permission for the icons, too. Are you the artist or do you know whom to ask about it?
The old icons pack come from pngfactory from various artists. The new one if from amule source.
-
Thank you pitit.atchoum, I'll try to incorporate your chances soon.
The external css is just for fancy features like skinning a template. (like csszengarden (http://www.csszengarden.com/)). That's what is a lot easier with multiple folders, too.
-
Could you please add some information to index.html when no frames are supported? If not, you'll just see a white page without content, it's preferrable to display a warning message, don't you think?
Furthermore I noticed many non breaking spaces ( ) when looking through the code. Is there any reason to use them? Also, there are paragraphs inside an elsewise empty table data cell, are they required by the standard? (For instance in amuleweb-search.php:28)
One might probably reduce the file size even further by using css to set for example the reoccuring height of 24 for many table cells.
You have to excuse these questions - I learned HTML twice: Once in 2001 using really horrible code and later again writing content/design-separated xhtml+css. Although I gave up on this very soon after failing to get more than 2 of the 3 by-then major browsers displaying everything correctly...
-
Non breaking spaces are here for some alignment (title page mainly)
In the new version(0.5) paragraphs have been removed from table cells.
-
Hey!!
A new version is out!!
tchoum mod v0.5 ;D
see firt post for details
-
Hey I just found your skin. Maybe you like these suggestions since no one has given any after the last release? I have tried your skin in several browsers, it seems to work best in Firefox.
Download window:
- Auto-refresh is every 5 seconds instead of setting in preferences. (as a result IE makes a 'click' every time it does.)
- ed2k and Kad connection status isn't displayed, speed is also not displayed. Says disconnected and no bytes per second
- Last seen date is shown as a number, not a date.
- It says amule control panel in the browser title bar on every page.
- Some spelling mistakes: transfert should be transferred and I would write bytes/s instead of bytesps personally.
- Opera has a little rendering problem in the middle the blue bar on top. There's a white vertical stripe.
- Shrinking the window horizontally behaves badly, some examples:
--> The category chooser in the ed2k handler goes offscreen first. You could prevent this by shrinking the input field first.
--> As a result the status field starts to get overlapped quite soon when shrinking the window.
--> Spaces between the button, the input field and the category selector should stay the same.
--> Filenames are always the same length and then cut off. Could be dynamic with available space.
Search window:
- I would put the search and clear search buttons next to each other on top, reload on the next line, download on third line.
- Input fields and buttons should line up to make it somewhat easier to look at.
- Don't clear the input fields after pressing the search / reload search button.
- Have an extra download -> category button at the bottom of the search results.
Server list window:
- Put the controls on top like in the other windows
- Groups of controls have an outline here, but not in the search window. What is preferred? But keep it the same over all.
- Server list, not servers list.
Shared files window:
- Controls are next to each line here. Download window doesn't have this. I like only the tickboxes with controls on top better.
Stats window:
- Really like that it actually works!
- Collapsed folders don't stay collapsed after some auto-refreshes.
- Maybe add an outline to the list on the left.
Preferences window:
- Actual settings are not fetched from server the first time. If not everything is filled out correctly settings are reset to zero after applying.
- Check free space should be at start of line.
Oh most important things saved for last:
- Really like the rounded outline in each window
- and the mouseover effect in the lists
- and all the icons (except the server info one seems odd)
- and sorting options in all lists
- and some more I forget to tell you right now
Keep it up, it's a really good skin with lots of potential.
-
thank you for your comments ;D
so :
Download window:
- Auto-refresh is every 5 seconds instead of setting in preferences. (as a result IE makes a 'click' every time it does.)
-> Fixed
- ed2k and Kad connection status isn't displayed, speed is also not displayed. Says disconnected and no bytes per second
-> You are not connected, look at the screenshot, it works ;)
- Last seen date is shown as a number, not a date.
-> Because it's a timestamp. I d'like to implement a conversion function but I have no time to do it (edit : done ^^)
- It says amule control panel in the browser title bar on every page.
-> Because all pages are included in a frame
- Some spelling mistakes: transfert should be transferred and I would write bytes/s instead of bytesps personally.
-> Fixed
- Opera has a little rendering problem in the middle the blue bar on top. There's a white vertical stripe.
-> Fixed
Server list window:
- Put the controls on top like in the other windows
-> Why not ^^ (edit : done ^^)
- Groups of controls have an outline here, but not in the search window. What is preferred? But keep it the same over all.
-> Fixed
- Server list, not servers list.
-> Fixed
Shared files window:
- Controls are next to each line here. Download window doesn't have this. I like only the tickboxes with controls on top better.
-> yep but per-file controls were already here, i didn't remove them
Stats window:
- Really like that it actually works!
-> Thanks
- Collapsed folders don't stay collapsed after some auto-refreshes.
-> it's normal
- Maybe add an outline to the list on the left.
-> I prefer without it ;)
Preferences window:
- Actual settings are not fetched from server the first time. If not everything is filled out correctly settings are reset to zero after applying.
-> Maybe a bug in javascript (edit : fixed ^^)
- Check free space should be at start of line.
-> (edit : fixed ^^)
Oh most important things saved for last:
- Really like the rounded outline in each window
-> Come from Littoral Skin (thx to the author)
- and the mouseover effect in the lists
-> it's just CSS
- and all the icons (except the server info one seems odd)
-> Icons pack come from aMule
- and sorting options in all lists
- and some more I forget to tell you right now
Keep it up, it's a really good skin with lots of potential.
Thank you ;D
But to be honnest, everything was already here
I just made it clean (in the code and in the UI ) and usable
-
Hey!!
a new version is out!!! Tchoum Mod v0.6 :o
see first post for details
-
thank you for your comments ;D
Hey no problem
- ed2k and Kad connection status isn't displayed, speed is also not displayed. Says disconnected and no bytes per second
-> You are not connected, look at the screenshot, it works ;)
I am connected, have a look at my screenshot.
- Some spelling mistakes: transfert should be transferred and I would write bytes/s instead of bytesps personally.
-> Fixed
'transfert' is still there
- Check free space should be at start of line.
-> :-\
The tickbox and its label on the left, and the input field with its label on the right. Just my taste ;)
Thank you ;D
But to be honnest, everything was already here
I just made it clean (in the code and in the UI ) and usable
To be honest or to be modest? ;)
Some other things:
- In Opera and Internet Explorer I can scroll a little if i select the status text in the blue bar.
- In the search window, the little blue download arrows don't put the download into the selected category.
- In the server list, Name and Description are left justified, rest is centered
- Also it would be nice to highlight currently connected server.
I took the liberty of fiddling a little with some layout things in amuleweb.css, amuleweb-prefs.php and amuleweb-servers.php. I hope you like it.
-
- ed2k and Kad connection status isn't displayed, speed is also not displayed. Says disconnected and no bytes per second
-> You are not connected, look at the screenshot, it works Wink
I am connected, have a look at my screenshot.
Which version of amule and amuleweb do you use?
Because the code behind that is very simple, so I don't understand why it doesn't work :(
$stats = amule_get_stats();
echo '<b>ed2k : </b>';
if ( $stats["id"] == 0 )
{
echo 'Not connected';
} elseif ( $stats["id"] == 0xffffffff )
{
echo 'Connecting ...';
} else
{
echo 'Connected with ', (($stats["id"] < 16777216) ? "Low" : "High"), " ID to \"", $stats["serv_name"],"\"";
}
echo "<br><b>Kad Connection : </b>";
if ( $stats["kad_connected"] == 1 )
{
if ( $stats["kad_firewalled"] == 1 )
{
echo "Firewalled";
} else
{
echo "OK";
}
} else
{
echo "Disconnected";
}
}
- Some spelling mistakes: transfert should be transferred and I would write bytes/s instead of bytesps personally.
-> Fixed
'transfert' is still there
Sorry ^^
- In Opera and Internet Explorer I can scroll a little if i select the status text in the blue bar.
Because the background image is repeated on the Y axis
- In the search window, the little blue download arrows don't put the download into the selected category.
As we cannot manage category through the web interface, I don't use them ^^ (I only use aMule on a server wich has no X Server)
So i put everything in the same category
- In the server list, Name and Description are left justified, rest is centered
Just my taste ^^
- Also it would be nice to highlight currently connected server.
Why not ^^ Added in the todolist (edit : done ^^)
I took the liberty of fiddling a little with some layout things in amuleweb.css, amuleweb-prefs.php and amuleweb-servers.php. I hope you like it.
Great job!! I will integrate this in the new version ;)
-
The connection status and so on is probably an aMule problem. (At least I got it too, when working with amuleweb some months ago...)
-
I'm quite sure where it was broken...
-
Hey!!
a new version is out!!! Tchoum Mod v0.7 :o
see first post for details ;)
-
Hey!!
a new version is out!!! Tchoum Mod v0.8 :o
see first post for details ;)
-
Looks very nice, my compliments :) The icons you use (particularly the "bin" to delete a server) are free to distribute for us, aren't they?
Edit: What do you think about http://www.amule.org/amule/index.php?topic=16541.msg87693#msg87693 ?
-
Looks very nice, my compliments :)
thank you
The icons you use (particularly the "bin" to delete a server) are free to distribute for us, aren't they?
yes sir!
Edit: What do you think about http://www.amule.org/amule/index.php?topic=16541.msg87693#msg87693 ?
the same thing than Stu Redman ;D
I don't think this would be worth the effort required. Also, do you really want google to know which pornstar you are just searching? ;D
;D ;D ;D
-
Hey!!
a new version is out!!! Tchoum Mod v0.9 :o
see first post for details ;)
-
Did some testing on various display resolutions, seems 1280 wide is minimum? Anyway, some things don't always look right.
1024:
- Transfers too wide, but looks ok
- Shared files does actually fit, but the rounded border is corrupted
- Stats are too big, but look ok
1280:
- Shared files still doesn't look ok, maybe something wrong with its code
1440 and up:
- All good
-
i know^^
as I work on a 1440x900 screen, it's 1440x900 optimized ^^
-
Great job. And it works well.
Can you build a "black version" ? :P
-
I have noticed that not all of the frames used are loading up reliable. Sometimes when refreshing the page one or two fail to show. I don't know of any other webserver skin that uses frames so I can't really test it. Maybe it is skin-related or maybe server related or maybe its an amuleweb thing.
Anyone else have the same issue?
-
i do! and i can assure you that it's not my skin ^^
i took the lightest image to make the layout so it might come from amule server and its way of handling requests
-
Too bad really, so it's an amuleweb problem...
Another thing: I added sorting on the "Last seen complete" column, see attachment.
-
pitit I made some changes to your skin again, hope you like them :)
Transfer window:
- Tables for up and download now stay equal in width
- Changed some of the line wrapping codes, so those good looking borders don't collapse anymore when the browser window gets smaller
- Some other wrapping things I felt sensible to make different
-
Felt like fiddling some more with it ::)
Things I changed:
- amuleweb.css
Codes to fix the borders everywhere, finally :) - amuleweb-isconnected.php
Changed bytes --> Bytes - amuleweb-directlink.php
Changed text input field to resize with the window, yay!! :) - amuleweb-transfers.php, amuleweb-search.php, amuleweb-servers.php, amuleweb-stats.php, amuleweb-prefs.php, amuleweb-logs.php, amuleweb-infos.php
Some cleanup after the changes in CSS, some other line-wrapping here and there
Changed the width of some of the tables to create a more consistent look
-
Hello there,
First all, congratulations! I like very much this theme for emuleweb; it's very simple, nice and clean. But i've encountered a bug in preferences screen. The bandwidth limits doesn't work and they are always showing 1, if i try to change the value and to save the changes, it shows 1 again... I hope that you can solve it soon.
Kind regards,
;)
-
Got a new server to run amuleweb on, so I played with the skin again :P
Changes:
- Full filename displayed on hovering.
- Colour when hovering.
- Removed some dotted lines from buttons.
First all, congratulations! I like very much this theme for emuleweb; it's very simple, nice and clean. But i've encountered a bug in preferences screen. The bandwidth limits doesn't work and they are always showing 1, if i try to change the value and to save the changes, it shows 1 again... I hope that you can solve it soon.
Sorry, I can't reproduce that.
edit:
Noticed pitit's update in the opening post about the ajax code. That was just a little experiment and wasn't really supposed to be included :D Anyway it seems to crash amuleweb after about 1000 refreshes of the stats page.
-
Anyway it seems to crash amuleweb after about 1000 refreshes of the stats page.
lol
how do you count that ?
-
Well I set the refresh to 0.5 seconds which killed it after 9 minutes. Magic math gives me the number of refreshes ;) If I have a look at the server with top I see it can keep up easily. Every refresh has a couple of bytes memleak and after a while the amuleweb process ends.
-
Every refresh has a couple of bytes memleak and after a while the amuleweb process ends.
Which gives couple of Kbytes memleak total. Not something that will crash process.
-
Great job. And it works well.
Can you build a "black version" ? :P
a black version is in progress ;)
-
Hi lfroen!
In the file : aMule-2.2.6/src/webserver/src/WebServer.cpp, line 1730, can you change this :
wxString img_tmpl(wxT("<img src=%s height=20 width=%d>"));to
wxString img_tmpl(wxT("<img src=\"%s\" height=\"20\" width=\"%d\" alt=\"%s\">"));
so the page amuleweb-transfers.php will be 100% html 4.01 w3c valid like the rest of the interface? ;D
-
See in rev. 9891 (http://repo.or.cz/w/amule.git/commitdiff/742c8581b60c239ec4c2464a0ed67cb5bbe50563).
-
thank you ;)
-
I can't find the link to download v1.0 ???
-
What makes you think there is a 1.0 ?
-
What makes you think there is a 1.0 ?
At the first post
---
Changes in v1.0
- Lots of graphic fixes here and here (thx woutermense Wink)
- Code clean up here and here
- W3C validation
---
Not release yet?
-
Did some additional tweaks:
- Moved controls around a little on the transfers page
- Fixed sorting by name, sources on the transfers page
- Added a control for the refresh rate of graphs on the stats page
-
Hello!
I made a new skin for amuleweb based on 2 skins : Litoral and php-chicane
Thanks to the authors who made the original(s) version(s).
This template supports ALL the functionnalities already implemented in amuleweb.
You can download the zip here : http://www.mediafire.com/?sharekey=3b6367175d78e2e4d2db6fb9a8902bda (http://www.mediafire.com/?sharekey=3b6367175d78e2e4d2db6fb9a8902bda)
Changes in v0.1 & v0.2 :
- Complete Code Cleanup : I removed all the useless Javascript, I reorganized the frameset so pages load faster, improved W3C compliance...
This interface works with Firefox 3, Opera and IE7
- New disposition in download and upload page
- New disposition in shared files page
- New disposition in search files page
- Many BugFixes
- Many graphic changes
Changes in v0.3 :
- Some interface bugfixes (thanx gulp)
- Improved search request
You can now filter your research by extension or by filetype 8)
- New icons themes (from amule pack actually)
Changes in v0.4 :
- Rename some files
- Externalized css, so it's easier to skin
- Some minor tweaks
Changes in v0.5 :
- Minor changes in the frameset to get more space on screen
- Add "Last seen complete" in Download view
Changes in v0.6 :
- Minor changes
- Fixed Opera bug
Changes in v0.7 :
- New Preferences page and Server List page (thx woutermense ;) )
- Some little graphic changes (blue bar and search module)
- Improved connection checking
- Improved search request
Changes in v0.8 :
- Added a Welcome Page
- Last Seen Complete is now human readable ^^
- Improved warnings in guest session
- Improved Server List
- Added 5 new parameters in Preferences 8)
Priority for preview
Save 10 sources for rare files (<20 sources)
Resume from same category
Start the next paused download
Download first and last chunks in priority
Changes in v0.9
- Improved Statistics Page
Changes in v1.0
- Lots of graphic fixes here and here (thx woutermense ;))
- Added a control for the refresh rate of graphs on the stats page (thx woutermense ;))
- Code clean up here and here
- W3C validation
Welcome Page
(http://nsa04.casimages.com/img/2009/01/31/mini_090131081014539607.png) (http://www.casimages.com/img.php?i=090131081014539607.png)
UL and DL Page
(http://nsa04.casimages.com/img/2009/01/31/mini_090131054452929445.png) (http://www.casimages.com/img.php?i=090131054452929445.png)
Search Module
(http://nsa04.casimages.com/img/2009/01/29/mini_090129052109179416.png) (http://www.casimages.com/img.php?i=090129052109179416.png)
Server List
(http://nsa04.casimages.com/img/2009/01/31/mini_0901310537513955.png) (http://www.casimages.com/img.php?i=0901310537513955.png)
Shared Files
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051855125816.png) (http://www.casimages.com/img.php?i=090129051855125816.png)
Statistics
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051839727510.png) (http://www.casimages.com/img.php?i=090129051839727510.png)
Preferences
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051819909946.png) (http://www.casimages.com/img.php?i=090129051819909946.png)
Logs
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051718242104.png) (http://www.casimages.com/img.php?i=090129051718242104.png)
Server Infos
(http://nsa04.casimages.com/img/2009/01/29/mini_090129051632219508.png) (http://www.casimages.com/img.php?i=090129051632219508.png)
-
What's the point of this full quote?
If you want to edit the first post pm me or another mod with the change you want.