Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
Message added by SpencerJ,

Heads up, this plugin version is not actively maintained. Folderview3 is where you will want to go for the latest requests https://forums.unraid.net/topic/197223-plugin-folderview3/

[Plugin] FolderView

Featured Replies

5 hours ago, danktankk said:

There is nothing to elaborate.  I have it working fine and admittedly, it is a very nice replacement.  I have everything as it should be and it was very easy to do so.  I even used the svg icons from the former plugin as well.  The plugins documentation was all I needed to get it to work as expected and it is also intuitively configured 'out of the box' to where I had minimal issues with configuring anything extra that I wanted.

You are 100% right that unraid, nor the maintainers of this plugin have anything to do with docker folders deprecation and it wouldn't matter anyway.  Complaining about free software from people that work hard to provide anything beneficial is not the best use of ones time to say the least.  It was late, I was tired and just hated checking "one last thing real quick" only to find i needed to "fix" yet another problem from doing nothing more than well.... nothing.  It still surprises me that you can literally do nothing and break your install for [insert linux distro here].  Thats just how linux is.  It's by design and I totally get it.  

That being said, I would just like to thank all here that have made this new plugin possible and also offer my sincere apologies for my momentary lapse in logical thought.  TL:DR  My bad lol

image.thumb.png.0353f5aab236d4fa297f9188ac2acaf4.png

 

It will need further refinement on my end to work for me, but I was able to do this in less than 15 minutes having never used this plugin before.  Well done on the ease of use!

Awesome! Glad you got it working for you! And hey, we've all been there. Thanks for being cool about it. 😊

  • Replies 1k
  • Views 212.8k
  • Created
  • Last Reply

Top Posters In This Topic

