[systemjs-on-blog] Refactor blog page, include SystemJS

sylvain-artois · Dec 13, 2015 · 7e7d1f7 · 7e7d1f7
1 parent 6384114
commit 7e7d1f7
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 6 deletions.
diff --git a/public/js/blog.js b/public/js/blog.js
@@ -0,0 +1,14 @@
+import {OffCanvasMenu}  from 'lib/OffCanvasMenu.js';
+import {GalleryHandler} from 'lib/GalleryHandler.js';
+
+new OffCanvasMenu({
+        name: 'sidr-main',
+        source: '.dima-navbar nav'
+    })
+    .init('.dima-btn-nav');
+
+new GalleryHandler({
+        selector: '.gallery',
+        root: window
+    })
+    .init(window.location.hash);
diff --git a/public/js/portfolio.js b/public/js/portfolio.js
@@ -1,11 +1,11 @@
-//import {OffCanvasMenu}  from 'lib/OffCanvasMenu.js';
+import {OffCanvasMenu}  from 'lib/OffCanvasMenu.js';
 import {GalleryHandler} from 'lib/GalleryHandler.js';
 
-/*new OffCanvasMenu({
+new OffCanvasMenu({
         name: 'sidr-main',
         source: '.dima-navbar nav'
     })
-    .init('.dima-btn-nav');*/
+    .init('.dima-btn-nav');
 
 new GalleryHandler({
         selector: '.gallery',

diff --git a/templates/layouts/list.html b/templates/layouts/list.html
@@ -37,10 +37,11 @@
         </footer>
     </div>
 
-    {% include "../mixins/block-javascript.html" %}
     {% block js %}
-    <script>var application = {options: { slide: {owl: true}}};</script>
+        {% include "../mixins/block-javascript.html" %}
+        <script>var application = {options: { slide: {owl: true}}};</script>
+        <script src="/js/main.js?time=256747936"></script>
     {% endblock %}
-    <script src="/js/main.js?time=256747936"></script>
+
 </body>
 </html>
diff --git a/templates/views/blog.html b/templates/views/blog.html
@@ -41,3 +41,9 @@ <h3 class="h-callout">Oops</h3>
 
 {% block pinned %}
 {% endblock %}
+
+{% block js %}
+    <script src="/js/vendor/system.js"></script>
+    <script src="/js/config.js"></script>
+    <script>System.import('blog.js');</script>
+{% endblock %}