Status Badges

User Story

As a user of PRACTICAL ™ Documentation, I would like the ability to easily add “Status Badges” to the page, or any line on the page.

Acceptance Criteria

1. Scenario 1
   • When user adds the frontmatter tag “status: “ to the page with some text for it’s value…
   • Then a status badge will be automatically added to the top of the page as follows:
     • Any of the values “Done”, “Complete” or “Completed” will result in a green status badge with the same text.
     • Any of the values “In Process” or “In Progress” will result in a blue status badge with the same text.
     • Any of the value “Blocked”, “Late” or “Won’t Do” will result in a red badge status with the same text.
     • Any other value will result in a grey status badge.
2. Scenario 2
   • When user adds the include statement { % include badge.html text="some text" % }
   • Then the badge will be inserted in-line where the include statement was used, and the colors will be calculated the same as in Scenario 1
3. Scenario 3
   • When user adds the include statement { % include badge.html text="some text" classes="some classes" % }
   • Then the badge will be inserted in-line where the include statement was used, and the colors will be controlled by whatever classes the user inserts as