Added base Bin component! #31

Author: mrharpo

website/src/Bin.js

@@ -0,0 +1,32 @@
+import m from 'mithril'
+
+
+const Bin = () => {
+  var media = []
+  return {
+    oninit: (vnode) => {
+      m.request('/videos').then( e => {
+        console.log('got videos!', e)
+        media = e
+      })
+    },
+    view: (vnode) => {
+      return m('#bin.project.bin', {}, [
+        m('h3', 'bin'),
+        m('table', {}, [
+          m('tr', [
+            m('th', 'files'),
+          ]),
+          media.map(f => {
+            return m('tr', [
+              m('td', {
+              }, f)
+            ])
+          })
+        ])
+      ])
+    }
+  }
+}
+
+export default Bin

website/src/index.js

@@ -13,6 +13,7 @@ import '../node_modules/alertifyjs/build/css/alertify.min.css'
 import '../node_modules/alertifyjs/build/css/themes/semantic.css'
 import { defaults } from 'alertifyjs'
 import Login from './Login'
+import Bin from './Bin'
 
 defaults.transition = "zoom"
 defaults.theme.ok = "ui positive button"
@@ -37,6 +38,7 @@ var Editor = {
         m(Scale),
       ]),
       m(Project),
+      m(Bin),
     ]
   }
 }

website/src/style.css

@@ -86,6 +86,13 @@ body {
 .projects {
   display: table;
 }
+
+.bin {
+  display: inherit;
+  max-height: 50vh;
+  margin-top: .5em;
+  padding: .5em;
+}
 .head {
   display: flex;
   height: 40vh;