doc-versions-from-server (#9437)

docs/_static/js/custom.js

@@ -16,6 +16,7 @@ var wapSection = 'openvinotoolkit';
 })();
 
 $(document).ready(function() {
+    createVersions();
     init_col_sections();
     init_switchers();
     handleSwitcherParam();
@@ -26,6 +27,51 @@ $(document).ready(function() {
     }
 });
 
+function getCurrentVersion() {
+    var protocol = window.location.protocol + "//";
+    var index = window.location.href.indexOf(protocol);
+    var link = window.location.href.slice(index + protocol.length).split('/');
+    var wordAfterDomain = link[1];
+    if (wordAfterDomain === 'cn') {
+        wordAfterDomain = link[2];
+    }
+    if (["index.html", "404.html", "", "latest"].indexOf(wordAfterDomain) >= 0) {
+        /*
+        * If this landing page, 404 or domain.com we should get first version
+        * */
+        return versions[0].version;
+    }
+    return encodeURI(wordAfterDomain);
+}
+
+
+function createVersions() {
+    var versions;
+    var currentVersion = getCurrentVersion()
+    
+    try {
+        versions = JSON.parse(data);
+    }
+    catch(err) {
+        console.log(err);
+        versions = [];
+    }
+    var versionBtn = $('#version-selector');
+    versionBtn.text(currentVersion);
+    versionBtn.width((currentVersion.length * 10) + 'px');
+    var versionsContainer = $('[aria-labelledby="version-selector"]');
+    versions.forEach(item => {
+        var link = $('<a class="dropdown-item" href="#">' + item.version + '</a>');
+        if (item.version === currentVersion) {
+            link.addClass('font-weight-bold');
+        }
+        versionsContainer.append(link);
+    })
+    var downloadBtn = $('#download-zip-btn');
+    downloadBtn.attr('href', '/archives/' + currentVersion + '.zip')
+
+}
+
 
 function addTableSort() {
     var tables = $('table.table');

docs/conf.py

@@ -81,16 +81,8 @@ html_theme_options = {
 }
 
 html_context = {
-    'current_version': 'nightly',
     'current_language': 'English',
-    'languages': (('English', '/latest'), ('Chinese', '/cn/latest')),
-    'versions': (('Latest', '/latest'), ('nightly', '/nightly'), ('2021.4', '/2021.4'),
-                ('2021.3', '/2021.3'), ('2021.2', '/2021.2'), ('2021.1', '/2021.1'),
-                 ('2020.4', '/2020.4'), ('2020.3', '/2020.3'), ('2020.2', '/2020.1'),
-                  ('2020.1', '/2020.1'), ('2019_R3.1', '/2019_R3.1'), ('2019_R3', '/2019_R3'),
-                   ('2019_R2', '/2019_R2'), ('2019_R1.1', '/2019_R1.1'),  ('2019_R1.01', '/2019_R1.01'),
-                    ('2019_R1', '/2019_R1'), ('2018_R5', '/2018_R5'),),
-    'download_docs_url': '/archives/2021.4.zip'
+    'languages': (('English', '/latest'), ('Chinese', '/cn/latest'))
 }
 
 repositories = {

docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/download-docs.html

@@ -6,9 +6,7 @@
     </button>
     <div class="dropdown-menu" aria-labelledby="download-options">
       <a class="dropdown-item" href="#" onclick="window.print()">.pdf</a>
-      {% if download_docs_url %}
-      <a class="dropdown-item" href="{{download_docs_url}}">.zip</a>
-      {% endif %}
+      <a id="download-zip-btn" class="dropdown-item" href="#">.zip</a>
     </div>
   </div>
 </div>

docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html

@@ -24,6 +24,7 @@
     <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-barchart-background@1.3.0/build/Plugin.Barchart.Background.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.1/papaparse.min.js"></script>
+    <script src="/assets/versions_raw.js"></script>
 {% endblock %}
 
 {%- block content %}

docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/version-selector.html

@@ -1,15 +1,6 @@
 {# Add version selector #}
-{% if versions and current_version %}
 <div class="dropdown sst-dropdown sst-dropdown-navbar">
-  <button class="btn sst-btn dropdown-toggle" type="button" id="version-selector" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{current_version}}</button>
+  <button class="btn sst-btn dropdown-toggle" type="button" id="version-selector" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
   <div class="dropdown-menu" aria-labelledby="version-selector">
-    {% for slug, url in versions%}
-      {% if slug == current_version %}
-        <a class="dropdown-item font-weight-bold" href="{{ url }}/{{ pagename }}.html">{{ slug }}</a>
-      {% else %}
-        <a  class="dropdown-item" href="{{ url }}/{{ pagename }}.html">{{ slug }}</a>
-      {% endif %}
-    {% endfor %}
   </div>
 </div>
-{% endif %}