Load sidemenu navigation via jQuery.load (#83)

* load sidemenu navigation via jQuery.load * Set rootPath for JavaScript * Generate new navigation.html for JS * Generate single navigations for each Rails version Single navigation.html instead of _includes/navigation.html * load each navigations
railsdoc · Jun 6, 2021 · 309ed59 · 309ed59
1 parent e2a8918
commit 309ed59
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 22 deletions.
diff --git a/Rakefile b/Rakefile
@@ -66,15 +66,11 @@ def generate_src(target_version: nil)
   cd target_dir do
     cp INDEX_HTML, 'index.html'
 
-    if target_version.nil?
-      mv 'navigation.html', '_includes/navigation.html', force: true
-    else
-      # Replace absolute path in navigation.html
-      content = File.read("navigation.html")
-      content.gsub!("<a href=\"/", "<a href=\"/#{target_version}/")
-      File.write("navigation.html", content)
+    return if target_version.nil?
 
-      mv 'navigation.html', "../_includes/navigation#{target_version}.html", force: true
-    end
+    # Replace absolute path in navigation.html
+    content = File.read("navigation.html")
+    content.gsub!("<a href=\"/", "<a href=\"/#{target_version}/")
+    File.write("navigation.html", content)
   end
 end
diff --git a/_config.yml b/_config.yml
@@ -25,11 +25,14 @@ defaults:
       version: 6.1
       image: https://avatars.githubusercontent.com/u/4223
       toc: true
+      root_path: '/'
   - scope:
       path: "6.0"
     values:
       version: 6.0
+      root_path: '/6.0/'
   - scope:
       path: "5.2"
     values:
       version: 5.2
+      root_path: '/5.2/'
diff --git a/src/_includes/navigation5.2.html → src/5.2/navigation.html b/src/_includes/navigation5.2.html → src/5.2/navigation.html
diff --git a/src/6.0/navigation.html b/src/6.0/navigation.html
diff --git a/src/_includes/.keep b/src/_includes/.keep
diff --git a/src/_includes/navigation.html b/src/_includes/navigation.html
diff --git a/src/_includes/navigation6.0.html b/src/_includes/navigation6.0.html
diff --git a/src/_includes/navigation6.1.html b/src/_includes/navigation6.1.html
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -18,6 +18,10 @@
     gtag('js', new Date());
 
     gtag('config', 'UA-134470810-1');
+
+    window.config = {
+      rootPath: "{{ page.root_path }}"
+    }
   </script>
 </head>
 <body>
@@ -49,8 +53,7 @@
   <div class="container-fluid">
     <div class="row">
       <nav class="col-12 col-md-3 col-xl-2 d-none d-md-block bg-light sidebar-sticky">
-        <div class="sidebar-content">
-          {%- include_cached navigation{{ page.version }}.html -%}
+        <div id="navigation" class="sidebar-content">
         </div>
       </nav>
 

diff --git a/src/assets/js/app.js b/src/assets/js/app.js
@@ -6,12 +6,14 @@ $(() => {
   // highlight.js
   hljs.highlightAll();
 
-  $(".sidebar-sticky .icon").on("click", function (e) {
-    $(this).siblings("ul").toggle();
-    this.classList.toggle("icon-opened");
-  });
-  $(`.sidebar-content a[href='${window.location.pathname}']`)
-    .attr("class", "active-link")
-    .parents('ul')
-    .show();
+  $("#navigation").load(`${config.rootPath}navigation.html`, function() {
+    $(".sidebar-sticky .icon").on("click", function (e) {
+      $(this).siblings("ul").toggle();
+      this.classList.toggle("icon-opened");
+    });
+    $(`.sidebar-content a[href='${window.location.pathname}']`)
+      .attr("class", "active-link")
+      .parents('ul')
+      .show();
+  })
 });
diff --git a/src/navigation.html b/src/navigation.html