[Plugin] FolderView

[danktankk]

The plugin just stopped working.  I made zero changes to it (as it is pretty much a plug-in).  Has anyone else had this happen?  Its almost as if it doesnt know it is supposed to group the icons now.  Very strange.

 

I just replaced it with a backup and its fine now.  so something changed, I just dont know what.  No need to reply unless someone knows what happened with an update or something.

Edited January 16 by danktankk

[scolcipitato]

2 minutes ago, danktankk said:

The plugin just stopped working.  I made zero changes to it (as it is pretty much a plug-in).  Has anyone else had this happen?  Its almost as if it doesnt know it is supposed to group the icons now.  Very strange.

Can you elaborate on that?

[brentk]

On 1/16/2024 at 8:47 PM, scolcipitato said:

This is my last idea, if this doesn't work, I don't know what to do.

Made a new version, if you want to give it a try you can.

That update fixed it!
Thanks very much @scolcipitato

[JudasD]

on the dashboard view, is it possible to make the folder expand/collapse on a single click of the folder?

 

Thanks,

JD

 

[scolcipitato]

13 hours ago, JudasD said:

on the dashboard view, is it possible to make the folder expand/collapse on a single click of the folder?

 

Thanks,

JD

 

With the stock plugin it is not possible, but you can use the custom scripts/CSS to make it possible.

[Masterwishx]

14 hours ago, JudasD said:

on the dashboard view, is it possible to make the folder expand/collapse on a single click of the folder?

 

Sure, check @Mattaton custom CSS. On first post of @scolcipitato

[JudasD]

Thank you both for the tip on custom CSS.  i wasnt aware this existed.

 

JD

 

[cinereus]

Does this support unraid 6.9.x?

[scolcipitato]

1 minute ago, cinereus said:

Does this support unraid 6.9.x?

This plugin support only unraid 6.12.3 or newer, for unraid 6.9.x you should be able to use the old docker folder plugin.

[cogginz420]

Is it possible to make multiple level folders so id like to have "business_name"/"client_name1,2,3 etc"/

[scolcipitato]

1 minute ago, cogginz420 said:

Is it possible to make multiple level folders so id like to have "business_name"/"client_name1,2,3 etc"/

Sadly not possible.

[Greyberry]

Feature Request: SVGs and Material Design Icons

Hi, uploading and fetching Icons every time I open up the Docker page is a little bit too complicated for my taste. And I could not get base64 encoding to work with svgs... Can someone please do a short checklist for how someone can do that?

 

It would be really nice to only write in the icon-name of a Material Design Icon and beeing done with icon handling, like Flame does implement it.

 

 

SVG Hack

Meanwhile I worked arround that limitation by a little hack, which is basically a html injection, lol.

How to do it:

• Select an icon at https://pictogrammers.com/library/mdi/
• Click "Copy SVG" on the right upper corner
  • (you could basically use any svg you want)
• add a width="36px" attribute to the svg element
• add a height="32px" attribute to the svg element
• add "></img> in front of the whole string (note: with aprostrophe)
• add <img style="all: unset; visibility: hidden; on the end of the string

It should then look like something like this:

"></img> <svg width="36px" height="32px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>television-classic</title><path d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z" /></svg> <img style="all: unset; visibility: hidden;

• post this into Icon field
• enjoy your svg as icon

 

Definitely not perfect, but gets the job done.

Support for it would be better though.

 

 

[scolcipitato]

9 minutes ago, Greyberry said:

Feature Request: SVGs and Material Design Icons

Hi, uploading and fetching Icons every time I open up the Docker page is a little bit too complicated for my taste. And I could not get base64 encoding to work with svgs... Can someone please do a short checklist for how someone can do that?

 

It would be really nice to only write in the icon-name of a Material Design Icon and beeing done with icon handling, like Flame does implement it.

 

 

SVG Hack

Meanwhile I worked arround that limitation by a little hack, which is basically a html injection, lol.

How to do it:

• Select an icon at https://pictogrammers.com/library/mdi/
• Click "Copy SVG" on the right upper corner
  • (you could basically use any svg you want)
• add a width="36px" attribute to the svg element
• add a height="32px" attribute to the svg element
• add "></img> in front of the whole string (note: with aprostrophe)
• add <img style="all: unset; visibility: hidden; on the end of the string

It should then look like something like this:

"></img> <svg width="36px" height="32px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>television-classic</title><path d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z" /></svg> <img style="all: unset; visibility: hidden;

• post this into Icon field
• enjoy your svg as icon

 

Definitely not perfect, but gets the job done.

Support for it would be better though.

 

 

You can use the data: format, in fact in the site you provided the download button has the right data uri to use with the img tag.

All that remains to do is right-click the "Download SVG" button and copy the link.

data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2C2C2.89%2C2%202%2C2.89%202%2C4V20C2%2C21.11%202.89%2C22%204%2C22H20C21.11%2C22%2022%2C21.11%2022%2C20V4C22%2C2.89%2021.11%2C2%2020%2C2H4M8.56%2C6H12.06L15.5%2C12L12.06%2C18H8.56L12%2C12L8.56%2C6Z%22%20%2F%3E%3C%2Fsvg%3E

It isn't encoded in base 64, but the img tag accepts it.

 

Side note, what you did is not wrong, but if you are using a custom theme or have created one of your own this could mess it up.

 

