Skip to content

Dashboard to customize 2PG; made with TypeScript + Angular 9

License

Notifications You must be signed in to change notification settings

twopg/Dashboard

Repository files navigation

2PG Dashboard

Dashboard to customize 2PG; made with TypeScript + Angular 9

Discord

2PG Bot Series - https://www.youtube.com/watch?v=rYpR0CiEGgk&list=PLGfT2ttRbfixMStpAhPD4pKBQN9wjJmbP&index=1

2PG Dashboard Series - https://www.youtube.com/watch?v=rYpR0CiEGgk&list=PLGfT2ttRbfizIr60zU_S_6_i8O3xmP9ia&index=1

Used by: 2PG, 3PG, 6PG, DBots, DList, DClone

Guild Dashboard Audit Log

Prerequisites

  • Know how to use JavaScript, TypeScript, and Angular 9

Redirect URIs

Redirects

If you change your redirects, regen your application secret.

Further Notes

  • Channels and roles are publically available through the API
    • Used to provide more user-friendly select options
    • This is to also to avoid rate limiting
  • Everything within the /src folder is public
    • Keep the API, Server, and bot isolated to avoid extra bundle size, or your bot tokens being bundled on the client side (not good)
    • Just avoid associating any tokens or secrets with the webapp itself
    • This also applies to the bot
  • If renaming config files, make sure to .gitignore them
  • This is done by default, but I've made this mistake many times

Installation

Use npm install && npm install -g @angular/cli@latest for the installation

Angular

This project was generated with Angular CLI version 9.0.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.