Hydrogenaudio Forums

Hosted Forums => foobar2000 => 3rd Party Plugins - (fb2k) => Topic started by: Ottodix on 2019-05-01 08:47:47

Title: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-01 08:47:47
Hello,

Eole is a theme made for columnUI, which mostly uses SpiderMonkey panels (https://hydrogenaud.io/index.php/topic,116669.0.html) organized using PSS.
(https://i.ibb.co/4Tmh9TB/preview-tn.jpg)   https://github.com/Ottodix/Eole-foobar-theme

You can get it on github, you will have there all the installation instructions.
Don't hesitate to contribute if you've got some knowledge in javascript. Feel free to report bugs and their fixes, or even new features for this theme. Open an issue ticket on github, and share the code on pastebin.com, thanks!

Enjoy
Title: Re: Eole, a SMP/ColumnUI theme
Post by: MojoBass on 2019-05-01 10:00:48
Works perfect, thanks for this great theme!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: mobbsypom on 2019-05-02 23:32:26
Just wanted to say...flipping awesome....every click of a button and a new delight....thanks
Title: Re: Eole, a SMP/ColumnUI theme
Post by: mobbsypom on 2019-05-03 06:48:35
Quick question..I want to show the bit rate of the mp3 files..can I do this?..
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-03 11:30:20
Hi,
Now you can display the bitrate & codec in the library panel, next to the playcount. It's showed in this order: playcount - codec - bitrate. The options are available with a right click > settings > tracklist
You need to update only one file from the repository, called WSHgraphicbrowser.js

Thanks for your comments!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: IP974 on 2019-05-03 14:42:21
wonderful!!! But how to change the dark color, I prefer in rgb 30 30 30, thank you
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-03 15:33:38
No easy way for the moment, you'll have to edit the code in each panel js file. Search for "function get_colors", and in those functions, you'll have all the colors declaration (but it's not so far from a 30 grey, the dark is set to 17 in almost all panels)
Title: Re: Eole, a SMP/ColumnUI theme
Post by: IP974 on 2019-05-03 15:49:44
thx Ottodix ,  I'll try
Title: Re: Eole, a SMP/ColumnUI theme
Post by: shadowvariable on 2019-05-03 19:29:10
Hi, new here and new to foobar but been loving it. This theme is great!

But I've been getting these errors whenever I open the library view
(https://i.imgur.com/i8iiUc5.png)

any help?
Title: Re: Eole, a SMP/ColumnUI theme
Post by: shadowvariable on 2019-05-03 20:46:19
If it helps, I also am getting this error code:

Code: [Select]
Error: Spider Monkey Panel v1.2.1 (CoverPanel v1.0.0 by Ottodix)
this.artwork_resized is null

File: WSHcoverpanel.js
Line: 555, Column: 4

Stack trace:
  oCover/this.draw@WSHcoverpanel.js:555:4
  on_paint@WSHcoverpanel.js:322:2
Title: Re: Eole, a SMP/ColumnUI theme
Post by: mobbsypom on 2019-05-04 03:36:32
thanks for the updates..much appreciated
Title: Re: Eole, a SMP/ColumnUI theme
Post by: mjm716 on 2019-05-04 07:50:23
Admirable work - the theme is nice.

My problem is with foobar itself and will probably never be resolved until a move is made in a SQL direction.

Any WSH/JS/SMP heavy or CUI graphic heavy themes I've tried, including Eole, crash consistently around 8000 albums and have unusable responsiveness as I approach the limit.
I'm also guessing that 8K limit is related to my current crappy laptop (processing speeds not the 12GB RAM).
Eole ran smoothly with about 4-500 albums at a 950mb RAM footprint, but was chomping over 3GB at around 6000 albums.

I'd be interested if anyone else actually gets this theme or other graphic process intensive themes to work smoothly with large collections?
If so, could you post your specs/library size so I can start considering my next hardware upgrade?
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-04 09:36:25
Eole ran smoothly with about 4-500 albums at a 950mb RAM footprint, but was chomping over 3GB at around 6000 albums.

Weird that you end up with such an high ram footprint, mine is at 200mb with 2500 albums. You can try to deactivate the loading of covers at startup in top-left foobar button > Global layout, but i'm afraid that it will only delay the crash.
You problem there have nothing to do with foobar, this is related to this theme, which effectively uses a lot more RAM than the standard layout.

@shadowvariable : can you give me more insight on this? the audio file, the cover which is supposed to be displayed? I tried to find this bug, i did a little update of the theme, but i'm not able to reproduce your error
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Takaji on 2019-05-04 10:12:24
Thank you for your work - it's refreshing to see development that takes into account good design practice, and I look forward to playing with this more.

Right now, in library view, each disc in a multi-disc release gets its own thumbnail - is it possible to include an option to just show a single thumbnail and combine all tracks when clicking on the thumbnail?

My other request is the option to hide the display of the genre in this view - some of my albums (classical, mostly) are multi-genre and this also results in them being displayed as separate thumbnails.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-04 10:40:38
Much of my library uses separate folders for each disc in a release, in the format Album\Disc 1, Album\Disc 2 etc. Is there some way to have cover art paths include ..\cover.jpg so that they are rendered?

Thanks for your comment
Your issue isn't related to this theme. Go to Foobar > files > preferences > display and on the bottom, the front cover tab. Here you can setup the search patterns, so try $replace($directory_path(%path%),%directory%,)cover.jpg
Title: Re: Eole, a SMP/ColumnUI theme
Post by: davideleo on 2019-05-04 14:16:45
it's refreshing to see development that takes into account good design practice, and I look forward to playing with this more.

I just wanted to add my appreciation as well for the layout design. There are many good coders here, but to be honest I've seen a lot of ugly stuff. This theme is definitely an exception.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-04 14:45:20
I just wanted to add my appreciation as well for the layout design. There are many good coders here, but to be honest I've seen a lot of ugly stuff. This theme is definitely an exception.

Thanks! You know, doing a carefully crafted design take a lot of time and practice. Nowaday, on most computers, people are using softwares made by a whole team of people, with dedicated and experienced designers, so the standard is quite high qualitatively. But here on foobar, we are using plugins/scripts made most of the time by one developer who do his best with the design. Me, i'm more a designer who do his best with the code, that's why :)
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-04 15:48:37
Right now, in library view, each disc in a multi-disc release gets its own thumbnail - is it possible to include an option to just show a single thumbnail and combine all tracks when clicking on the thumbnail?
Ahh... those people listening to classical music, they always end up with complex tagging systems... : )
You've got an option now, right-clic in the header bar > group by > combine...
My other request is the option to hide the display of the genre in this view - some of my albums (classical, mostly) are multi-genre and this also results in them being displayed as separate thumbnails.
It was a bug, it should be ok now. (the support of multi-genres isn't very good, the filters don't show them, but you'll have to live with it for the moment unfortunately)
Title: Re: Eole, a SMP/ColumnUI theme
Post by: shadowvariable on 2019-05-04 17:42:54
seems like its happening when the code tries to resize art that doesnt exist. opening the library view spams me with those popups so I cant even use it. I havent seen any other error codes other then those two i posted tho.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-04 21:01:05
seems like its happening when the code tries to resize art that doesnt exist. opening the library view spams me with those popups so I cant even use it. I havent seen any other error codes other then those two i posted tho.
Ok, but it's supposed to fall back to a default blank cover when there isn't any cover. Continuing in PM
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Takaji on 2019-05-05 09:43:26
Ahh... those people listening to classical music, they always end up with complex tagging systems... : )

Exactly. :P
I long for the day when someone makes a nice theme for classical music collections!

Now, after loading my library, the SMPs crash every single time, saying it's out of memory (example message):

Error: Spider Monkey Panel v1.2.1 (ArtistBio v1.0.0 by Ottodix)
Out of memory: 24284372/1073741824 bytes

It's impossible to use - any ideas?
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-05 10:35:15
Deactivate the Load all cover at startup. Foobar button > global layout
Increase the maximum heap size in foobar > File > preferences > at the bottom, advanced > tools > spider monkey panel > maximum heap size

But honestly, all the errors there in this thread are related to the covers. Unfortunately, i didn't manage to create a cover management system which work fine and is fast enough on all computers, and the work in order to do it again more robustly would be quite big, so I won't try to fix it.

The repo is on github, maybe someone will come up with a more robust approach one day. It's not an easy task though
Title: Re: Eole, a SMP/ColumnUI theme
Post by: zoumbro on 2019-05-06 08:41:31
Great theme, congratulations. I have been using foobar for more than 15 years but the asthetic of my foobar was always so and so. This is a proffesional theme.
The only downiside that takes some time to load my huge library at the begining but I don't mind so much.

I am a final user and I dont have knowledge of programming only some basic rules of making a simple fooabr theme.

I would like to ask

1. how do I add/change some buttons or panels to your theme (e.g. similar artists panel) ?
2. Can I change the way that foobar groups folders in the main panel by folder stucture (like in library).

Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-06 14:31:31
1. how do I add/change some buttons or panels to your theme (e.g. similar artists panel) ?
2. Can I change the way that foobar groups folders in the main panel by folder stucture (like in library).

1 : If you want to edit a panel, press SHIFT and do a right click, you will then have a configure option, and you will see from the code which file contains the related script. If you want to edit the layout: Foobar button > File > preferences. And then you'll have to edit the columnUI layout, which uses panel stack splitter.
2 : right click over the library panel > settings > group by
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Coreda on 2019-05-06 16:33:03
Interesting, I remember this theme from a user here named colagen back in 2015, named the same as well. Was this building on the existing theme?
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-06 17:03:00
Interesting, I remember this theme from a user here named colagen back in 2015, named the same as well. Was this building on the existing theme?
arg you discovered the trick...... I'm joking, i'm the same guy, i just changed my username
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Surfi on 2019-05-06 17:14:18
::

Have a look here (https://www.deviantart.com/alibalicou) (and at his avatar)  :)

::
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Coreda on 2019-05-06 17:47:58
arg you discovered the trick...... I'm joking, i'm the same guy, i just changed my username

Ah cool. Always thought it was nice.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Rozzo on 2019-05-06 20:54:51
Hi... I'm user level,  don't know how to code or write scripts nor want to learn. Some script to get lyrics from Internet in the lyrics panel?
Ys
Rozzo
Title: Re: Eole, a SMP/ColumnUI theme
Post by: samizdatguy on 2019-05-21 21:37:23
I love this skin, though it does take some configuration.  I'm having issues with my album titles having the bottoms of their letters cut-off in Library mode.  Resizing font and album art doesn't seem to affect this.  Thank you for your work regardless.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-05-29 12:21:14
I love this skin, though it does take some configuration.  I'm having issues with my album titles having the bottoms of their letters cut-off in Library mode.  Resizing font and album art doesn't seem to affect this.  Thank you for your work regardless.
Hi thanks. About your issue, hard to figure what's going wrong without at least a screenshot.

To everyone else: the skin have been updated recently, with small memory & UI improvements. Nothing drastically new though
Title: Re: Eole, a SMP/ColumnUI theme
Post by: samizdatguy on 2019-05-29 17:31:17
I love this skin, though it does take some configuration.  I'm having issues with my album titles having the bottoms of their letters cut-off in Library mode.  Resizing font and album art doesn't seem to affect this.  Thank you for your work regardless.

Hi thanks. About your issue, hard to figure what's going wrong without at least a screenshot.


Here are a couple of screenshots.  Thank you for your work!
(https://imgur.com/a/DQA81Vk)
https://imgur.com/a/DQA81Vk


Title: Re: Eole, a SMP/ColumnUI theme
Post by: jtothen on 2019-06-07 00:41:13
I was looking to remove the lyrics panel but for some reason can't figure out how to remove the buttons to switch from the bio to the lyrics.... any help?

Great theme btw!!! Thanks for posting it!!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-06-07 10:28:23
HI!
Thanks! Line 2826 of foobar/themes/eole/js/WSHbiography.js, remove this little piece of code: btns_manager.draw(gr);
Title: Re: Eole, a SMP/ColumnUI theme
Post by: jtothen on 2019-06-08 11:14:23
Thanks! Last question I promise..... I was to change some of the fonts and turn off the italics on album titles. Any help? Also I'm trying to shorten the dates displayed in the library panel to just the year and not yyyy-mm-dd.

Thanks again!!!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-06-11 16:10:26
Hi,

No sorry, I can't assist anyone looking to customize the theme, otherwise i'll spend my days doing that : )
Look for the GdiDrawText calls, in WSHgraphicbrowser.js. You'll have to find the corresponding calls, and change the font used.

For the date, the easiest way is to edit the tags of your audio file. Otherwise, it will be a little bit tedious, you'll have to understand how the albums are parsed, how the date information is extracted, and then apply a filter on the date that you will have to code yourself

Title: Re: Eole, a SMP/ColumnUI theme
Post by: jtothen on 2019-06-11 22:31:32
No worries thanks!! Thought I'd trow it out there in case you just knew off the top of your head. I'll just play around with it and edit things as I go! I appreciate the skin and the help!!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-06-12 14:10:59
Version 1.1.5a includes a new option to filter the date and display only the year. It may not always work, it depends of the content of your date tags of course: it displays the first group of 4 digits found in the date tag of your audio file
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Decalicatan_Decalicatan on 2019-06-28 14:17:17
@Ottodix ,

Congrats for your theme, it is very nice!
I have a few requests" if I may. Of course feel free to discard them :)
- Right now your theme is to be installed in the foobar2000 program directory not in the profile directory, do you intend to change this someday?
- Could you add an option so that the background the row of the filter panel is completely white instead of the alternate greys ?

Thanks in advance and congrats for for your great theme once again!
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-06-28 15:12:52

- Right now your theme is to be installed in the foobar2000 program directory not in the profile directory, do you intend to change this someday?
Nope, but you can try changing that yourself (i didn't test it myself). In themes/eole/js/theme_common.js, at the beggining
var skin_global_path = FoobarPath + "themes\\"+theme_name; should be changed to var skin_global_path = ProfilePath + "themes\\"+theme_name;


- Could you add an option so that the background the row of the filter panel is completely white instead of the alternate greys ?
It's quite easy to do, I may add some color options later, not right now (it's too hot in my city for this kind of hobby right now : )
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Decalicatan_Decalicatan on 2019-06-28 19:22:40
Thank you for your answers!

var skin_global_path = FoobarPath + "themes\\"+theme_name; should be changed to var skin_global_path = ProfilePath + "themes\\"+theme_name;

Sadly it doesn't work. I guess it's because every SMP panel is hardcoded to Foobarpath:
include(fb.FoobarPath + 'blabla...')

It's quite easy to do, I may add some color options later, not right now (it's too hot in my city for this kind of hobby right now : )
Thank you. I can change the color myself (modifying some scripts here or there) but it needs to be done again after each update.

By the way, I hope you don't mind if I try to make some "SMP_quicksearch" script based on your WSHtitle_bar.js, hack'n slashing any part of the code I don't understand ^^ to remove all the other features (and die & retrying to keep the Search toolbar working)
It's only for my personal use.

Regards,
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-07-01 08:11:20
It's ok, use any piece of code you want, as long as you don't upload the skin as your own somewhere else, it's fine!

Now you've got a "colors" settings on the latest release, in foobar>skin settings>colors. It act a little bit like a quick setup, because it just activate/deactivate options on specific panels, except for the grey vs white filters, which you can only activate from there.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: yza on 2019-07-11 03:33:56
This skin is absolutely fantastic! but I'm having issues with sending tracks to playlists.
It doesn't work when sending tracks from within the library tab to a playlist but it will work fine doing it from within the playlist tab.
Is this just me?
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-07-11 08:35:32
Yes :) It is just you.

Seriously, i never experienced any issue like yours. Your problem happens when you drag tracks from within this library main panel to a specific playlist? Tracks or one full album? If you can be more specific please.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: yza on 2019-07-13 03:23:49
I'm within the Library Tab, I have an album open in the main panel. the track or album is highlighted and I right click > send to > "playlist name". Then i switch to the Playlist tab and check said playlist but it's empty. However, like i said previously if i do the exact same thing in the playlist tab it works.

https://imgur.com/XX8SjZy
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-07-13 09:13:56
Ah ok! I fixed it. You can update just this file below, or wait for the next release
https://github.com/Ottodix/Eole-foobar-theme/blob/master/themes/eole/js/WSHgraphicbrowser.js

(You can also send tracks or albums by dragging them though; it's more "visual")
Title: Re: Eole, a SMP/ColumnUI theme
Post by: yza on 2019-07-15 01:11:38
THANK YOU SO MUCH! you really did fix my biggest woe.
I actually was using the drag and drop in the playlist tab in the meantime but I found it a bit fiddly tbh.
First I had to click once to select then click again to drag but intuitively I would always try to select and drag in one click but it doesn't work that way, so it feels a bit off for me.
Plus I like to make playlists from the library tab since I like to use the tree list there to search through my library and I don't think you can drag and drop in the library tab since Playlists aren't displayed anywhere to my knowledge.
Title: Re: Eole, a SMP/ColumnUI theme
Post by: Ottodix on 2019-07-15 10:56:35
You can.
I don't think you can drag and drop in the library tab since Playlists aren't displayed anywhere to my knowledge.
You can, the playlists list will appear once you start dragging. Just try it, you can drag from almost any panel (exactly: from filters, from the library tree, from the library central panel (with the cover grid), from the mini player
Title: Re: Eole, a SMP/ColumnUI theme
Post by: yza on 2019-07-15 14:42:32
well... that's some damn fine work! it's actually really well done. I'll probably use this method from now on haha :)
SimplePortal 1.0.0 RC1 © 2008-2019