|
1 |
| -const LOCAL_STORAGE_COLLAPSE_KEY = "sidebar-collapsed"; |
| 1 | +const LOCAL_STORAGE_COLLAPSE_KEY = 'sidebar-collapsed'; |
2 | 2 |
|
3 | 3 | function handleInitialCollapse() {
|
4 | 4 | const collapsed = localStorage.getItem(LOCAL_STORAGE_COLLAPSE_KEY);
|
5 | 5 |
|
6 |
| - if (collapsed === "true") { |
7 |
| - $("#sidebar-toggle-button").attr({ |
8 |
| - "aria-expanded": "false", |
9 |
| - title: "Show sidebar navigation", |
| 6 | + if (collapsed === 'true') { |
| 7 | + $('#sidebar-toggle-button').attr({ |
| 8 | + 'aria-expanded': 'false', |
| 9 | + title: 'Show sidebar navigation', |
10 | 10 | });
|
11 |
| - $(".sidenav").css("max-width", "2.4rem"); |
12 |
| - $("#sidebar-wrapper").addClass("sidebar-toggle-collapsed"); |
13 |
| - $(".content").addClass("sidebar-content-collapsed-width"); |
14 |
| - $(".nginx-docs-api-container").addClass("sidebar-redoc-collapsed-width"); |
| 11 | + $('.sidenav').css('max-width', '2.4rem'); |
| 12 | + $('#sidebar-wrapper').addClass('sidebar-toggle-collapsed'); |
| 13 | + $('.content').addClass('sidebar-content-collapsed-width'); |
| 14 | + $('.nginx-docs-api-container').addClass('sidebar-redoc-collapsed-width'); |
15 | 15 | } else {
|
16 |
| - $("#sidebar-toggle-button").attr({ |
17 |
| - "aria-expanded": "true", |
18 |
| - title: "Hide sidebar navigation", |
| 16 | + $('#sidebar-toggle-button').attr({ |
| 17 | + 'aria-expanded': 'true', |
| 18 | + title: 'Hide sidebar navigation', |
19 | 19 | });
|
20 |
| - $(".sidenav").css("max-width", "100%"); |
21 |
| - $(".content").addClass("sidebar-content-collapsed-width"); |
22 |
| - $("#sidebar-wrapper").addClass("hide-sidebar-border"); |
| 20 | + $('.sidenav').css('max-width', '100%'); |
| 21 | + $('.content').addClass('sidebar-content-collapsed-width'); |
| 22 | + $('#sidebar-wrapper').addClass('hide-sidebar-border'); |
23 | 23 | }
|
24 | 24 | }
|
25 | 25 |
|
26 | 26 | function handleSetCollapse() {
|
27 |
| - $("#sidebar-wrapper").addClass("sidebar-toggle-animate"); |
| 27 | + $('#sidebar-wrapper').addClass('sidebar-toggle-animate'); |
28 | 28 |
|
29 | 29 | const collapsed = localStorage.getItem(LOCAL_STORAGE_COLLAPSE_KEY);
|
30 | 30 |
|
31 |
| - if (collapsed === "false") { |
32 |
| - $("#sidebar-toggle-button").attr({ |
33 |
| - "aria-expanded": "false", |
34 |
| - title: "Show sidebar navigation", |
| 31 | + if (collapsed === 'false') { |
| 32 | + $('#sidebar-toggle-button').attr({ |
| 33 | + 'aria-expanded': 'false', |
| 34 | + title: 'Show sidebar navigation', |
35 | 35 | });
|
36 |
| - $("#sidebar-wrapper").addClass("sidebar-toggle-collapsed"); |
37 |
| - $(".content").addClass("sidebar-content-collapsed-width"); |
38 |
| - $(".nginx-docs-api-container").addClass("sidebar-redoc-collapsed-width"); |
| 36 | + $('#sidebar-wrapper').addClass('sidebar-toggle-collapsed'); |
| 37 | + $('.content').addClass('sidebar-content-collapsed-width'); |
| 38 | + $('.nginx-docs-api-container').addClass('sidebar-redoc-collapsed-width'); |
39 | 39 | localStorage.setItem(LOCAL_STORAGE_COLLAPSE_KEY, true);
|
40 | 40 | } else {
|
41 |
| - $("#sidebar-toggle-button").attr({ |
42 |
| - "aria-expanded": "true", |
43 |
| - title: "Hide sidebar navigation", |
| 41 | + $('#sidebar-toggle-button').attr({ |
| 42 | + 'aria-expanded': 'true', |
| 43 | + title: 'Hide sidebar navigation', |
44 | 44 | });
|
45 |
| - $(".sidenav").css("max-width", "100%"); |
46 |
| - $("#sidebar-wrapper").addClass("hide-sidebar-border"); |
47 |
| - $("#sidebar-wrapper").removeClass("sidebar-toggle-collapsed"); |
48 |
| - $(".content").removeClass("sidebar-content-collapsed-width"); |
49 |
| - $(".nginx-docs-api-container").removeClass("sidebar-redoc-collapsed-width"); |
| 45 | + $('.sidenav').css('max-width', '100%'); |
| 46 | + $('#sidebar-wrapper').addClass('hide-sidebar-border'); |
| 47 | + $('#sidebar-wrapper').removeClass('sidebar-toggle-collapsed'); |
| 48 | + $('.content').removeClass('sidebar-content-collapsed-width'); |
| 49 | + $('.nginx-docs-api-container').removeClass('sidebar-redoc-collapsed-width'); |
50 | 50 | localStorage.setItem(LOCAL_STORAGE_COLLAPSE_KEY, false);
|
51 | 51 | }
|
52 | 52 | }
|
53 | 53 |
|
54 | 54 | function handleAnimationEnd(event) {
|
55 | 55 | const collapsed = localStorage.getItem(LOCAL_STORAGE_COLLAPSE_KEY);
|
56 |
| - if (collapsed === "true") { |
57 |
| - $(this).css("max-width", "2.4rem"); |
| 56 | + if (collapsed === 'true') { |
| 57 | + $(this).css('max-width', '2.4rem'); |
58 | 58 | }
|
59 | 59 | }
|
60 | 60 |
|
61 | 61 | // This code makes the sidebar remember which sections has been clicked when using the sidebar
|
62 |
| -$(document).ready(function () { |
| 62 | +$(document).ready(() => { |
63 | 63 | // sidebar toggle navigation logic
|
64 | 64 | handleInitialCollapse();
|
65 |
| - $("#sidebar-toggle-button").on("click", handleSetCollapse); |
66 |
| - $(".sidenav").on("transitionend", handleAnimationEnd); |
| 65 | + $('#sidebar-toggle-button').on('click', handleSetCollapse); |
| 66 | + $('.sidenav').on('transitionend', handleAnimationEnd); |
67 | 67 |
|
68 |
| - $(".sidebar .nginx-toc-link a").each(function (i, item) { |
69 |
| - if (item.dataset.menuId == $(".main").data("menuId")) { |
70 |
| - $(item).css("color", "#429345"); |
71 |
| - $(item).css("font-weight", "500"); |
| 68 | + $('.sidebar .nginx-toc-link a').each((i, item) => { |
| 69 | + if (item.dataset.menuId === $('.main').data('menuId')) { |
| 70 | + $(item).css('color', '#429345'); |
| 71 | + $(item).css('font-weight', '500'); |
72 | 72 |
|
73 | 73 | // Remove "collapsed" class and set aria-expanded to "true" for the current item
|
74 |
| - $(item).removeClass("collapsed"); |
75 |
| - $(item).attr("aria-expanded", "true"); |
| 74 | + $(item).removeClass('collapsed'); |
| 75 | + $(item).attr('aria-expanded', 'true'); |
76 | 76 |
|
77 | 77 | // Capture data-target value
|
78 |
| - var targetId = $(item).data("target"); |
| 78 | + const targetId = $(item).data('target'); |
79 | 79 | if (!targetId) {
|
80 |
| - var hrefValue = $(item).attr("href"); |
| 80 | + const hrefValue = $(item).attr('href'); |
81 | 81 | // Add "show" class to the corresponding divs with matching id
|
82 |
| - var targetDivs = $("div[id='" + hrefValue.replace("#", "") + "']"); |
83 |
| - targetDivs.addClass("show"); |
| 82 | + const targetDivs = $("div[id='" + hrefValue.replace('#', '') + "']"); |
| 83 | + targetDivs.addClass('show'); |
84 | 84 | } else {
|
85 |
| - $(targetId).addClass("show"); |
| 85 | + $(targetId).addClass('show'); |
86 | 86 | }
|
87 | 87 |
|
88 | 88 | // Expand parents
|
89 | 89 | $(item)
|
90 |
| - .parents(".collapse") |
91 |
| - .each(function (i, el) { |
92 |
| - var col = new bootstrap.Collapse(el, { |
| 90 | + .parents('.collapse') |
| 91 | + .each((i, el) => { |
| 92 | + const col = new bootstrap.Collapse(el, { |
93 | 93 | toggle: false,
|
94 | 94 | });
|
95 | 95 | col.show();
|
96 | 96 | });
|
97 | 97 |
|
98 |
| - $(item).next(".accordion-body").find(".collapse").addClass("show"); |
| 98 | + $(item).next('.accordion-body').find('.collapse').addClass('show'); |
99 | 99 | }
|
100 | 100 | });
|
101 | 101 | });
|
0 commit comments