iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
angular-docs-cn/aio/src/app/app.component.html

74 lines
3.5 KiB
HTML
Raw Normal View History

fix(aio): fix scrolling to top (#17102) Previously, the `#top-of-page` element (used when scrolling to top) was placed inside the content section (which at the time had zero top margin and padding). Furthermore, there was a top offset applied when scrolling that took the static top bar's height into account. Since now the top bar is not static any more and the content section has a non-zero top padding, scrolling to top does not work as expected. This commit fixes this by: - Moving the `#top-of-page` element to the top of the `aio-shell`. - Stop accounting for the top bar's top. Fixes #17006
2017-06-02 00:03:10 +03:00
<div id="top-of-page"></div>
feat(aio): add progress bar closes #16110
2017-05-19 01:52:37 -07:00
<div *ngIf="isFetching" class="progress-bar-container">
build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702) all the non-npm changes were made by the angular-material-prefix-updater tool. the tool missed a few things, which I'll fix in a separate commit to preserve the diff. -rw-r--r-- 1 iminar eng 14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js -rw-r--r-- 1 iminar eng 1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js -rw-r--r-- 1 iminar eng 578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js -rw-r--r-- 1 iminar eng 37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js PR Close #19702
2017-10-13 13:02:27 -07:00
<mat-progress-bar mode="indeterminate" color="warn"></mat-progress-bar>
feat(aio): add progress bar closes #16110
2017-05-19 01:52:37 -07:00
</div>
fix(aio): improve printing styles (#19651) printfix PR Close #19651
2017-10-10 23:45:55 -07:00
<mat-toolbar color="primary" class="app-toolbar no-print" [class.transitioning]="isTransitioning">
feat(aio): implement survey notification link (#21371) Closes #21094 PR Close #21371
2018-01-11 13:56:01 +00:00
<mat-toolbar-row class="notification-container">
<aio-notification
icon="insert_comment"
feat(aio): add v6 release notification (#23690) PR Close #23690
2018-05-03 15:55:38 -07:00
iconLabel="Announcement"
buttonText="Learn More"
actionUrl="https://blog.angular.io/version-6-0-0-of-angular-now-available-cc56b0efa7a4"
notificationId="angular-v6-announcement"
expirationDate="2018-07-01"
feat(aio): implement survey notification link (#21371) Closes #21094 PR Close #21371
2018-01-11 13:56:01 +00:00
(dismissed)="notificationDismissed()">
feat(aio): add v6 release notification (#23690) PR Close #23690
2018-05-03 15:55:38 -07:00
Version 6 of Angular Now Available!
feat(aio): implement survey notification link (#21371) Closes #21094 PR Close #21371
2018-01-11 13:56:01 +00:00
</aio-notification>
</mat-toolbar-row>
<mat-toolbar-row>
fix(aio): reduce flicker and reflows for initial rendering (#21695) For the initial rendering, where there is no transition from a previous visual state to a new one, animations make little sense. The page should load with as few reflows as possible. Similarly, while we typically want to defer updating the SideNav state (e.g. opened/closed) until the "leaving" document is animated out of the page, on the initial rendering (where there is no "leaving" document) this leads to the SideNav flashing (from closed to open). These worked as expected before, but several parts (mostly related to documents with a SideNav) have been accidentally broken in recent commits (e.g. when upgraded to latest material, or enabled animations for DocViewer transitions, etc.). This commit restores the previous behavior by ensuring that (on the initial rendering) the SideNav state is updated as soon as possible and that there will be no animations when: 1. The hamburger button appears. 2. The SideNav is opened. 3. The main section's width is adjusted to make room for the SideNav. PR Close #21695
2018-01-21 14:41:52 +02:00
<button mat-button class="hamburger" [class.starting]="isStarting" (click)="sidenav.toggle()" title="Docs menu">
feat(aio): implement survey notification link (#21371) Closes #21094 PR Close #21371
2018-01-11 13:56:01 +00:00
<mat-icon svgIcon="menu"></mat-icon>
</button>
<a class="nav-link home" href="/" [ngSwitch]="isSideBySide">
<img *ngSwitchCase="true" src="assets/images/logos/angular/logo-nav@2x.png" width="150" height="40" title="Home" alt="Home">
<img *ngSwitchDefault src="assets/images/logos/angular/shield-large.svg" width="37" height="40" title="Home" alt="Home">
</a>
<aio-top-menu *ngIf="isSideBySide" [nodes]="topMenuNodes"></aio-top-menu>
<aio-search-box class="search-container" #searchBox (onSearch)="doSearch($event)" (onFocus)="doSearch($event)"></aio-search-box>
feat(docs-infra): Add GitHub and Twitter external icon links to topnav toolbar (#24542) PR Close #24542
2018-06-15 14:07:52 -07:00
<div class="toolbar-external-icons-container">
<a href="https://twitter.com/angular" title="Twitter">
<img src="assets/images/logos/twitter-icon.svg"></a>
<a href="https://github.com/angular/angular" title="GitHub">
<img src="assets/images/logos/github-icon.svg"></a>
</div>
feat(aio): implement survey notification link (#21371) Closes #21094 PR Close #21371
2018-01-11 13:56:01 +00:00
</mat-toolbar-row>
build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702) all the non-npm changes were made by the angular-material-prefix-updater tool. the tool missed a few things, which I'll fix in a separate commit to preserve the diff. -rw-r--r-- 1 iminar eng 14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js -rw-r--r-- 1 iminar eng 1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js -rw-r--r-- 1 iminar eng 578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js -rw-r--r-- 1 iminar eng 37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js PR Close #19702
2017-10-13 13:02:27 -07:00
</mat-toolbar>
fix(aio): improve printing styles (#19651) printfix PR Close #19651
2017-10-10 23:45:55 -07:00
feat(aio): allow SearchService to have multiple clients (#19682) PR Close #19682
2017-10-11 22:04:50 +01:00
<aio-search-results #searchResultsView *ngIf="showSearchResults" [searchResults]="searchResults | async" (resultSelected)="hideSearchResults()"></aio-search-results>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702) all the non-npm changes were made by the angular-material-prefix-updater tool. the tool missed a few things, which I'll fix in a separate commit to preserve the diff. -rw-r--r-- 1 iminar eng 14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js -rw-r--r-- 1 iminar eng 1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js -rw-r--r-- 1 iminar eng 578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js -rw-r--r-- 1 iminar eng 37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js PR Close #19702
2017-10-13 13:02:27 -07:00
<mat-sidenav-container class="sidenav-container" [class.starting]="isStarting" [class.has-floating-toc]="hasFloatingToc" role="main">
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
test(aio): fix failing tests (#23234) PR Close #23234
2018-04-15 19:35:55 +03:00
<mat-sidenav [ngClass]="{'collapsed': !isSideBySide}" #sidenav class="sidenav" [mode]="mode" [opened]="isOpened" (openedChange)="updateHostClasses()">
fix(aio): sidebar folder state after select item Closes #17245 and #17253 When the user selects a doc item in the side nav: 1) expand folder(s) leading to the selected doc item 2) on a wide display, keep other already expanded folders open 3) on narrow (mobile) display, collapse other expanded folders Used to do (3) when wide. Issue #17245 asks for (2). That logic was bypassed for selected node when we allowed headers to have content because that unintentionally expanded the header’s folder when selected. Because the selected node is no longer a header with content, removing this exclusion also means that folders are expanded/collapsed with above logic even for API pages.
2017-06-08 15:46:32 -07:00
<aio-nav-menu *ngIf="!isSideBySide" [nodes]="topMenuNarrowNodes" [currentNode]="currentNodes?.TopBarNarrow" [isWide]="false"></aio-nav-menu>
<aio-nav-menu [nodes]="sideNavNodes" [currentNode]="currentNodes?.SideNav" [isWide]="isSideBySide"></aio-nav-menu>
feat(aio): revise Docs page; docs version selector in sidenav
2017-04-25 14:48:01 -07:00
feat(aio): add deploy mode to version picker See #18287
2017-07-26 20:24:59 +01:00
<div class="doc-version">
<aio-select (change)="onDocVersionChange($event.index)" [options]="docVersions" [selected]="currentDocVersion"></aio-select>
feat(aio): revise Docs page; docs version selector in sidenav
2017-04-25 14:48:01 -07:00
</div>
build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702) all the non-npm changes were made by the angular-material-prefix-updater tool. the tool missed a few things, which I'll fix in a separate commit to preserve the diff. -rw-r--r-- 1 iminar eng 14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js -rw-r--r-- 1 iminar eng 1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js -rw-r--r-- 1 iminar eng 578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js -rw-r--r-- 1 iminar eng 37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js PR Close #19702
2017-10-13 13:02:27 -07:00
</mat-sidenav>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
feat(aio): search results accessibility items Add visually hidden class and apply to h2 in search results Changed h2 group headers to h3s Add roles to main and content Fix API material icon placement Image alt additions where needed Add lang attribute to html tag Add aria-label on search input
2017-04-17 10:57:49 -07:00
<section class="sidenav-content" [id]="pageId" role="content">
feat(aio): update UI based on deployment mode * Add a banner if the mode is "archive" * Add a `mode-...` class to the `aio-shell` element to enable mode based theming. See #18287
2017-07-26 18:36:00 +01:00
<aio-mode-banner [mode]="deployment.mode" [version]="versionInfo"></aio-mode-banner>
fix(aio): improve transitions between pages - Avoid unnecessary animations, style transitions, repositioning on initial rendering. - Better handle transitioning from/to Home page (which is the only page with transparent top-menu). - Better coordinate sidenav and hamburger animations with page transitions. - Improve fade-in/out animations. Fixes #20996
2017-12-19 02:26:12 +02:00
<aio-doc-viewer [class.no-animations]="isStarting"
[doc]="currentDocument"
(docReady)="onDocReady()"
(docRemoved)="onDocRemoved()"
(docInserted)="onDocInserted()"
(docRendered)="onDocRendered()">
</aio-doc-viewer>
feat(aio): add DtComponent to view/change the raw contents
2017-04-01 21:45:32 -07:00
<aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
fix(aio): reimplement the top menu dropping into the side bar I couldn't find the CSS for the `.small` class to make it look nice.
2017-03-06 15:08:34 +00:00
</section>
feat(aio): refactors AppComponent and its kids + sidenav hiding (#15570) -hides sidenav when current doc is not in sidenav menu -displays top menu on the side as nodes instead of mini top menu
2017-03-29 14:13:40 -07:00
build(aio): upgrade to @angular/{material,cdk}@2.0.0-beta.11 + md->mat migration (#19702) all the non-npm changes were made by the angular-material-prefix-updater tool. the tool missed a few things, which I'll fix in a separate commit to preserve the diff. -rw-r--r-- 1 iminar eng 14942 Oct 13 13:09 dist/0.b19e913fbdd6507d346b.chunk.js -rw-r--r-- 1 iminar eng 1535 Oct 13 13:09 dist/inline.0592c25ceb544d6aca3d.bundle.js -rw-r--r-- 1 iminar eng 578250 Oct 13 13:09 dist/main.45d4edca3facc6d621e7.bundle.js -rw-r--r-- 1 iminar eng 37402 Oct 13 13:09 dist/polyfills.f8409a9eb69060ac1aa6.bundle.js PR Close #19702
2017-10-13 13:02:27 -07:00
</mat-sidenav-container>
feat(aio): marketing responsive items and footer
2017-03-22 22:34:53 -07:00
fix(aio): improve printing styles (#19651) printfix PR Close #19651
2017-10-10 23:45:55 -07:00
<div *ngIf="hasFloatingToc" class="toc-container no-print" [style.max-height.px]="tocMaxHeight" (mousewheel)="restrainScrolling($event)">
fix(aio): show embedded ToC (#23944) On narrow screens (where there is not enough room on the right to show the floating ToC), an embedded ToC is shown (via an `<aio-toc embedded>` element in the document). Since ToC was not a custom element, the component was not instantiated for the embedded element. This commit fixes it by making `aio-toc` a custom element and loading it manually for the floating ToC (if necessary). PR Close #23944
2018-05-16 20:24:24 +03:00
<aio-lazy-ce selector="aio-toc"></aio-lazy-ce>
feat(aio): TOC float right + service refactor TOC appears in right panel when wide and hides embedded TOC Right TOC panel height adjusts dynamically during scroll Refactored `TocService` and its tests for clarity.
2017-05-02 10:13:10 -07:00
</div>
feat(aio): toc styling - TOC styling - TOC container placeholder
2017-05-02 10:13:10 -07:00
fix(aio): improve printing styles (#19651) printfix PR Close #19651
2017-10-10 23:45:55 -07:00
<footer class="no-print">
feat(aio): toc styling - TOC styling - TOC container placeholder
2017-05-02 10:13:10 -07:00
<aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
</footer>
feat(aio): fixed sidenav, moved footer inside of sidenav container (#16028) When content pages were short, the footer would take up a large part of the display area and the side nav would look like it was shorter than it really was. This change moves the footer into the main content area so that the nav always extends to the full length the browser.
2017-04-16 03:10:17 -07:00
Reference in New Issue Copy Permalink