From cf068d4f89784f00be7595c4d38ec0cac1f611d0 Mon Sep 17 00:00:00 2001
From: Felix Mulder <felix.mulder@gmail.com>
Date: Fri, 3 Feb 2017 16:12:56 +0100
Subject: Add supertypes and annotations to entity title

---
 doc-tool/resources/_layouts/api-page.html | 15 +++++++++++++++
 doc-tool/resources/css/api-page.css       | 20 ++++++++++++++++++++
 2 files changed, 35 insertions(+)

(limited to 'doc-tool/resources')

diff --git a/doc-tool/resources/_layouts/api-page.html b/doc-tool/resources/_layouts/api-page.html
index 392c0ef2d..3d4763ec7 100644
--- a/doc-tool/resources/_layouts/api-page.html
+++ b/doc-tool/resources/_layouts/api-page.html
@@ -10,6 +10,9 @@ extraCSS:
 
 <div id="entity-container">
     <div id="entity-title">
+        <span id="entity-annotations">
+            {% for annot in entity.annotations %}@{{ annot | split: '.' | last }} {% endfor %}
+        </span>
         <span id="entity-modifiers">
             {{ entity.modifiers | join: " " }}
         </span>
@@ -32,6 +35,18 @@ extraCSS:
             {% endfor %}
             <span class="no-left">]</span>
         </span>
+        {% if entity.superTypes.size > 0 %}
+        <div id="super-types">
+            {% for super in entity.superTypes %}
+            {% if forloop.first %}
+            <span class="keyword">extends</span>
+            {% else %}
+            <span class="keyword">with</span>
+            {% endif %}
+            <span class="entity-super-type">{% renderLink super %}</span>
+            {% endfor %}
+        </div>
+        {% endif %}
     </div>
 
     {% if entity.comment.body %}
diff --git a/doc-tool/resources/css/api-page.css b/doc-tool/resources/css/api-page.css
index 9bcea9a27..a64317545 100644
--- a/doc-tool/resources/css/api-page.css
+++ b/doc-tool/resources/css/api-page.css
@@ -14,11 +14,31 @@ div#entity-title {
     font-size: 2.5rem;
 }
 
+div#entity-title > span#entity-annotations,
 div#entity-title > span#entity-modifiers,
 div#entity-title > span#entity-kind {
     font-weight: 100;
 }
 
+div#entity-title > div#super-types > span.keyword {
+    font-weight: 100;
+}
+
+div#entity-title > div#super-types > span.keyword,
+div#entity-title > div#super-types > span.entity-super-type {
+    font-size: 25px;
+}
+
+div#entity-title > div#super-types> span.entity-super-type > a,
+div#entity-title > div#super-types> span.entity-super-type > a:focus {
+    text-decoration: none;
+    color: #34495e;
+}
+
+div#entity-title > div#super-types> span.entity-super-type > a:hover {
+    text-decoration: underline;
+}
+
 div#entity-title span.no-left {
     margin-left: -9px;
 }
-- 
cgit v1.2.3