mobile friendly

.gitignore

@@ -1,2 +1,14 @@
-node_modules/
-*.log
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# misc
+.DS_Store
+.env
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

package.json

@@ -10,16 +10,16 @@
   "author": "rikyperdana",
   "license": "MIT",
   "dependencies": {
-    "express": "^4.17.1",
-    "socket.io": "^2.3.0",
-    "mongodb": "^3.5.9",
     "body-parser": "^1.19.0",
-    "moment": "^2.27.0",
-    "lodash": "^4.17.20",
     "cron": "^1.8.2",
     "crypto-js": "^3.3.0",
-    "node-fetch": "^2.6.0",
-    "dotenv": "^8.2.0"
+    "dotenv": "^8.2.0",
+    "express": "^4.17.1",
+    "lodash": "^4.17.20",
+    "moment": "^2.27.0",
+    "mongodb": "^3.5.9",
+    "node-fetch": "^2.6.1",
+    "socket.io": "^2.3.0"
   },
   "devDependencies": {},
   "keywords": [

public/app.js

@@ -132,13 +132,24 @@ comp = {
     m('.navbar-brand',
       m('a.navbar-item', 'BPJS Bridge'),
       m('a.navbar-burger.burger',
-        {role: 'button', 'aria-label': 'menu', 'aria-expanded': 'false', 'data-target': 'navbarBasicExample'},
+        {
+          class: state.burgerMenu && 'is-active',
+          role: 'button', 'aria-label': 'menu', 'aria-expanded': 'false',
+          onclick: () => [state.burgerMenu = !state.burgerMenu, m.redraw()]
+        },
         _.range(3).map(function(i){return m('span', {'aria-hidden': true})})
       )
     ),
-    m('.navbar-menu', {id: 'navbarBasicExample'},
+    m('.navbar-menu',
+      {class: state.burgerMenu && 'is-active'},
       m('.navbar-start', menus.map(function(i){
-        return m('a.navbar-item', {onclick: function(){state.route = i}}, _.startCase(i))
+        return m('a.navbar-item',
+          {onclick: function(){[
+            _.assign(state, {route: i, burgerMenu: null}),
+            m.redraw()
+          ]}},
+          _.startCase(i)
+        )
       })),
       m('.navbar-end')
     ),
@@ -159,5 +170,8 @@ comp = {
 };
 
 m.mount(document.body, {view: function(){return m('div',
-  comp.navbar(), m('.container', m('br'), comp[state.route || 'referensi_kelas']())
-)}})
+  comp.navbar(),
+  m('section.section', m('.container', m('br'),
+    comp[state.route || 'referensi_kelas']()
+  ))
+)}})