Facilitator_mx Theme: New look task-card

[FaithDaka]

PR Checklist

• PR title descriptive (can be used in release notes)

Description

• Added variant, block-button for the task card. Task Card
• Styling according to plh-facilitator-mx theme

Git Issues

Closes #2573

Screenshots

inProgress vs notStarted

[FaithDaka]

@jfmcquade I made changes to the debug/config.ts file in order to add the plh-facilitator-mx theme but I don't have write access to the debug workspace so I will need your help with that configuration.

[jfmcquade]

@jfmcquade I made changes to the debug/config.ts file in order to add the plh-facilitator-mx theme but I don't have write access to the debug workspace so I will need your help with that configuration.

This was already included (see https://github.com/IDEMSInternational/app-debug-content/blob/main/config.ts), but I don't think you will have been shown how to update the deployment content (including config file) to reflect the main content branch.
It should update if you run yarn workflow deployment set debug and agree to override any local changes (the pending changes can always be synced from Google Drive again). If that doesn't do it, you can manually pull by running yarn workflow repo open to open the local content repo folder in a new VSCode window, and then run git checkout main and git pull from that folder.

I've also given you write permissions on the debug repo, your invite is pending acceptance.

[jfmcquade]

The styling looks good. See my inline comments, including a blocking one about replacing the current plh_facilitator_mx theme.

I also think that in the component demo template, as the block button variant is included as an example, it should be made clear that the variant is only styled for the plh_facilitator_mx theme, e.g. in the title above the variant demo.

@ChrisMarsh82 I think this needs some changes before it can be merged, but the core styling/functionality should be there, so you could merge this feature branch into working branch. Note that @FaithDaka has set up an alternative plh_facilitator_mx theme at src/theme/themes/plh_facilitator_mx/_index.scss, where she's applied the same changes of the primary/secondary source theme colours as you did.

[jfmcquade]

After discussion with @ChrisMarsh82 we agreed that it makes sense to overwrite the pre-existing plh_facilitator_mx theme with the updated one in this PR, as opposed to keeping both.

@ChrisMarsh82, could you give a quick functional check of this PR to make sure that the component is behaving as expected for you?

@FaithDaka, I've cleaned up the code in the task card component template somewhat, essentially in your refactoring to use the modern Angular @if syntax, you'd left in the <ng-tempalte> blocks, which are no longer necessary. Have a look at 65cb42a#diff-122995a1ed907cfd136db6c8aacdd6c45d1a1c474d894d6846b656673a36c06a and make sure it looks right to you

[jfmcquade]

@ChrisMarsh82 are you happy for this to be merged? I think you've been working from this feature branch anyway