Merge pull request #2266 from hashicorp/website-status-added

Website - Include support for “added” status for the components

Author: didoo

website/app/components/doc/cards/card.hbs

@@ -13,6 +13,8 @@
           <Doc::Badge class="doc-cards-card__badge" @type="warning-inverted" @size="medium">Deprecated</Doc::Badge>
         {{else if @status.updated}}
           <Doc::Badge class="doc-cards-card__badge" @type="neutral-inverted" @size="medium">Updated</Doc::Badge>
+        {{else if @status.added}}
+          <Doc::Badge class="doc-cards-card__badge" @type="information-inverted" @size="medium">Added</Doc::Badge>
         {{/if}}
         <p class="doc-cards-card_description">{{@caption}}</p>
       </div>
@@ -27,6 +29,8 @@
           <Doc::Badge class="doc-cards-card__badge" @type="warning-inverted" @size="medium">Deprecated</Doc::Badge>
         {{else if @status.updated}}
           <Doc::Badge class="doc-cards-card__badge" @type="neutral-inverted" @size="medium">Updated</Doc::Badge>
+        {{else if @status.added}}
+          <Doc::Badge class="doc-cards-card__badge" @type="information-inverted" @size="medium">Added</Doc::Badge>
         {{/if}}
         <p class="doc-cards-card_description">{{@caption}}</p>
       </div>

website/app/components/doc/table-of-contents/index.hbs

@@ -24,6 +24,8 @@
               <Doc::Badge @type="warning-inverted" @size="medium">Deprecated</Doc::Badge>
             {{else if item.pageAttributes.status.updated}}
               <Doc::Badge @type="neutral-inverted" @size="medium">Updated</Doc::Badge>
+            {{else if item.pageAttributes.status.added}}
+              <Doc::Badge @type="information-inverted" @size="medium">Added</Doc::Badge>
             {{/if}}
           {{/if}}
         </LinkTo>

website/app/controllers/show.js

@@ -98,6 +98,10 @@ export default class ShowController extends Controller {
         type = 'neutral';
         label = 'Updated';
         version = this.model.frontmatter?.status?.updated;
+      } else if (this.model.frontmatter?.status?.added) {
+        type = 'information';
+        label = 'Added';
+        version = this.model.frontmatter?.status?.added;
       }
       if (version.match(/^\d+\.\d+\.\d+$/)) {
         label += ` in v${version}`;

wiki/Website-Doc-folder.md

@@ -152,8 +152,8 @@ The "frontmatter" attributes that we support are the following:
     An optional full path to an image used when listing the page as "card" (eg. in landing pages). The path refers to the `dist` folder generated at build time, so is relative to the content of the `/website/public` folder.
 *   `status`
     An optional status of the component (that will be reflected in the pages with specific badges next to the component card or name)
-        * `deprecated` - the version number in which the component has been deprecated (in the format `x.y.z`)
-        * `updated` - the version number in which the component has been updated (in the format `x.y.z`) - notice: this can be removed after some time, when the changes are not anymore recent enough to justify the extra information
+    * `added` | `updated` | `deprecated` - the version number in which the component has been added, updated or deprecated (in the format `x.y.z`)
+    Notice: it should be removed after some time, when the changes are not anymore recent enough to justify the extra information
 
 Only the `title` attribute is technically required, all the others are optional (even though some of them like `description` and `caption` are necessary for component pages).