Skip to content

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

Open
guss77 wants to merge 2 commits intocreativetimofficial:masterfrom
guss77:master
Open

replace bootstrapified "tab group" dashboard card with an actual angular component#97
guss77 wants to merge 2 commits intocreativetimofficial:masterfrom
guss77:master

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