Skip to content

Commit 5556d9d

Browse files
JTorreGJTorreG
committed
feat: weight order affects sections/pages
1 parent 3830619 commit 5556d9d

File tree

1 file changed

+109
-73
lines changed

1 file changed

+109
-73
lines changed

‎layouts/partials/sidebar.html

Lines changed: 109 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -12,32 +12,59 @@ <h3>
1212
{{.Site.Title}}</a>
1313
</h3>
1414
<ul>
15-
{{ range .Site.Sections }}
15+
{{ range where .Site.Pages.ByWeight "Section" "=" "" }}
16+
{{ range .Pages.ByWeight }}
17+
{{if eq .Kind "page"}}<!-- Level 1 Regular Pages -->
18+
<!-- Create a regular list item for pages -->
19+
<ul class="sidebar-reg-padding">
20+
<div class="accordion" id="accordion1">
21+
<div class="accordion-group">
22+
<div class="accordion-heading">
23+
<ul>
24+
<li class="nginx-toc-link l1">
25+
<a data-menu-id="{{.RelPermalink}}"
26+
href="{{ .Permalink }}">{{ .Title }}</a>
27+
</li>
28+
</ul>
29+
</div>
30+
</div>
31+
</div>
32+
</ul>
33+
<!-- Create an accordion group for Level 1 sections -->
34+
{{ else }}
1635
<div class="accordion" id="accordion1">
1736
<div class="accordion-group">
1837
<div class="accordion-heading">
1938
<li class="nginx-toc-link l1">
20-
{{ $theRealSection := (print "/" $.Section "/") }}
21-
{{ if eq .RelPermalink $theRealSection }}
22-
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle" aria-expanded="true"
23-
{{ else }}
24-
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle" aria-expanded="false"
25-
{{ end }}
39+
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle" aria-expanded="false"
2640
data-toggle="collapse" href="#" data-target="#{{.Section | urlize}}--{{.Title | urlize}}"
2741
aria-controls="{{.Section | urlize}}--{{.Title | urlize}}">
2842
<i class="fa fa-sm fa-fw fa-chevron-right"></i><i
2943
class="fa fa-sm fa-fw fa-chevron-down"></i>{{ .Title }}</a>
3044
</li>
3145
</div>
32-
<!-- This is necessary to expand the current product after clicking on the product cards in docs.nginx.com-->
33-
{{ if eq .RelPermalink $theRealSection }}
34-
<div id="{{.Section | urlize}}--{{.Title | urlize}}" class="accordion-body collapse show">
35-
{{ else }}
3646
<div id="{{.Section | urlize}}--{{.Title | urlize}}" class="accordion-body collapse">
37-
{{ end }}
3847
<div class="accordion-inner">
39-
{{ range .Sections }}
40-
<div class="accordion" id="accordion2">
48+
{{ range .Pages.ByWeight }}<!-- Level 2 Regular Pages -->
49+
<!-- Create a regular list item for pages -->
50+
{{if eq .Kind "page"}}
51+
<ul class="sidebar-reg-padding">
52+
<div class="accordion" id="accordion2">
53+
<div class="accordion-group sidebar-il-border">
54+
<div class="accordion-heading">
55+
<ul>
56+
<li class="nginx-toc-link l2">
57+
<a data-menu-id="{{.RelPermalink}}"
58+
href="{{ .Permalink }}">{{ .Title }}</a>
59+
</li>
60+
</ul>
61+
</div>
62+
</div>
63+
</div>
64+
</ul>
65+
<!-- Create an accordion group for Level 2 sections -->
66+
{{ else }}
67+
<div class="accordion" id="Accordion2">
4168
<div class="sidebar-l1-padding">
4269
<div class="accordion-group sidebar-il-border">
4370
<div class="accordion-heading">
@@ -46,14 +73,24 @@ <h3>
4673
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle"
4774
aria-expanded="false" data-toggle="collapse"
4875
href="#{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}">
49-
<i class="fa fa-sm fa-fw fa-chevron-right"></i><i
50-
class="fa fa-sm fa-fw fa-chevron-down"></i>{{ .Title }}</a>
76+
<i class="fa fa-2xs fa-fw fa-chevron-right"></i><i
77+
class="fa fa-2xs fa-fw fa-chevron-down"></i>{{ .Title }}</a>
5178
</li>
5279
<ul>
5380
</div>
5481
<div id="{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}" class="accordion-body collapse leaf">
5582
<div class="accordion-inner">
56-
{{ range .Sections }}
83+
84+
{{ range .Pages.ByWeight }}<!-- Level 3 Regular Pages -->
85+
<!-- Create a regular list item for pages -->
86+
{{if eq .Kind "page"}}
87+
<ul class="sidebar-l2-padding">
88+
<li class="nginx-toc-link l3 sidebar-il-border">
89+
<a data-menu-id="{{.RelPermalink}}" href="{{ .Permalink }}">{{ .Title }}</a>
90+
</li>
91+
</ul>
92+
<!-- Create an accordion group for Level 3 sections -->
93+
{{else}}
5794
<div class="accordion" id="Accordion3">
5895
<div class="sidebar-l2-padding">
5996
<div class="accordion-group sidebar-il-border">
@@ -63,15 +100,24 @@ <h3>
63100
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle"
64101
aria-expanded="false" data-toggle="collapse"
65102
href="#{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}">
66-
<i class="fa fa-sm fa-fw fa-chevron-right"></i><i
67-
class="fa fa-sm fa-fw fa-chevron-down"></i>{{ .Title }}</a>
103+
<i class="fa fa-2xs fa-fw fa-chevron-right"></i><i
104+
class="fa fa-2xs fa-fw fa-chevron-down"></i>{{ .Title }}</a>
68105
</li>
69106
<ul>
70107
</div>
71-
72108
<div id="{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}" class="accordion-body collapse leaf">
73109
<div class="accordion-inner">
74-
{{ range .Sections }}
110+
{{ range .Pages.ByWeight }}<!-- Level 4 Regular Pages -->
111+
<!-- Create a regular list item for pages -->
112+
{{if eq .Kind "page"}}
113+
<ul class="sidebar-l2-padding">
114+
<li class="nginx-toc-link l3 sidebar-il-border ">
115+
<a data-menu-id="{{.RelPermalink}}"
116+
href="{{ .Permalink }}">{{ .Title }}</a>
117+
</li>
118+
</ul>
119+
<!-- Create an accordion group for Level 4 sections -->
120+
{{else}}
75121
<div class="accordion" id="Accordion4">
76122
<div class="sidebar-l2-padding">
77123
<div class="accordion-group sidebar-il-border">
@@ -80,86 +126,76 @@ <h3>
80126
<li class="nginx-toc-link l2">
81127
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle"
82128
aria-expanded="false" data-toggle="collapse"
83-
href="#{{.Section | urlize}}--{{.Parent.Parent.File.ContentBaseName}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}">
84-
<i class="fa fa-sm fa-fw fa-chevron-right"></i><i
85-
class="fa fa-sm fa-fw fa-chevron-down"></i>{{ .Title }}</a>
129+
href="#{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}">
130+
<i class="fa fa-2xs fa-fw fa-chevron-right"></i><i
131+
class="fa fa-2xs fa-fw fa-chevron-down"></i>{{ .Title }}</a>
86132
</li>
87133
<ul>
88134
</div>
89-
90-
<div id="{{.Section | urlize}}--{{.Parent.Parent.File.ContentBaseName}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}" class="accordion-body collapse leaf">
135+
<div id="{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}" class="accordion-body collapse leaf">
91136
<div class="accordion-inner">
92-
{{ range .Pages }}
93-
<ul class="sidebar-l2-padding">
94-
<li class="nginx-toc-link l3 sidebar-il-border ">
95-
<a data-menu-id="{{.RelPermalink}}"
96-
href="{{ .Permalink }}">{{ .Title }}</a>
97-
</li>
98-
</ul>
99-
{{ end }}
137+
{{ range .Pages.ByWeight }}<!-- Level 5 Regular Pages -->
138+
<!-- Create a regular list item for pages -->
139+
{{if eq .Kind "page"}}
140+
<ul class="sidebar-l2-padding">
141+
<li class="nginx-toc-link l3 sidebar-il-border ">
142+
<a data-menu-id="{{.RelPermalink}}"
143+
href="{{ .Permalink }}">{{ .Title }}</a>
144+
</li>
145+
</ul>
146+
<!-- Create an accordion group for Level 5sections -->
147+
{{else}}
148+
<div class="accordion" id="Accordion5">
149+
<div class="sidebar-l2-padding">
150+
<div class="accordion-group sidebar-il-border">
151+
<div class="accordion-heading">
152+
<ul>
153+
<li class="nginx-toc-link l2">
154+
<a data-menu-id="{{.RelPermalink}}" class="accordion-toggle"
155+
aria-expanded="false" data-toggle="collapse"
156+
href="#{{.Section | urlize}}--{{.Parent.File.ContentBaseName}}--{{.Title | urlize}}">
157+
<i class="fa fa-2xs fa-fw fa-chevron-right"></i><i
158+
class="fa fa-2xs fa-fw fa-chevron-down"></i>{{ .Title }}</a>
159+
</li>
160+
<ul>
161+
</div>
162+
</div>
163+
</div>
164+
</div>
165+
{{ end }}
166+
{{ end }}
100167
</div>
101168
</div>
102169
</div>
103170
</div>
104171
</div>
105172
{{ end }}
106-
{{ range .RegularPages }}
107-
<ul class="sidebar-l2-padding">
108-
<li class="nginx-toc-link l3 sidebar-il-border ">
109-
<a data-menu-id="{{.RelPermalink}}"
110-
href="{{ .Permalink }}">{{ .Title }}</a>
111-
</li>
112-
</ul>
113173
{{ end }}
114174
</div>
115175
</div>
116176
</div>
117177
</div>
118178
</div>
119179
{{ end }}
120-
{{ range .RegularPages }}
121-
<ul class="sidebar-l2-padding">
122-
<li class="nginx-toc-link l3 sidebar-il-border ">
123-
<a data-menu-id="{{.RelPermalink}}"
124-
href="{{ .Permalink }}">{{ .Title }}</a>
125-
</li>
126-
</ul>
127-
{{ end }}
180+
{{ end }}
128181
</div>
129182
</div>
130183
</div>
131184
</div>
132185
</div>
133186
{{ end }}
134-
{{ range .RegularPages }}
135-
<ul class="sidebar-reg-padding">
136-
<div class="accordion" id="accordion2">
137-
<div class="accordion-group sidebar-il-border">
138-
<div class="accordion-heading">
139-
<ul>
140-
<li class="nginx-toc-link l2">
141-
<a data-menu-id="{{.RelPermalink}}"
142-
href="{{ .Permalink }}">{{ .Title }}</a>
143-
</li>
144-
</ul>
145-
</div>
146-
</div>
147-
</div>
148-
</ul>
149-
{{ end }}
187+
{{ end }}
150188
</div>
151189
</div>
152190
</div>
153-
</div>
191+
</div>
154192
{{ end }}
155-
</ul>
156-
{{ range where .Site.RegularPages "Section" "=" "" }}
157-
<ul>
158-
<li class="nginx-toc-link l1">
159-
<a data-menu-id="{{.RelPermalink}}" href="{{ .Permalink }}">{{ .Title }}</a>
160-
</li>
161-
</ul>
162193
{{ end }}
194+
{{ end }}
195+
196+
</ul>
197+
198+
<!-- close sidebar div-->
163199
</div>
164200
{{ end }}
165201

0 commit comments

Comments
 (0)