Move documentation

documentation/frontend/js/sourceCode.js

@@ -0,0 +1,58 @@
+document.addEventListener('DOMContentLoaded', function() {
+    var $tabSource = document.querySelector('#source-tab'),
+        $tabInfo = document.querySelector('#info-tab'),
+        $tabReadme = document.querySelector('#readme-tab'),
+        $tabTemplate = document.querySelector('#templateData-tab'),
+        $tabTree = document.querySelector('#tree-tab'),
+        $tabExample = document.querySelector('#example-tab'),
+        $prismPre = document.querySelector('pre.compodoc-sourcecode');
+    if ($tabSource && $prismPre) {
+        $prismCode = $prismPre.querySelector('code'),
+        $content = document.querySelector('.content'),
+        prismLinks = document.querySelectorAll('.link-to-prism')
+
+        for (var i = 0; i < prismLinks.length; i++) {
+            prismLinks[i].addEventListener('click', linkToPrism, false);
+        }
+
+        function linkToPrism(event) {
+            var targetLine = event.target.getAttribute('data-line');
+            event.preventDefault();
+
+            $prismPre.setAttribute('data-line', targetLine);
+            Prism.highlightElement($prismCode, function() {});
+
+            $tabSource.click();
+
+            setTimeout(function() {
+                var $prismHighlightLine = document.querySelector('.line-highlight'),
+                    top = parseInt(getComputedStyle($prismHighlightLine)['top']);
+                $content.scrollTop = top;
+            }, 500);
+        };
+
+        window.onhashchange = function(event) {
+            switch (window.location.hash) {
+                case '':
+                case '#info':
+                    $tabInfo.click();
+                    break;
+                case '#readme':
+                    $tabReadme.click();
+                    break;
+                case '#source':
+                    $tabSource.click();
+                    break;
+                case '#template':
+                    $tabTemplate.click();
+                    break;
+                case '#dom-tree':
+                    $tabTree.click();
+                    break;
+                case '#example':
+                    $tabExample.click();
+                    break;
+            }
+        }
+    }
+});