[Plugin] FolderView

[scolcipitato]

21 minutes ago, scottcru said:

Have just installed and setup, everything went perfectly with one exception that is probably more likely to be user error rather than a fault of the plug-in.

 

Found how to sort dockers within a folder, but just can't sort / re-order the folders based on my personal preference. The order just looks like the latest folder I created being on the top of the folder list. 

 

Any help would be appreciated.

You can reorder them just like normal containers, if that won't work, I need the debug file (first post for instructions)

[Linguafoeda]

On 9/10/2023 at 2:34 PM, scolcipitato said:

This can work, I'll see if this won't mean major code changes and if not implement it.

For now, I'm focusing on the context menu for the docker tab.

Can't wait to see this GUI update once you get some breathing room to get to it. you are the man!!!

[NiLon]

18 hours ago, scolcipitato said:

You can reorder them just like normal containers, if that won't work, I need the debug file (first post for instructions)

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

[scolcipitato]

Just now, NiLon said:

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

Thought the same thing when updating to unraid 6.12, I really liked the old way, but as I said, I won't change how unraid handle this sort of stuff.

[scottcru]

34 minutes ago, NiLon said:

I was wondering this as well. I didn't quite find any way to do that sorting. But then I noticed that while being in the docker tab, there is a small lock at the top that enables the sorting. Not very obvious place to have that setting.

You superstar, I missed the lock! currently re-ordering as I type. Thank-you.

[Jaycedk]

I think that's been mentioned a several times in this thread 🤣😂

[Jaycedk]

On 7/31/2023 at 6:04 PM, Jaycedk said:

@baccula

You need to unlock, before you can do this.

 

[Jaycedk]

@scolcipitato You might wan't to make the above a sticky or add it to your first post.

New commers to 6.12.X will have no clue.

Not your fault, but something new to Unraid 6.12.X 

[scolcipitato]

On 8/24/2023 at 4:40 PM, elBelgg said:

Hello, I just installed this plugin and I would like to know if there is any way to be able to translate it. It's a bit annoying to see all the options below in Spanish and then one in English (Add Folder).

I had thought that maybe it could be done with CustomCSS, but I'm not entirely sure.

This was a good idea, so good that i actually I made it, now I just need people to translate the plugin.

I'll leave the translation file if anyone wants to translate something.

The "locale" field and the name of the file should be an ISO 639-1 language code.

If you translate, don't edit any HTML tags you see, only edit text.

 

For anyone else, I'm getting a little burned out on the advanced context, so I made this, I promise I will continue, I just need to comment out the code, iron out some bugs, and copy the new code to the dashboard, the update is not far in the future.

With this update I also introduced the feature requested from @jbb, you can add containers to a folder with labels.

en.json

 

Edit:

For anyone translating, the field "updating" have a $1 in the string, that $1 is the name of the folder, so it should stay there, you can change its position.

The same concept is for HTML tags mentioned above, you can change their positions, but they shouldn't be removed.

 

Edit 2:

Forgot to mention I translated the plugin in Italian, if you want to redo my work you are more than welcome.

Edited September 13, 2023 by scolcipitato

[Kloudz]

Not sure if someone asked this already but is there a way to add the "Console/CLI" button just like how there's a WebGUI button and Logs button on 

[Masterwishx]

@scolcipitato

@hernandito

Today founded, after some seconds

Update of cpu/mem is stopped (stuck) in advanced mode. Using custom.css from @hernandito with couple modifications... 

[scolcipitato]

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

• The advanced docker context menu.
• Support for more languages.
• Button to open the console in the preview. Thanks to @Kloudz
• Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
• Added a small button to verify that the order of the autostart match the order you see.
  This icon will turn red if the autostart order is different from what you see.
• Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

[Mattaton]

25 minutes ago, scolcipitato said:

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

• The advanced docker context menu.
• Support for more languages.
• Button to open the console in the preview. Thanks to @Kloudz
• Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
• Added a small button to verify that the order of the autostart match the order you see.
  This icon will turn red if the autostart order is different from what you see.
• Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

You rock! Great additions!

[scolcipitato]

On 9/9/2023 at 6:28 PM, Linguafoeda said:

 

How do you organize the folders positions themselves?

 

