donaldzou / WGDashboard

Simple dashboard for WireGuard VPN written in Python & Vue.js
https://donaldzou.github.io/WGDashboard-Documentation/
Apache License 2.0
1.63k stars 248 forks source link

Interface Improvement: Control and Delete Buttons for Configurations #480

Closed mizoil closed 6 days ago

mizoil commented 1 week ago

Hello! I have an idea for making it easier to add buttons to the interface. Here are some examples in the screenshots:

First Configuration

This configuration could be improved by adding a name, like “wg0,” with a delete (trash) icon next to it. Why add these buttons? Sometimes I accidentally create a configuration or make a mistake, and I need to delete it. But going to /etc/ can be inconvenient and complicated, especially if there's a bug. That’s why I recommend adding a delete button next to each configuration, along with a confirmation prompt: "Are you sure you want to delete this configuration?" — this would make the interface much more convenient for us.

Here's how it looks in the screenshots:

Screenshot 1 Удалить корзина

Screenshot 2 Удалить корзина 2

Second Client

This client is for users who distribute VPN traffic. It would be helpful to add a button to control the client status (online/offline). If the client is online, traffic is distributed; if the client is offline, the traffic stops. This would be useful because when a service expires, we could simply press "Block," and the client would stop working. The “online” and “offline” buttons would make it easy for me to manage traffic sharing.

Here’s an example in the screenshots:

Screenshot 1 Снимок

Screenshot 2 Снимок2

What do you think of this idea? I believe it would be well-received! I hope these buttons can be added. Thank you!

donaldzou commented 1 week ago

Hi @mizoil, thank you for bringing these suggestions up!

First Configuration

Currently, you are able to delete configuration by going to the "3-dots" next to the search bar:

ScreenRecording2024-11-12at9 39 45PM-ezgif com-video-to-gif-converter

Second Client

You're also able to "Restrict" peers, by blocking but not deleting them

ScreenRecording2024-11-12at9 44 33PM-ezgif com-video-to-gif-converter

Also you can schedule a time to restrict the peer :)