- Move addEventListener part to lib/static

- Remove comments
facebook · Oct 27, 2018 · 070678a · 070678a
1 parent c54abee
commit 070678a
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 24 deletions.
diff --git a/v1/lib/core/CodeTabsMarkdownBlock.js b/v1/lib/core/CodeTabsMarkdownBlock.js
@@ -12,7 +12,7 @@ class MarkdownBlock extends React.Component {
 
     const tabs = this.props.children.map(({title, content}) => ({
       id: _.uniqueId(),
-      groupId: groupId,
+      groupId,
       label: title,
       lang: title,
       panelContent: <Remarkable source={content} />,

diff --git a/v1/lib/core/Doc.js b/v1/lib/core/Doc.js
@@ -98,8 +98,6 @@ class Doc extends React.Component {
       );
     }
 
-    // const a = this.props.content.split(/(DOCUSAURUS_CODE_TABS)(.*?)(END_DOCUSAURUS_CODE_TABS)/gms)
-    // console.log(a.length, a);
     return (
       <div className="post">
         <header className="postHeader">

diff --git a/v1/lib/core/Head.js b/v1/lib/core/Head.js
@@ -188,6 +188,7 @@ class Head extends React.Component {
           rel="stylesheet"
           href={`${this.props.config.baseUrl}css/main.css`}
         />
+        <script src={`${this.props.config.baseUrl}js/codetabs.js`} />
       </head>
     );
   }

diff --git a/v1/website/static/js/code-blocks-buttons.js b/v1/website/static/js/code-blocks-buttons.js
@@ -44,25 +44,4 @@ window.addEventListener('load', function() {
       textEl.textContent = 'Copy';
     }, 2000);
   });
-
-  // add event listener for all tab
-  document.querySelectorAll('.nav-link').forEach(function(el) {
-    el.addEventListener('click', function(e) {
-      const groupId = e.target.getAttribute('data-group');
-      document
-        .querySelectorAll(`.nav-link[data-group=${groupId}]`)
-        .forEach(function(el) {
-          el.classList.remove('active');
-        });
-      document
-        .querySelectorAll(`.tab-pane[data-group=${groupId}]`)
-        .forEach(function(el) {
-          el.classList.remove('active');
-        });
-      e.target.classList.add('active');
-      document
-        .querySelector(`#${e.target.getAttribute('data-tab')}`)
-        .classList.add('active');
-    });
-  });
 });