Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

replace bootstrapified "tab group" dashboard card with an actual angular component #97

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

guss77
Copy link

@guss77 guss77 commented Sep 9, 2020

The dashboard view is very pretty, but it isn't really built with Angular - it is a bunch of boostrap-style UI elements, and is therefore to verbose and hard to customize and re-use.

I suggest replacing the widgets in the dashboard with Angular components that are customizable and reusable.

Here is the first one - the tabbed card (Labeled "Tasks") as an angular component.

We can probably add more customization options (I'm particularly looking at the label field that is just a text string at the moment) and use MatCards and other Angular Material components instead of styled divs, but this PR is fully functional drop-in replacement to the current implementation and offers:

  • An arbitrary number of tabs (no paging, sorry)
  • Either simple text labels or full templates for the tab headers
  • Customizable prefix text
  • Customizable header style (using color attribute, I couldn't think of a better name)
  • Internal switching using portals (no CSS hacks)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant