|
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