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

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
  • Modal - Show each server players in the panel, and also their admin status and flags.
    • ability to change the map, restart the server, etc.
    • 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.
  • 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 with rcon(?)
    • 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 with rcon(?)
    • 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.

Links

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