inital studydocs

src/index.js

 // src/index.js
+import studydocList from './views/studydocList';
+
 const m = require('mithril');
 
 const Layout = require('./views/layout');
@@ -42,4 +44,9 @@ m.route(document.body, '/', {
       return m(Layout, m(amivLayout, m(board)));
     },
   },
+  '/studydocuments': {
+    render() {
+      return m(Layout, m(studydocList));
+    },
+  },
 });

src/models/studydocs.js

+import { apiUrl } from './config';
+import { log } from './log';
+import { getToken } from './auth';
+
+const m = require('mithril');
+
+let querySaved = {};
+
+
+export function getList() {
+  if (typeof this.list === 'undefined') {
+    return [];
+  }
+  return this.list;
+}
+
+export function load(query = {}) {
+  querySaved = query;
+  log('hallo');
+  const queryEncoded = m.buildQueryString(JSON.stringify(query));
+
+  return m.request({
+    method: 'GET',
+    url: `${apiUrl}/studydocuments?${queryEncoded}`,
+    headers: {
+      Authorization: `Token ${getToken()}`,
+    },
+  }).then((result) => {
+    this.list = result._items;
+  });
+}
+
+export function reload() {
+  return load(querySaved);
+}

src/views/studydocList.js

+import * as studydocs from '../models/studydocs';
+import { apiUrl } from '../models/config';
+
+const m = require('mithril');
+
+const tableHeadings = [
+  'title', 'lecture', 'professor', 'semester', 'author', 'download',
+];
+
+export default class studydocList {
+  constructor(vnode) {
+    this.vnode = vnode;
+  }
+
+  static oninit() {
+    studydocs.load();
+  }
+
+  static view() {
+    return m('div', [
+      m('table', [
+        m('thead', m('tr', tableHeadings.map(header => m('th', header)))),
+        m('tbody', studydocs.getList().map(doc => m('tr', [
+          m('td', doc.title),
+          m('td', doc.lecture),
+          m('td', doc.professor),
+          m('td', doc.semester),
+          m('td', doc.author),
+          m('td', m('a', { href: apiUrl + doc.files[0].file }, 'download')),
+        ]))),
+      ]),
+
+    ]);
+  }
+}