Change all functions to arrow functions

src/app/ui/src/component/flash.js

@@ -57,7 +57,7 @@ var View = {
     }
   },
   removeFlash: (i) => {
-    View.list = View.list.filter(function (v) {
+    View.list = View.list.filter((v) => {
       return v !== i;
     });
   },

src/app/ui/src/component/flash.stories.js

@@ -18,84 +18,84 @@ export default {
 };
 
 export const success = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.success(text("Text", "This is a success message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const failed = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.failed(text("Text", "This is a failed message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const warning = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.warning(text("Text", "This is a warning message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const primary = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.primary(text("Text", "This is a primary message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const link = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.link(text("Text", "This is a link message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const info = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.info(text("Text", "This is a info message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const dark = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = -1;
     Flash.dark(text("Text", "This is a dark message."));
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,
 });
 
 export const Action = () => ({
-  oninit: function () {
+  oninit: () => {
     Flash.timeout = number("Timeout (milliseconds)", "2000");
     Flash.prepend = boolean("Prepend", false);
     let s = select(
@@ -112,9 +112,9 @@ export const Action = () => ({
       "success"
     );
     Flash[s](text("Text", "This is a test message."));
-    button("Show Message", function () {});
+    button("Show Message", () => {});
   },
-  onremove: function () {
+  onremove: () => {
     Flash.clear();
   },
   view: () => <Flash />,

src/app/ui/src/component/input.stories.js

@@ -0,0 +1,42 @@
+import m from "mithril"; // eslint-disable-line no-unused-vars
+import { withKnobs, text, select } from "@storybook/addon-knobs";
+import { withA11y } from "@storybook/addon-a11y";
+import Input from "./input";
+import "~/style/main.scss";
+
+export default {
+  title: "Component/Input",
+  component: Input,
+  decorators: [withKnobs, withA11y],
+};
+
+export const input = () => ({
+  oninit: (vnode) => {
+    vnode.state.type = select(
+      "Type",
+      {
+        text: "text",
+        color: "color",
+        date: "date",
+        "datetime-local": "datetime-local",
+        email: "email",
+        hidden: "hidden",
+        month: "month",
+        number: "number",
+        password: "password",
+        range: "range",
+        search: "search",
+        time: "time",
+        week: "week",
+      },
+      "text"
+    );
+  },
+  view: (vnode) => (
+    <Input
+      label="First Name"
+      value={text("Value", "John")}
+      type={vnode.state.type}
+    />
+  ),
+});

src/app/ui/src/component/menu.js

@@ -2,7 +2,7 @@ import m from "mithril"; // eslint-disable-line no-unused-vars
 import CookieStore from "@/module/cookiestore";
 
 var View = () => {
-  let logout = function () {
+  let logout = () => {
     CookieStore.clear();
     m.route.set("/");
   };

src/app/ui/src/component/menu.stories.js

@@ -13,6 +13,3 @@ export default {
 export const menu = () => ({
   view: () => <Menu />,
 });
-menu.story = {
-  name: "Menu",
-};

src/app/ui/src/component/note.js

@@ -22,7 +22,7 @@ var View = () => {
                       NoteStore.runUpdate(vnode.attrs.id, e.target.value);
                       vnode.state.saving = "Saving...";
                       m.redraw();
-                      setTimeout(function () {
+                      setTimeout(() => {
                         vnode.state.saving = "";
                         m.redraw();
                       }, 1000);

src/app/ui/src/index.js

@@ -14,61 +14,61 @@ m.route.prefix = "";
 
 m.route(document.body, "/", {
   "/": {
-    onmatch: function () {
+    onmatch: () => {
       if (CookieStore.isLoggedIn()) return Index;
       else m.route.set("/login");
     },
   },
   "/notepad": {
-    onmatch: function () {
+    onmatch: () => {
       if (CookieStore.isLoggedIn()) return Notepad;
       else m.route.set("/login");
     },
   },
   "/login": {
-    onmatch: function () {
+    onmatch: () => {
       if (CookieStore.isLoggedIn()) m.route.set("/");
       else return Login;
     },
   },
   "/register": {
-    onmatch: function () {
+    onmatch: () => {
       if (CookieStore.isLoggedIn()) m.route.set("/");
       else return Register;
     },
   },
   "/about": {
-    render: function () {
+    render: () => {
       return m(LayoutMain, m(AboutPage));
     },
   },
   "/:404...": {
-    view: function () {
+    view: () => {
       return m(LayoutMain, m(ErrorPage));
     },
   },
 });
 
 var Index = {
-  view: function () {
+  view: () => {
     return m(LayoutMain, m(HomePage));
   },
 };
 
 var Notepad = {
-  view: function () {
+  view: () => {
     return m(LayoutMain, m(NotepadPage));
   },
 };
 
 var Login = {
-  view: function () {
+  view: () => {
     return m(LayoutMain, m(LoginPage));
   },
 };
 
 var Register = {
-  view: function () {
+  view: () => {
     return m(LayoutMain, m(RegisterPage));
   },
 };

src/app/ui/src/layout/main.js

@@ -4,7 +4,7 @@ import Flash from "@/component/flash";
 
 var View = () => {
   return {
-    view: function (vnode) {
+    view: (vnode) => {
       return m("main.layout", [
         m(Menu),
         m("section", vnode.children),

src/app/ui/src/store/notestore.js

@@ -62,7 +62,7 @@ var NoteStore = {
     NoteStore.delete(id)
       .then(() => {
         Flash.success("Note deleted.");
-        NoteStore.list = NoteStore.list.filter(function (i) {
+        NoteStore.list = NoteStore.list.filter((i) => {
           return i.id !== id;
         });
       })

src/app/ui/src/store/userregister.js

@@ -19,7 +19,7 @@ var UserRegister = {
       body: UserRegister.user,
     });
   },
-  submit: function (e) {
+  submit: (e) => {
     Submit.start(e);
 
     UserRegister.register()

src/app/ui/src/view/login.stories.js

@@ -3,7 +3,7 @@ import { withKnobs, select, text } from "@storybook/addon-knobs";
 import { withA11y } from "@storybook/addon-a11y";
 import LoginPage from "@/view/login";
 import Flash from "@/component/flash";
-import MockRequest from "@/component/mockrequest";
+import MockRequest from "@/module/mockrequest";
 import "~/style/main.scss";
 
 export default {

src/app/ui/src/view/notepad.stories.js

@@ -3,7 +3,7 @@ import { withKnobs } from "@storybook/addon-knobs";
 import { withA11y } from "@storybook/addon-a11y";
 import NotepadPage from "@/view/notepad";
 import Flash from "@/component/flash";
-import MockRequest from "@/component/mockrequest";
+import MockRequest from "@/module/mockrequest";
 import "~/node_modules/@fortawesome/fontawesome-free/js/all.js";
 import "~/style/main.scss";
 

src/app/ui/src/view/register.stories.js

@@ -3,7 +3,7 @@ import { withKnobs, select, text } from "@storybook/addon-knobs";
 import { withA11y } from "@storybook/addon-a11y";
 import RegisterPage from "@/view/register";
 import Flash from "@/component/flash";
-import MockRequest from "@/component/mockrequest";
+import MockRequest from "@/module/mockrequest";
 import "~/style/main.scss";
 
 export default {