Raised This Month: $32 Target: $400
 8% 

[ANY] BoomPanel 3 - websocket/vue.js admin control panel


Post New Thread Reply   
 
Thread Tools Display Modes
Author
boomix
Senior Member
Join Date: May 2015
Location: Latvia
Plugin ID:
7001
Plugin Version:
1.0
Plugin Category:
Server Management
Plugin Game:
Any
Plugin Dependencies:
    Servers with this Plugin:
     
    Plugin Description:
    BoomPanel 3 is new kind of admin panel, with the big difference, where frontend is made with Vue.js, and sourcemod/SRCDS server runs as backend for the panel. For communication to server panel is using websockets.
    Old 03-26-2020 , 02:54   [ANY] BoomPanel 3 - websocket/vue.js admin control panel
    Reply With Quote #1





    BoomPanel 3 is new kind of admin panel, with the big difference, where frontend is made with Vue.js, and sourcemod/SRCDS server runs as backend for the panel. For communication to server panel is using websockets.
    Not only that the panel is lightning fast, because the connection directly from client to server, it is also model/plugin based. So in short, any Sourcemod plugin developer easly is able to create their own page in this panel, as far as they understand simple html and javascript. The panel can be used to configure that particular plugin or to display any kind of data from the server almost real time. It fully supports Sourcemod admin flags, meaning you can have multiple admins in panel with different permissions.


    1. Socket (3.0.2): Socket extension for SourceMod
    2. [DEV] WebSocket Server - Direct connection between webbrowser and gameserver

    1. Download master branch and extract zip in your server
    2. Install needed requirements
    3. Edit file addons/sourcemod/configs/BoomPanel3/admins.cfg and add yourself as panel admin
    4. Test out if plugin loads up fine, if not, the edit convar bp_websocket_ip with the correct server IP
    5. If you want to change socket port, change convar bp_websocket_port (default 27021)
    6. Now you can install other plugins that do support BoomPanel3, and you can install BoomPanel3 web/PWA client and add your server in settings



    You can install the panel visiting https://boompanel.com/ and clicking on the right side of url


    About the panel - written in vue.js, made as an PWA app. Source code of panel is available over here https://github.com/boomix/BoomPanel-3-APP . Anyone feel free to submit pull-requests there. Mainly you will want to submit pull-requests for Plugins.vue , to add some kind of missing functionality.

    The panel without additional plugins is useless, because this is only core file. .
    In short we have to wait till other plugin developers create their own pages.

    For developers here is test plugin https://github.com/boomix/BoomPanel-3-testpage , it shows up plugin main functionality to create simple page.
    The main idea is that you see how easy it is to create page for it.
    I will write more detailed tutorial for plugin development, but for now you can use this as example. And those who do not know about Vue.js, it is one of the languages that is growing really fast, is easy to learn, if you got already some knowledge in html/css.
    Here is also all the panel template https://boompanel.com/3/template

    Here you can see how fast is the panel




    Recommended to download master branch

    __________________

    Last edited by boomix; 03-26-2020 at 03:42.
    boomix is offline
    boomix
    Senior Member
    Join Date: May 2015
    Location: Latvia
    Old 03-26-2020 , 02:55   Re: [ANY] BoomPanel 3 - websocket/vue.js admin control panel
    Reply With Quote #2

    Reserved.

    I understand, at the moment there is really no need for people to rush and install this plugin and panel, as there are no plugins made, meaning the panel does not have any pages.
    This is published, so other plugin developers can start working on new pages or adding configuration pages for their own plugins.

    I got few more pages/plugins ready, I will publish them pretty soon. when will make the code clearer.
    I will try to link most of the plugins that have added support for this in this post or thread.
    __________________

    Last edited by boomix; 03-26-2020 at 03:41.
    boomix is offline
    Gumiland
    Member
    Join Date: Jun 2016
    Old 04-03-2020 , 21:19   Re: [ANY] BoomPanel 3 - websocket/vue.js admin control panel
    Reply With Quote #3

    Looks promising. im hoping this can fully replicate the functionality of hlsw eventuallly.
    //reserved
    __________________
    Gumiland is offline
    Reply



    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts

    BB code is On
    Smilies are On
    [IMG] code is On
    HTML code is Off

    Forum Jump


    All times are GMT -4. The time now is 02:17.


    Powered by vBulletin®
    Copyright ©2000 - 2024, vBulletin Solutions, Inc.
    Theme made by Freecode