Fail2ban Cockpit UI

fail2ban
cockpit

(Stéphane de Labrusse) #1

Surely 2000 lines of code needed more, but at least I can display something in cockpit, I started with VueJS :smiley:

WIP



(Stéphane de Labrusse) #2


(Stéphane de Labrusse) #3

Settings is completed, now let’s go to the jail status page and the dashboard


(Alessio Fattorini) #4

Oh wow, good start! You’re so brave :wink:
How are your feelings with the new framework?


(Stéphane de Labrusse) #5

New jails page


(Stéphane de Labrusse) #6

Well new things to learn, VueJS can help a lot, I did not regret to start directly with this framework, even if we have a new layer of complexity like compiled javascript(I used to hack the code directly on the server when I built something) but it drives you to be good at the first attempt :slight_smile:

For now a lot of lines must be written, HTML and Javascript, but hopefully we do not have to put really the hand in css (at least for me), so it is something cool. VueJS is here to make the data binding and show/hide HTML elements, so it is quite easy to do it when you caught how it works.

The wild side now is that the level to hack something has increased :

  • for the frontend you need to know html, css, JS and/or a javascript framework(with VueJS you must use also node and npm).
  • for the backend you need to understand json and to know bash, perl, php.

the good thing is that we have a modern server manager


(Stéphane de Labrusse) #7


(Stéphane de Labrusse) #8


(Stéphane de Labrusse) #9


(Stéphane de Labrusse) #10

Ola…I have something to show, please could you test it and bring your ideas…

yum install nethserver-fail2ban nethserver-cockpit --enablerepo=nethserver-testing

the issue for the QA is https://github.com/NethServer/dev/issues/5745