CSSharp Panel - Admin Web Panel for CounterStrikeSharp

CSSharp Panel is a web panel for CounterStrikeSharp that includes many features such as servers management, admins management, ban & comms management, rcon functions and much more, with a modern UI and a lot of customization options.

Join our Discord - View the docs - Demo website

Important Note

The current way of running the panel is harder for non developers, and the panel is not yet ready for production use, it's still in development and many features are missing, but it's a good start for a panel and it's already usable for some basic features, if you want to help with the development, feel free to join the discord and ask for help or contribute to the project.

I will change the way of running the panel to be easier for non developers in the future, and I will add more features and make the panel ready for production use.

Features

• 🚀 Fast: Built with Next.js on top of React, with a fully typed Front-end & back-end.
• 🛡 Bulletproof: Written in strict TypeScript and has 100% test coverage.
• 😍 Simple: Straightforward and easy to use, connects to your cssharp db and servers with no effort or knowledge.
• 📖 Documentation: Includes detailed documentation for all the features and function.
• 📦 Highly Customizable: Includes many options for customization to achive the most out of the panel and make it unique to your community, includes support for custom themes and colors with a single click in the admin panel, and even code editors for some of the website parts for 100% customization!

Install

Clone the repository

git clone https://github.com/ShiNxz/CSS-Panel.git

Edit the .env.example file and add your database credentials and Steam API key, then rename it to .env

Install dependencies

pnpm install

Build

pnpm build

Start

pnpm start

head to http://localhost:3000 and login with your steam account, then head to http://localhost:3000/admin and change the panel settings.

Detailed installation instructions can be found in the docs.

Features Roadmap & Progress

• Servers - take the servers data from the database and display it in the panel.
  • Servers status as table / cards
    • Table view (fix)
  • Modal - Show each server players in the panel, and also their admin status and flags.
    • ability to kick, ban, mute, gag, etc as a context menu
    • rcon command with response (@root)
    • chat window with the ability to send messages to the server and see the server chat (using the chatlogger plugin?) and show the map background, also add context menu for the chat messages players.
• Bans - take the bans data from the database and display it in the panel.
  • Bans status as table
• Comms - take the comms data from the database and display it in the panel.=
  • Comms status as table
• Admin Panel - manage the whole panel settings, admins, servers, comms and bans.
  • Statistics - show statistics about the panel, such as the amount of admins, servers, comms, bans, etc.
    • Plugin: find out a way of count the server entries by the server_id and show it in the statistics.
      • Plugin: for each server give a button that shows a list of all connected players from 2 hours ago.
  • Logs
  • Manage Admins
    • Add, edit, delete admins with the ability to change their permissions.
  • Roles / Groups system - make it possible to create roles / groups with pre assigned permissions and assign admins to them.
  • Manage Servers - Add, edit, delete servers from the db.
  • Manage Comms
    • Show comms information in the panel.
    • Edit, delete comms from the db.
    • Add comms from the panel
    • Add comms from the servers modal
  • Manage Bans
    • Show bans information in the panel.
    • Edit, delete bans from the db.
    • Add bans from the panel
    • Add bans from the servers modal
  • Manage Settings
    • General settings - change the panel name, logo, etc.
    • SEO settings - change the panel SEO settings such as title, description, etc.
    • Design settings - change the panel design, colors, etc.
    • Discord settings - add discord webhook for bans, comms, etc. from the panel.
    • Advanced settings - debug mode, early access, etc.
    • Customization settings - add custom css, js, etc.
    • Networks - add different networks like discord, steam, etc. to the panel and add them as a contact method in the panel and footer icons.
• Language support - add the ability to change the panel language from the admin panel, make it possible to create custom languages and add them to the panel through the repo.
• Change the way of running the panel to be easier for non developers, and make the panel ready for production use.

Links

• Join the Discord: Ask questions, provide suggestions
• Example Panel: view a demo panel
• Docs: Installation instructions
• Issues: Raise any issues here