Address feedback

Author: devversion

tools/dgeni/processors/categorizer.ts

@@ -32,7 +32,7 @@ export interface CategorizedClassDoc extends ClassExportDoc {
   isDeprecated: boolean;
   directiveExportAs?: string | null;
   directiveSelectors?: string[];
-  extendedDocs: ClassLikeExportDoc[];
+  extendedDoc: ClassLikeExportDoc | null;
 }
 
 export interface CategorizedPropertyMemberDoc extends PropertyMemberDoc {
@@ -90,11 +90,10 @@ export class Categorizer implements Processor {
     classDoc.methods.sort(sortCategorizedMembers);
     classDoc.properties.sort(sortCategorizedMembers);
 
-    // Filter the extends clauses for clauses with an associated Dgeni document. Clauses without
-    // a document are unknown and should not be mentioned in the documentation for this class.
-    classDoc.extendedDocs = classDoc.extendsClauses
-      .filter(clause => clause.doc)
-      .map(clause => clause.doc!);
+    // Classes can only extend a single class. This means that there can't be multiple extend
+    // clauses for the Dgeni document. To make the template syntax simpler and more readable,
+    // store the extended class in a variable.
+    classDoc.extendedDoc = classDoc.extendsClauses[0] ? classDoc.extendsClauses[0].doc! : null;
 
     // Categorize the current visited classDoc into its Angular type.
     if (isDirective(classDoc)) {

tools/dgeni/templates/class.template.html

@@ -1,20 +1,17 @@
 <h4 class="docs-api-h4 docs-api-class-name">
   <code>{$ class.name $}</code>
+  {% if class.extendedDoc %}
+  <span class="docs-api-class-extends-clauses">
+    <span class="docs-api-class-extends-label">extends</span>
+    <span class="docs-api-class-extends-type">{$ class.extendedDoc.name $}</span>
+  </span>
+  {% endif %}
 </h4>
 
 {%- if class.description -%}
 <p class="docs-api-class-description">{$ class.description | safe $}</p>
 {%- endif -%}
 
-{% if class.extendedDocs.length %}
-<p class="docs-api-class-extends-clauses">
-  <span class="docs-api-class-extends-label">Extends:</span>
-  {% for extendedDoc in class.extendedDocs %}
-    <span class="docs-api-class-extends-type">{$ extendedDoc.name $}</span>
-  {% endfor %}
-</p>
-{% endif %}
-
 {%- if class.directiveSelectors -%}
 <p class="docs-api-directive-selectors">
   <span class="docs-api-class-selector-label">Selector:</span>