|
40 | 40 | - var reference = sections('', function(item) { return item.reference; }); |
41 | 41 | - var anyItemSelected = function(items) { |
42 | 42 | - var selectedCount = items.filter(function(item) { return !!item.class; }).length; |
43 | | -- return selectedCount > 0 ? 'is-nav-title-selected' : ''; |
| 43 | +- return selectedCount > 0 ? 'is-selected' : ''; |
44 | 44 | - } |
45 | 45 | - var isQuickstartSelected = function() { |
46 | 46 | - var splitted = cur.split('/'); |
47 | 47 | - var bit = splitted[splitted.length - 1].replace('.html', ''); |
48 | | -- return bit === 'quickstart' ? 'is-nav-title-selected' : ''; |
| 48 | +- return bit === 'quickstart' ? 'is-selected' : ''; |
49 | 49 | -} |
50 | 50 | - var isApiReferenceSelected = function() { |
51 | 51 | - var splitted = cur.split('/'); |
52 | 52 | - var bit = splitted[splitted.length - 2]; |
53 | | -- return bit === 'api' ? 'is-nav-title-selected' : ''; |
| 53 | +- return bit === 'api' ? 'is-selected' : ''; |
54 | 54 | -} |
55 | 55 | - var isCollapsed = function(titleStyle) { |
56 | | -- return titleStyle === 'is-nav-title-selected' ? '' : 'is-hidden'; |
| 56 | +- return titleStyle === 'is-selected' ? '' : 'is-hidden'; |
57 | 57 | - } |
58 | 58 |
|
59 | | -nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav |
| 59 | +- var language = current.path[1] || 'ts' |
| 60 | +- if (language !== 'ts' || language !== 'js' || language !== 'dart') { language = 'ts'; } |
| 61 | + |
| 62 | + |
| 63 | +nav(class="sidenav l-pinned-left l-layer-4 l-offset-nav" ng-class="appCtrl.showDocsNav ? 'is-visible' : ''") |
60 | 64 | // SEARCH BAR |
61 | | - header.side-nav-search.st-input-wrapper |
| 65 | + header.sidenav-search.st-input-wrapper |
62 | 66 | form.st-input-inner |
63 | 67 | label(for="search-io" class="is-hidden") Search Docs |
64 | 68 | input(type="search" id="search-io" placeholder="SEARCH DOCS...") |
65 | 69 | button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="appCtrl.toggleDocsMenu($event)" md-button) Docs <span class="icon icon-arrow-drop-down"></span> |
66 | 70 |
|
67 | | - div(class="side-nav-secondary" ng-class="appCtrl.showDocsNav ? 'is-visible' : ''") |
68 | | - .nav-blocks |
| 71 | + ul(class="sidenav-links") |
| 72 | + li.sidenav-section.no-border |
| 73 | + a(class="nav-title" href="/docs/#{current.path[1]}/latest/") Docs Home |
| 74 | + |
| 75 | + // CORE DOCUMENTATION |
| 76 | + li.sidenav-section-divider |
| 77 | + h3 Core Documentation |
| 78 | + |
| 79 | + li.sidenav-section |
69 | 80 | a(class="nav-title #{isQuickstartSelected(cur)}" href="#{qs.href}" title="#{qs.tooltip}") Quickstart |
70 | 81 |
|
71 | | - .nav-blocks |
72 | | - a(class="nav-title #{anyItemSelected(tutorial)}" href="#{tutorial[0].href}" title="#{tutorial[0].tooltip}") Tutorial |
73 | | - img(class="inline-arrow-down-svg" src="/resources/images/icons/ic_keyboard_arrow_down_black_24px.svg") |
74 | | - .nav-ordered-lists(class="#{isCollapsed(anyItemSelected(tutorial))}") |
75 | | - ul |
76 | | - each item, index in tutorial |
77 | | - li(class="nav-list-item #{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{index + 1}. #{item.navTitle} |
78 | 82 |
|
79 | | - .nav-blocks |
80 | | - a(class="nav-title #{anyItemSelected(basics)}" href="#{basics[0].href}" title="#{basics[0].tooltip}") Basics |
| 83 | + li.sidenav-section |
| 84 | + a(class="nav-title is-parent #{anyItemSelected(basics)}" href="#{basics[0].href}" title="#{basics[0].tooltip}") Guide |
81 | 85 | img(class="inline-arrow-down-svg" src="/resources/images/icons/ic_keyboard_arrow_down_black_24px.svg") |
82 | 86 |
|
83 | 87 | .nav-ordered-lists(class="#{isCollapsed(anyItemSelected(basics))}") |
84 | 88 | ul |
85 | 89 | each item, index in basics |
86 | 90 | li(class="nav-list-item #{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{index + 1}. #{item.navTitle} |
| 91 | + li.sidenav-section.no-border |
| 92 | + a(class="nav-title #{isApiReferenceSelected()}" href="#{reference[0].href}" title="#{reference[0].tooltip}") API Reference |
| 93 | + |
| 94 | + // ADVANCED DOCUMENATION |
| 95 | + li.sidenav-section-divider |
| 96 | + h3 Additional Documentation |
| 97 | + |
| 98 | + li.sidenav-section |
| 99 | + a(class="nav-title is-parent #{anyItemSelected(tutorial)}" href="#{tutorial[0].href}" title="#{tutorial[0].tooltip}") Tutorial |
| 100 | + img(class="inline-arrow-down-svg" src="/resources/images/icons/ic_keyboard_arrow_down_black_24px.svg") |
| 101 | + .nav-ordered-lists(class="#{isCollapsed(anyItemSelected(tutorial))}") |
| 102 | + ul |
| 103 | + each item, index in tutorial |
| 104 | + li(class="nav-list-item #{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{index + 1}. #{item.navTitle} |
87 | 105 |
|
88 | | - .nav-blocks |
89 | | - a(class="nav-title #{anyItemSelected(guide)}" href="#{guide[0].href}" title="#{guide[0].tooltip}") Developer Guide |
| 106 | + li.sidenav-section |
| 107 | + a(class="nav-title is-parent #{anyItemSelected(guide)}" href="#{guide[0].href}" title="#{guide[0].tooltip}") Advanced Documentation |
90 | 108 | img(class="inline-arrow-down-svg" src="/resources/images/icons/ic_keyboard_arrow_down_black_24px.svg") |
91 | 109 |
|
92 | 110 | .nav-unordered-lists(class="#{isCollapsed(anyItemSelected(guide))}") |
93 | 111 | ul |
94 | 112 | each item in guide |
95 | 113 | li(class="nav-list-item #{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{item.navTitle} |
96 | 114 |
|
97 | | - .nav-blocks |
98 | | - a(class="nav-title #{anyItemSelected(cookbook)}" href="#{cookbook[0].href}" title="#{cookbook[0].tooltip}") Cookbook |
| 115 | + li.sidenav-section |
| 116 | + a(class="nav-title is-parent #{anyItemSelected(cookbook)}" href="#{cookbook[0].href}" title="#{cookbook[0].tooltip}") Cookbook |
99 | 117 | img(class="inline-arrow-down-svg" src="/resources/images/icons/ic_keyboard_arrow_down_black_24px.svg") |
100 | 118 |
|
101 | 119 | .nav-unordered-lists(class="#{isCollapsed(anyItemSelected(cookbook))}") |
102 | 120 | ul |
103 | 121 | each item in cookbook |
104 | 122 | li(class="nav-list-item #{item.class}"): a(href="#{item.href}" title="#{item.tooltip}") #{item.navTitle} |
105 | 123 |
|
106 | | - .nav-blocks |
107 | | - a(class="nav-title #{isApiReferenceSelected()}" href="#{reference[0].href}" title="#{reference[0].tooltip}") API Reference |
| 124 | + |
| 125 | + |
| 126 | + |
| 127 | + if current.path[0] == "docs" |
| 128 | + != partial("../../_includes/_version-dropdown") |
| 129 | + |
108 | 130 |
|
109 | 131 | script. |
110 | 132 | // Could put in appCtrl but only needed here and clear here |
111 | 133 | (function scrollToSelectedLink() { |
112 | | - var sideNav = document.getElementsByClassName('side-nav')[0]; |
| 134 | + var sideNav = document.getElementsByClassName('sidenav')[0]; |
113 | 135 | var link = sideNav.getElementsByClassName('is-selected')[0]; |
114 | 136 | if(link && link.offsetTop > window.innerHeight){ |
115 | 137 | sideNav.scrollTop = link.offsetTop - (window.innerHeight/2); |
|
0 commit comments