Web Interface Rework

[zekroTJA]

Prelude

The current web interface of shinpuru is built with Angular and has went though a lot of style and layout iterations as well as feature extensions as shinpuru has evolved. Therefore, there was never a clear concept behind the style and design of the web interface which today leads to a pretty bad user experience. Also, the project state of the web interface has reached a point of non-maintainability so that I've decided to re-create the whole web interface using React with a clear and concise plan in mind to make it more maintainable, resilient and user friendly.

Demos

You can see the code of the new web interface in the web.new/ directory in the dev branch.

The current state of the reworked web interface is currently available in the Canary Version of shinpuru. Just go to c.shnp.de/beta to play around with the new web interface, If you have not already, invite shinpuru Canary using this link.

I am also posting some sneak peeks and insights to my twitter timeline. Also, I am regularly asking for feedback on my development Guild. Feel free to join there if you want to be involved into the development process of the new interface. I am also sometimes streaming some development on my YouTube channel.

Status

Because there is a heck lot to do to re-implement all features of the current web interface, I just want to list down all features and their state of implementation in the new interface.

Basic Framework

• [x] API Wrapper
• [ ] Main Page
• [x] Login Page

Guilds

• Members

  • [x] Member List
  • [x] Member Info
  • [x] Create Member Reports
  • [x] Revoke Member Reports

• Moderation

  • [x] Modlog List
  • [x] Revokation in Modlog
  • [x] Create Unban Requests
  • [x] Unban Requests List
  • [x] Process Unban Requests

• Starboard

  • [ ] List Starboard Entries

• Karma

  • [ ] List Karma Scoreboard

• Guild Settings

  • [x] Backup Switch
  • [x] Backup List
  • [ ] Backup restoration
  • [ ] Invite Blocking Switch
  • [ ] Permission Management
  • [x] Autoroles
  • [x] Modlog Channel
  • [x] Voicelog Channel
  • [x] Join/Leave Message
  • [x] Antiraid
  • [ ] Code Execution
  • [ ] User Verification
  • [ ] karma
  • [ ] Logs
  • [ ] Data Removal
  • [ ] API Access

• User Settings

  • [x] Logout
  • [ ] API Token Management
  • [ ] One Time Auth Switch
  • [ ] Privacy Settings
  • [ ] Theme Settings
  • [ ] Preferred Language

• Bot Settings

  • [ ] Presence

• Informational Stuff

  • [ ] Info Page
  • [ ] Command List
  • [ ] Docs