iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

build(aio): render subclasses + see-also block in the main flow (#22445) 

Closes #22386

PR Close #22445
This commit is contained in:
Pete Bacon Darwin 2018-02-25 21:21:15 +00:00 committed by Alex Eagle
parent 40ba009e25
commit c10c831b8e
5 changed files with 6 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
aio/src/styles/2-modules/_api-pages.scss
View File

@ -8,37 +8,6 @@
} }
} }
.sidebar {
box-shadow: 0 2px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12);
border-radius: 2px;
background: #FAFAFA;
float: right;
margin: 20px;
padding: 0 24px 14px;
h2 {
margin: 18px 0 4px;
}
ul {
margin: 0;
padding-left: 14px;
}
}
.inline-sidebar {
display: none;
}
@media (max-width: 1200px) {
.sidebar {
display: none;
}
.inline-sidebar {
display: block;
}
}
.method-table { .method-table {
h3 { h3 {
margin: 6px 0; margin: 6px 0;

2
aio/tests/e2e/api.po.ts
View File

@ -24,7 +24,7 @@ export class ApiPage extends SitePage {
// //
// and we want to be able to pull out the code elements from only the first level // and we want to be able to pull out the code elements from only the first level
// if `onlyDirect` is set to `true`. // if `onlyDirect` is set to `true`.
const selector = `.inline-sidebar .descendants.${docType} ${onlyDirect ? '>' : ''} ul > li > code`; const selector = `.descendants.${docType} ${onlyDirect ? '>' : ''} ul > li > code`;
return element.all(by.css(selector)).map<string>(item => item && item.getText()); return element.all(by.css(selector)).map<string>(item => item && item.getText());
} }

12
aio/tools/transforms/templates/api/includes/class-overview.html
View File

@ -2,18 +2,10 @@
<section class="{$ doc.docType $}-overview"> <section class="{$ doc.docType $}-overview">
<h2>Overview</h2> <h2>Overview</h2>
{% if (doc.descendants | filterByPropertyValue('docType', 'class')).length or doc.see.length %}
<div class="sidebar">
{$ descendants.renderDescendants(doc, 'class', 'Subclasses') $}
{% include "includes/see-also.html" %}
</div>
{% endif %}
<code-example language="ts" hideCopy="true"> <code-example language="ts" hideCopy="true">
{$ doc.docType $} {$ doc.name $}{$ doc.typeParams | escape $}{$ memberHelper.renderHeritage(doc) $} {{$ memberHelper.renderMembers(doc) $} {$ doc.docType $} {$ doc.name $}{$ doc.typeParams | escape $}{$ memberHelper.renderHeritage(doc) $} {{$ memberHelper.renderMembers(doc) $}
} }
</code-example> </code-example>
<div class="inline-sidebar"> {$ descendants.renderDescendants(doc, 'class', 'Subclasses') $}
{$ descendants.renderDescendants(doc, 'class', 'Subclasses') $} {% include "includes/see-also.html" %}
{% include "includes/see-also.html" %}
</div>
</section> </section>

8
aio/tools/transforms/templates/api/includes/interface-overview.html
View File

@ -2,13 +2,11 @@
<section class="interface-overview"> <section class="interface-overview">
<h2>Interface Overview</h2> <h2>Interface Overview</h2>
<div class="sidebar">
{$ descendants.renderDescendants(doc, 'interface', 'Child Interfaces') $}
{$ descendants.renderDescendants(doc, 'class', 'Class Implementations') $}
{% include "includes/see-also.html" %}
</div>
<code-example language="ts" hideCopy="true"> <code-example language="ts" hideCopy="true">
interface {$ doc.name $}{$ doc.typeParams | escape $}{$ memberHelper.renderHeritage(doc) $} {{$ memberHelper.renderMembers(doc) $} interface {$ doc.name $}{$ doc.typeParams | escape $}{$ memberHelper.renderHeritage(doc) $} {{$ memberHelper.renderMembers(doc) $}
} }
</code-example> </code-example>
{$ descendants.renderDescendants(doc, 'interface', 'Child Interfaces') $}
{$ descendants.renderDescendants(doc, 'class', 'Class Implementations') $}
{% include "includes/see-also.html" %}
</section> </section>

5
aio/tools/transforms/templates/api/interface.template.html
View File

@ -6,11 +6,6 @@
{% block overview %}{% include "includes/interface-overview.html" %}{% endblock %} {% block overview %}{% include "includes/interface-overview.html" %}{% endblock %}
{% block details %} {% block details %}
{% include "includes/description.html" %} {% include "includes/description.html" %}
<div class="inline-sidebar">
{$ descendants.renderDescendants(doc, 'interface', 'Child Interfaces') $}
{$ descendants.renderDescendants(doc, 'class', 'Class Implementations') $}
{% include "includes/see-also.html" %}
</div>
{$ memberHelper.renderProperties(doc.properties, 'instance-properties', 'instance-property', 'Properties') $} {$ memberHelper.renderProperties(doc.properties, 'instance-properties', 'instance-property', 'Properties') $}
{$ memberHelper.renderMethodDetails(doc.methods, 'instance-methods', 'instance-method', 'Methods') $} {$ memberHelper.renderMethodDetails(doc.methods, 'instance-methods', 'instance-method', 'Methods') $}
{% endblock %} {% endblock %}