And do you know if below is how the folders are meant to show on dashboard? i was wondering if you could make the dashboard folder view similar to the old plugin (2nd picture). I'd really like to find a way to recreate the dashboard view like the 2nd pic, with the arrow to shrink/open the folder and separation between folders.

 

 

In the new update, you can do what you want.

.folder-showcase-outer[expanded="true"], .folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
  display: block;
  width: 100%;
}

 

Edited September 15, 2023 by scolcipitato

[Mattaton]

37 minutes ago, scolcipitato said:

In the new update, you can do what you want.

.folder-showcase-outer[expanded="true"], .folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
}

 

I can't figure out why, but this isn't working for me. Still looks the same. When I inspect the elements, the styles are there, but the float is having no effect. Weird.

[scolcipitato]

3 minutes ago, Mattaton said:

I can't figure out why, but this isn't working for me. Still looks the same. When I inspect the elements, the styles are there, but the float is having no effect. Weird.

I tried with both Chrome and Firefox, for me, it works, maybe just try to play around with the rules, maybe a display: block and width: 100% see if it helps.

[Mattaton]

8 minutes ago, scolcipitato said:

I tried with both Chrome and Firefox, for me, it works, maybe just try to play around with the rules, maybe a display: block and width: 100% see if it helps.

That's crazy that it works for you. I'm on Chrome.

I just redid it and added width 100 and it worked. Already had the display block. 🙂

Thanks!

[Masterwishx]

3 hours ago, scolcipitato said:

This is the day.

The newest version of the plugin is here, 2023.09.15.

As said in the posts above, I have added:

• The advanced docker context menu.
• Support for more languages.
• Button to open the console in the preview. Thanks to @Kloudz
• Now you can add docker containers to a folder with labels, the label to do this is folder.view The value should be the name of the folder. Thanks to @jbb
• Added a small button to verify that the order of the autostart match the order you see.
  This icon will turn red if the autostart order is different from what you see.
• Fixed the error when rebooting the server without internet connectivity.

EXPECT A LOT OF BUGS!

 

 

Strange but i have same context menu as was befor :

 

[scolcipitato]

Just now, Masterwishx said:

 

Strange but i have same context menu as was befor :

 

There is an option when you edit the folder.

[Mattaton]

@Linguafoeda Getting close with this css:

.folder-showcase-outer[expanded="true"],
.folder-showcase-outer[expanded="true"] .folder-showcase {
  float: left;
  display: block;
  width: 100%;
}

.folder-showcase-outer[expanded="true"] .folder-docker {
  position: relative;
}

.folder-showcase-outer[expanded="true"] .folder-docker::after {
  position: absolute;
  content: "\f0d7";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2rem;
  right: 10px;
  bottom: 0;
}

.folder-showcase-outer[expanded="true"] .folder-showcase {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding-top: 2rem;
  margin-bottom: 2rem;
}

#docker_view .folder-element-docker .state {
  display: none;
}

 

Edited September 15, 2023 by Mattaton

[Mattaton]

Could also put the open arrow before the folder icon, like this:

[Masterwishx]

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

 

 

[hernandito]

32 minutes ago, Mattaton said:

Could also put the open arrow before the folder icon, like this:

 It would look better if that grey down arrow be on the right side and bigger…. This way all icons would line up. I would also place the top horizontal border above the folder icon. Also give the expanded folder icon and label their own class. This way, in custom.css, one could make the folder icon and name larger to show better hierarchy between folders and the folder contents…. Background of a wrapper for the folder icon and label should run full width as well. This way one could apply a custom background color, and radius corners - again to do better visual distinction between folder and its containers.

 

i would leave all the non-expanded folders as shown above.

 

i wish I could illustrate w some mock-ups… but I’m still struggling to rebuild data…

[Mattaton]

30 minutes ago, Masterwishx said:

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

 

 

I am getting the CPU MEM graph, but I do not get Port Mappings, and the Web UI comes up about:blank#blocked.

[scolcipitato]

33 minutes ago, Masterwishx said:

After Update:

1. Click on Globe open about:blank#blocked page in docker page for all containers. also in advanced context.

Advanced menu:

not shown cpu/mem lines update (blank ) , no ports , only volume mapping is shows.

 

 

I pushed an update, now should be fixed.