Collapse Dashboard like on FreeNAS Beta UI ?

[opnsenseuser]

The new freenas beta-ui has a nice feature that I can imagine very well with opnsense, especially in terms of monitoring in which it would be a great advantage to have plenty of room on the dashboard. (see my screenshots)

[franco]

Hello,

Yes, this was discussed a long time ago and would still be a nice addition even though it was closed because nobody worked on it:

https://github.com/opnsense/core/issues/83

We should always: keep defaults, make the collapse optional and easily accessible, maybe add an auto-expand on hover/click. Keeping only the symbols at the left would seem like a good solution for hover/click expand when needed.

I do like your theme work very much and would like to see some of these improvements integrated into the main theme in core in small iterations. What do you think? :)


Thanks,
Franco

[opnsenseuser]

thank you for your trust. that's very nice of you. I really appreciate that.

I have to familiarize myself with the main core.
but since i work alone i would like to bring the two UI-themes first into the main project of opnsense and then i will approach the collapse problem carefully.
Martin supports me very much with the ui-themes and without his help I would not be so fast!

Collapse Dashboard -> I think I can do that.
best regards. :-)

[franco]

With the latest changes having dropped for os-theme-cicada I think with your ok we can release it as 1.0 in 18.1.8 to all users so it also shows in the firmware plugins.

os-theme-tukan should be merged soon, there was a review question open by Fabian, but I'm sure that'll also be merged not too far out.

If you have questions regarding the menu code you can drop them here. It's probably split between the static and MVC pages.... maybe best to pick the MVC code and we work on static integration when the MVC code is done and merged, otherwise it complicates the process. Sounds good?


Cheers,
Franco

[opnsenseuser]

could not sound better. I'm excited.lets do it like this. Big thx  :)

[opnsenseuser]

The task is very nice but I would ask you to give me some time for it. I have to read a little bit and currently I do not have that much time.

I wanted to ask you if there is a change to integrate the tukan theme too at the next opnsense update?
Code technically they are ident

Thanks for your support.

best regards, rene

[franco]

Hi René,

I've bumped os-theme-cicada to 1.0 as discussed:

https://github.com/opnsense/plugins/commit/ac2f2d4f59

os-theme-tukan was merged just now and will appear as a development plugin 0.1.

Take your time on the menu change. There is no rush. :)


Cheers,
Franco

[opnsenseuser]

That's great. I thank you. Can not believe it. ITS ONLINE :-) -> You saved my day.
I hope "tukan" will soon be in production too.

I will do my best to integrate the collapse navigation according to your specifications best possible in opnsense.
I will inform you about any news!

big thanx! ;D

best regards, rene

[franco]

Keep in mind it'll take 18.1.8 to render these changes visibly in the online repository.


Cheers,
Franco

[opnsenseuser]

Yes, sure. Thank you

[opnsenseuser]

With the latest changes having dropped for os-theme-cicada I think with your ok we can release it as 1.0 in 18.1.8 to all users so it also shows in the firmware plugins.

os-theme-tukan should be merged soon, there was a review question open by Fabian, but I'm sure that'll also be merged not too far out.

If you have questions regarding the menu code you can drop them here. It's probably split between the static and MVC pages.... maybe best to pick the MVC code and we work on static integration when the MVC code is done and merged, otherwise it complicates the process. Sounds good?


Cheers,
Franco

Hi Franco,

I'm just trying to find my way around the mvc and looking for the right file in which the navigation is located. I found three files there. I'm not sure which is the right one.

usr \ local \ opnsense \ MVC \ app \ views \ layout_partials \ base_menu_system.volt

or

usr \ local \ opnsense \ MVC \ app \ cache \ _usr_local_opnsense_mvc_app_views_layout_partials_base_menu_system.volt.php

or

usr \ local \ www \ fbegin.inc

Please do not be angry. I have to get used to the framework first. php, js, etc. I know, but with bootstrap, asp, etc. I have not done anything yet. this is new territory for me. But I'm totally interested. Can you help me?

Best regards,
René

p.s. i bought a book about bootstrap two days ago :-)

[franco]

Hi René,

> usr \ local \ opnsense \ MVC \ app \ views \ layout_partials \ base_menu_system.volt

This is the MVC menu template, yes, you want to adjust this one.

> usr \ local \ opnsense \ MVC \ app \ cache \ _usr_local_opnsense_mvc_app_views_layout_partials_base_menu_system.volt.php

This is the MVC cache file, it will be generated from the template above. This does not need to be edited.

> usr \ local \ www \ fbegin.inc

This is the static file, we will add collapsible menu support to this file together in a later stage after the MVC has been adjusted.


Cheers,
Franco

[opnsenseuser]

Hi René,

> usr \ local \ opnsense \ MVC \ app \ views \ layout_partials \ base_menu_system.volt

This is the MVC menu template, yes, you want to adjust this one.

> usr \ local \ opnsense \ MVC \ app \ cache \ _usr_local_opnsense_mvc_app_views_layout_partials_base_menu_system.volt.php

This is the MVC cache file, it will be generated from the template above. This does not need to be edited.

> usr \ local \ www \ fbegin.inc

This is the static file, we will add collapsible menu support to this file together in a later stage after the MVC has been adjusted.


Cheers,
Franco

Thank you for your explanation and your help!

best regards
René

[opnsenseuser]

Hi René,

> usr \ local \ opnsense \ MVC \ app \ views \ layout_partials \ base_menu_system.volt

This is the MVC menu template, yes, you want to adjust this one.

> usr \ local \ opnsense \ MVC \ app \ cache \ _usr_local_opnsense_mvc_app_views_layout_partials_base_menu_system.volt.php

This is the MVC cache file, it will be generated from the template above. This does not need to be edited.

> usr \ local \ www \ fbegin.inc

This is the static file, we will add collapsible menu support to this file together in a later stage after the MVC has been adjusted.


Cheers,
Franco

hi franco,

I have another question.

Is it possible to include or use a class or div of your own in the core or are you only allowed to use the classes or divisions of bootstrap?

best regards
rené

[franco]

It solely depends on the problem it tries to solve. What are you trying to solve?


Cheers,
Franco