Simple interface with Angular

[iosense]

Hello,

I would like to simplify the interface a bit for our clients. in fact they do not need so many features and so many settings complicate their use.

I need a little editing interface for easy operation. Apparently, It seems possible with this RestAPI and MVC infrastructure, problem is that there is no detailed information about it. You tell me where to start should be enough even for me now.

I also have experience in javascript frameworks like AngularJS, Backbone, React etc. If I can prepare a simple interface using angular, it will be easier for me.

Also I do not want to change anything hardcode. I keep track of updates and also I want to use the existing interface. just Clients can not access it.

Thank you for your hard work.

[AdSchellevis]

Hi,

Sinds last week we do have a full sample, for more info:
https://forum.opnsense.org/index.php?topic=1332.0

[iosense]

Thank you AdSchellevis, I think I got the answer!

My other question is: How to set the development environment in a simple manner for this purpose ?

I just want to set the GUI and want to build it again.

Thank you.

[franco]

This should help you: http://lastsummer.de/development-workflow-in-opnsense/ :)

[jstrebel]

I took the path creating a new group "junior" with a user "miniadmin"  and enabled in this group only the menu items which where needed for a simple setup. You can go even further and create a group "monitor" with an another user. In this group you enable only the relevant menus which are needed for monitoring.

[franco]

That's a smart thing to do. We want to take this futher with the MVC, basically allowing read and/or write access per action (page). That way monitoring becomes even better for pages that are now critical and not available as "monitoring only". Imagine all the settings pages rendering the settings as non-changeable inputs or just text instead of e.g. a drop down box.