[Greyberry]

Ah, that is much better! Thanks! 🙂

[bombsngravyb1]

So I've tried all the tips and tricks within this thread to get the green pentagon back, no luck.

 

I've re-ordered the folders I created and I've re-ordered the individual dockers within the folders ... nothing seems to work.

 

@scolcipitato I've PM'd you my debug.

[Mattaton]

38 minutes ago, bombsngravyb1 said:

So I've tried all the tips and tricks within this thread to get the green pentagon back, no luck.

 

I've re-ordered the folders I created and I've re-ordered the individual dockers within the folders ... nothing seems to work.

 

@scolcipitato I've PM'd you my debug.

Just a quick try at helping you, as it sounds like you have done what should work. After you reorder the folders and relock the order, did you refresh the page? I can't remember, but I think I usually have to refresh for the icon to change after a reorder.

You've probably done so, just trying the easy stuff first.

[bombsngravyb1]

1 hour ago, Mattaton said:

Just a quick try at helping you, as it sounds like you have done what should work. After you reorder the folders and relock the order, did you refresh the page? I can't remember, but I think I usually have to refresh for the icon to change after a reorder.

You've probably done so, just trying the easy stuff first.

Hey! Yes, i do refresh and it'll be green for a split second before going red again.

[danktankk]

On 2/16/2024 at 1:42 PM, bombsngravyb1 said:

Hey! Yes, i do refresh and it'll be green for a split second before going red again.

I have this exact same issue as well.  Not sure what happened.  Im running 6.12.8.

[Discode]

I genuinely don't know how to install this plugin. Forgive me for being ignorant. I am on Unraid 6.12.8

 

I did try using the Install Plugins tab and I'm encountering this error:

plugin: installing: folder.view.plg
Executing hook script: pre_plugin_checks
plugin: downloading: folder.view.plg ... done

Executing hook script: pre_plugin_checks
plugin: XML file doesn't exist or xml parse error
Executing hook script: post_plugin_checks

 

URL I used:

https://github.com/scolcipitato/folder.view/blob/main/folder.view.plg

 

Edited March 7 by Discode
Added Unraid version

[scolcipitato]

4 hours ago, Discode said:

I genuinely don't know how to install this plugin. Forgive me for being ignorant. I am on Unraid 6.12.8

 

I did try using the Install Plugins tab and I'm encountering this error:

plugin: installing: folder.view.plg
Executing hook script: pre_plugin_checks
plugin: downloading: folder.view.plg ... done

Executing hook script: pre_plugin_checks
plugin: XML file doesn't exist or xml parse error
Executing hook script: post_plugin_checks

 

URL I used:

https://github.com/scolcipitato/folder.view/blob/main/folder.view.plg

 

You are using the wrong link.

The link you are using is the link to GitHub, you have to use the link to the file itself.

 

https://raw.githubusercontent.com/scolcipitato/folder.view/main/folder.view.plg

This is the correct link.

[Discode]

3 minutes ago, scolcipitato said:

You are using the wrong link.

The link you are using is the link to GitHub, you have to use the link to the file itself.

 

https://raw.githubusercontent.com/scolcipitato/folder.view/main/folder.view.plg

This is the correct link.

Wow I was so close. Thank you.

[jcouch93]

In Icon Only mode, is there way to have the icon show the status of the Docker (i.e. started, stopped)? Or is there a way to have Icon and Text to show multiple rows (I don't think so based on an earlier conversation in this topic)?

[scolcipitato]

2 minutes ago, jcouch93 said:

In Icon Only mode, is there way to have the icon show the status of the Docker (i.e. started, stopped)? Or is there a way to have Icon and Text to show multiple rows (I don't think so based on an earlier conversation in this topic)?

With the stock plugin, there is no way, but you can use custom CSS to do it.

 

3 minutes ago, jcouch93 said:

Or is there a way to have Icon and Text to show multiple rows

Take a look at this.

[jcouch93]

1 hour ago, scolcipitato said:

With the stock plugin, there is no way, but you can use custom CSS to do it.

 

Take a look at this.

To get that to work, do I need all the stuff in the folder.view directories? I have your plugin, but on the Github page the folders have things in them (but my scripts and styles folders are empty). I tried just putting a docker-custom.css file in scripts but that didn't seem to do anything. Thank you for your help!

[scolcipitato]

10 minutes ago, jcouch93 said:

To get that to work, do I need all the stuff in the folder.view directories? I have your plugin, but on the Github page the folders have things in them (but my scripts and styles folders are empty). I tried just putting a docker-custom.css file in scripts but that didn't seem to do anything. Thank you for your help!

In the first post, there are the instruction for creating and installing custom CSS.

What you did won't work because:

1. The name

   docker-custom.css

   doesn't follow the naming pattern for the plugin.

2. You put the CSS file in the scripts folder, you should put the CSS files inside the styles and JS files inside the scripts folder.
   (here and here for reference)

.folder-preview {
  height: auto;
}

.folder-preview-wrapper {
    margin: 10px;
}

Those are the custom rules you need to apply, now save those into a file. Go to the settings tab on unraid, open the Folder view page, now you should see a button called Open File Manager, click that, and it should open the configuration folder for the plugin. Now open the styles folder (if it don't exist, create it) and upload the file (remember to name the file with the right name).

And you are done.