Most Popular Posts

  • VladoPortos
    VladoPortos

    Before you do anything, go to plugins tab and click on the old 'FolderView' plugin, click on the folder icon you should get page like this:   Click on export all, this will give you a

  • VladoPortos
    VladoPortos

    @scolcipitato I'm very sad too see it go, so hopefully you do not mind. I did forked it and fixed it for v.7 of Unraid.  I'm not much of Unriad plugin developer ( at all lol ), but I love this pl

  • scolcipitato
    scolcipitato

    Hi, guys, it has been a while. I am sorry for the long absence, but I have important news regarding this plugin.   I have decided to move away from Unraid, (partly because of the new

Posted Images

Loving the plugin!!

 

Got a quest: what's the purpose of the CSS stuff?

What exactly can I customize with it?

 

Also, with it would it be possible to put a colored background circle around containers that are running or need updates?

 

Thank you so much!

32 minutes ago, DevanteWeary said:

Loving the plugin!!

 

Got a quest: what's the purpose of the CSS stuff?

What exactly can I customize with it?

 

Also, with it would it be possible to put a colored background circle around containers that are running or need updates?

 

Thank you so much!

You can do almost anything you want visually. I have some fairly extensive and customizable themes on GitHub. I don't think I have anything in there for background color and I'm not sure how we'd do a circle around it, but I can try to help you with it. I'll try to have a look at it tomorrow and see what I can come up with.

Edited by Mattaton

11 hours ago, Mattaton said:

You can do almost anything you want visually. I have some fairly extensive and customizable themes on GitHub. I don't think I have anything in there for background color and I'm not sure how we'd do a circle around it, but I can try to help you with it. I'll try to have a look at it tomorrow and see what I can come up with.

 

Try this:

 

tr:has( > td:nth-of-type(2) > a) > td img {
    border: 10px solid green !important;
    border-radius: 100px;
}

.hand:has(+ span .started) > img {
    border: 10px solid orange;
    border-radius: 100px;
}

 

image.png.61b94e4f3bff49fa42151b26e2a14088.png

 

Won't have perfect browser support given :has() and not the most elegant circle but gets the job done as a proof of concept

4 minutes ago, AngryPig said:

 

Try this:

 

tr:has( > td:nth-of-type(2) > a) > td img {
    border: 10px solid green !important;
    border-radius: 100px;
}

.hand:has(+ span .started) > img {
    border: 10px solid orange;
    border-radius: 100px;
}

 

image.png.61b94e4f3bff49fa42151b26e2a14088.png

 

Won't have perfect browser support given :has() and not the most elegant circle but gets the job done as a proof of concept

Noice. Thanks! Would border-radius: 50% not work for some reason? That should make a circle even if the user has adjusted the icon size.

I was going to look at this today, but last night my server decided it wanted to misbehave. Can't even access it at all this morning. So, needless to say, my plans have changed. 😄 

I'll incorporate this as an option in my themes when I get a chance.

Edited by Mattaton

37 minutes ago, Mattaton said:

Noice. Thanks! Would border-radius: 50% not work for some reason? That should make a circle even if the user has adjusted the icon size.

I was going to look at this today, but last night my server decided it wanted to misbehave. Can't even access it at all this morning. So, needless to say, my plans have changed. 😄 

I'll incorporate this as an option in my themes when I get a chance.

 

No worries! Good luck trying to fix your server 😓

 

Re. radius; 50% does work! It is just 4:30am hence the inelegant styling 😅 the main point was the selectors cause I figured you may have different approaches for the actual circle depending on your theme and variables 🙂

 

Edit:

 

I believe your style does not have dashboard(?) but it can also similarly be done for the dashboard like so
 

.hand:has(+ span .started) > img {
    border: 10px solid green;
    border-radius: 50%;
}
.hand:has(+ span .blue-text) > img {
    border: 10px solid orange !important;
    border-radius: 50%;
}

 

image.png.6fbedbc6b91d7eb42e823382c89a506c.png

Edited by AngryPig
Added more code

13 minutes ago, AngryPig said:

 

No worries!

 

Re. radius; 50% does work! It is just 4:30am hence the inelegant styling 😅 the main point was the selectors cause I figured you may have different approaches for the actual circle depending on your theme and variables 🙂

 

Edit:

 

I believe your style does not have dashboard(?) but it can also similarly be done for the dashboard like so
 

.hand:has(+ span .started) > img {
    border: 10px solid green;
    border-radius: 50%;
}
.hand:has(+ span .blue-text) > img {
    border: 10px solid orange !important;
    border-radius: 50%;
}

 

image.png.6fbedbc6b91d7eb42e823382c89a506c.png

Cool, yeah, the selectors when trying to "hack" an existing layout after-the-fact is always fun. Trying to override existing styles with tighter specificity and all that good stuff. 🙂 

I haven't looked yet, but I may already have selectors for these items (or close to them) that don't need has()....maybe. 😄 

 

The styles I have on github do include the dashboard. I just have it all split up into several files so users can easily find the area they want to tweak or drop altogether. Thank goodness the CSS folks introduced custom properties. So nice for this sort of thing.

 

Thanks, bud! Now, go get yourself some sleep! 😄 

I'm still trying to understand how I upload my png. Someone said put it on the usb then link it, but what would be the url then?

11 minutes ago, Nodiaque said:

I'm still trying to understand how I upload my png. Someone said put it on the usb then link it, but what would be the url then?

You can put the images anywhere you want. Anything you can browse to under shares (at least in how I tested it).

I just tested this...

I found an image in a share. I clicked on the image and it opened/previewed over the unRAID interface. I right-clicked the image and chose Open in new tab. Then copy the url of the image tab and paste it into the folder settings.

Edited by Mattaton

  • Author
59 minutes ago, Nodiaque said:

I'm still trying to understand how I upload my png. Someone said put it on the usb then link it, but what would be the url then?

Anything that is on the /boot and /mnt (technically there is more, but for most people this is enough).

Anything under those paths is mapped 1:1 so what you see in the command line you can use in the image path.

In my case I have my images under /boot/config/plugins/folder.view/img/internal-services.svg

immagine.png.999c376daf98e680559413ac11e11be5.png

Here you can see what I mean.

any idea about this console error?  I see the folders on the Dashboard tab (imported from json), but on the docker tab I just see dockers, no folders and nothing happens when I click 'Add Folder`, and this error is thrown in the console:

 

Docker:3940 Uncaught ReferenceError: createFolderBtn is not defined
    at HTMLInputElement.onclick (Docker:3940:2)

 

edit: have tried removing the plugin and adding it again with a fresh config but I get the same error.  Happens with a clean install as well as after importing a json.

Edited by johnny2678

  • Author
6 minutes ago, johnny2678 said:

any idea about this console error?  I see the folders on the Dashboard tab (imported from json), but on the docker tab I just see dockers, no folders and nothing happens when I click 'Add Folder`, and this error is thrown in the console:

 

Docker:3940 Uncaught ReferenceError: createFolderBtn is not defined
    at HTMLInputElement.onclick (Docker:3940:2)

 

The createFolderBtn function is defined inside the docker.js, you can check if it is loaded either by going to the network tab and searching for that or by looking thought the source of your docker page.

9 minutes ago, scolcipitato said:

The createFolderBtn function is defined inside the docker.js, you can check if it is loaded either by going to the network tab and searching for that or by looking thought the source of your docker page.

I see it in sources - not sure if the error is relevant?  

Untitled.png

  • Author
4 minutes ago, johnny2678 said:

I see it in sources - not sure if the error is relevant?  

Untitled.png

You have to uninstall the old docker folder plugin.

oh geez, I'm sorry to waste your time.  I thought I read somewhere that it was removed automatically when you upgraded to folder view but I probably confused that with the CA backup plugin or something else.

 

It's working now after I removed the old plugin. thx again.  cheers.

Hello,

 

First off all thank you for the plugin.

 

Ive installed it and setup my docker folders which worked perfect. After that i went to configure the VM's tab. When creating folder it doesn't show anything. furthermore in the settings i can see it created a folder:

 

image.thumb.png.5485b239d643ce605987e8cac505561d.png

 

But when looking at the VM tab:

 

image.thumb.png.fada33105b770aee9b35ae24389da260.png

 

 

 

I then tried to follow your instruction to type debug. it doesnt work on the VM tab. When i type it on the Docker page it does create a debugg download file.

 

It seems like the VM part is just not woring.

 

What i've tried:

1. Clearing VM.Conf

2. Deleting plugin and reinstalling it

 

All has no sucess on getting this to work.

  • Author
18 minutes ago, Mirano said:

Hello,

 

First off all thank you for the plugin.

 

Ive installed it and setup my docker folders which worked perfect. After that i went to configure the VM's tab. When creating folder it doesn't show anything. furthermore in the settings i can see it created a folder:

 

image.thumb.png.5485b239d643ce605987e8cac505561d.png

 

But when looking at the VM tab:

 

image.thumb.png.fada33105b770aee9b35ae24389da260.png

 

 

 

I then tried to follow your instruction to type debug. it doesnt work on the VM tab. When i type it on the Docker page it does create a debugg download file.

 

It seems like the VM part is just not woring.

 

What i've tried:

1. Clearing VM.Conf

2. Deleting plugin and reinstalling it

 

All has no sucess on getting this to work.

Open the browser console, you should see an error, I need that.

18 minutes ago, scolcipitato said:

Open the browser console, you should see an error, I need that.

image.png.967bf880f6fb9dc2d46aa2973a6cca1a.png

 

Let me know if you need anything lese

 

Just now, Mirano said:

image.png.967bf880f6fb9dc2d46aa2973a6cca1a.png

 

Let me know if you need anything lese

 

image.png.6855d034039a160b2b4d7565fc0f9ef1.png

  • Author
7 minutes ago, Mirano said:

image.png.6855d034039a160b2b4d7565fc0f9ef1.png

Order should be an array, you can try reordering at least one VM, then refresh the page, if this doesn't work run this in your browser console and send the output.

JSON.parse(await $.get('/plugins/folder.view/server/read_unraid_order.php?type=vm').promise())

 

2 minutes ago, scolcipitato said:

Order should be an array, you can try reordering at least one VM, then refresh the page, if this doesn't work run this in your browser console and send the output.

JSON.parse(await $.get('/plugins/folder.view/server/read_unraid_order.php?type=vm').promise())

 

Hey,

 

That didn't work, unfortunately. Here's the output of the code you've provided:

 

image.png.905364cd16396f730ae161b19ca447c9.png

9 minutes ago, scolcipitato said:

Order should be an array, you can try reordering at least one VM, then refresh the page, if this doesn't work run this in your browser console and send the output.

JSON.parse(await $.get('/plugins/folder.view/server/read_unraid_order.php?type=vm').promise())

 

Hello,

 

Im sorry it is working now! i did reorder them again and now it works! :)

 

image.thumb.png.94f434f8ba0c713350af7806498b602e.png

 

Thank you for the quick support :)

  • Author
2 minutes ago, Mirano said:

Hello,

 

Im sorry it is working now! i did reorder them again and now it works! :)

 

image.thumb.png.94f434f8ba0c713350af7806498b602e.png

 

Thank you for the quick support :)

Well, I was about pushing an update...
I'll do it just in case.

6 minutes ago, scolcipitato said:

Well, I was about pushing an update...
I'll do it just in case.

Oh i'm sorry. I did re-order it the first time you asked me to, it just didn't do anything. You can see in the Screenshot i was about to restart unraid (stopped VM's). Thought that might forced that reorder. 

 

Thank you for the help and for making this plugin! 

How do i import the json file from docker folder to folder view? If i use the import option, then nothing happens.

folders.json

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.