Address feedback

Author: devversion

tools/dgeni/processors/categorizer.js

@@ -68,14 +68,11 @@ module.exports = function categorizer() {
   }
 
   /**
-   * Decorates public exposed docs. Creates a property with CSS classes that will be 
-   * added to the template.
+   * Decorates public exposed docs. Creates a property on the doc that indicates whether
+   * the item is deprecated or not.
    **/
   function decoratePublicDoc(doc) {
-    // Specific classes that will can added to the Dgeni doc template.
-    doc.docClasses = [
-      isDeprecatedDoc(doc) ? 'docs-api-deprecated' : ''
-    ].join(' ');
+    doc.isDeprecated = isDeprecatedDoc(doc);
   }
 };
 

tools/dgeni/templates/class.template.html

@@ -1,4 +1,4 @@
-<div class="{$ class.docClasses $}">
+<div>
   <h4 class="docs-api-h4 docs-api-class-name">
     <code>{$ class.name $}</code>
   </h4>
@@ -9,6 +9,10 @@ <h4 class="docs-api-h4 docs-api-class-name">
   <span class="docs-api-class-export-name">{$ class.directiveExportAs $}</span>
   {%- endif -%}
 
+  {%- if class.isDeprecated -%}
+  <div class="docs-api-class-deprecated-marker">Deprecated</div>
+  {%- endif -%}   
+
   {$ propertyList(class.properties) $}
 
   {$ methodList(class.methods) $}

tools/dgeni/templates/method.template.html

@@ -1,7 +1,12 @@
-<table class="docs-api-method-table {$ method.docClasses $}">
+<table class="docs-api-method-table">
   <thead>
     <tr class="docs-api-method-name-row">
-      <th colspan="2" class="docs-api-method-name-cell">{$ method.name $}</th>
+      <th colspan="2" class="docs-api-method-name-cell">
+        {%- if method.isDeprecated -%}
+          <div class="docs-api-deprecated-marker">Deprecated</div>
+        {%- endif -%}   
+        {$ method.name $}
+      </th>
     </tr>
   </thead>
   <tr class="docs-api-method-description-row">

tools/dgeni/templates/property.template.html

@@ -1,4 +1,4 @@
-<tr class="docs-api-properties-row {$ property.docClasses $}">
+<tr class="docs-api-properties-row">
   <td class="docs-api-properties-name-cell">
     {%- if property.isDirectiveInput -%}
       <div class="docs-api-input-marker">
@@ -18,6 +18,9 @@
         {%- endif -%}
       </div>
     {%- endif -%}
+    {%- if property.isDeprecated -%}
+      <div class="docs-api-deprecated-marker">Deprecated</div>
+    {%- endif -%}   
 
     <p class="docs-api-property-name">
       {$ property.name $}