Add jobs to admin-tool layout

src/index.js

@@ -10,6 +10,9 @@ import newEvent from './events/newEvent';
 import EventModal from './events/eventModal';
 import eventDraft from './events/eventDraft';
 import eventWithExport from './events/eventWithExport';
+import newJob from './jobs/newJob';
+import jobTable from './jobs/jobTable';
+import jobModal from './jobs/jobModal';
 import Layout from './layout';
 import './style';
 
@@ -38,6 +41,9 @@ m.route(root, '/users', {
   '/groups/:id': layoutWith(viewGroup),
   '/newgroup': layoutWith(NewGroup),
   '/oauthcallback': OauthRedirect,
+  '/jobs': layoutWith(jobTable),
+  '/newjob': layoutWith(newJob),
+  '/jobs/:id': layoutWith(jobModal),
   // '/announce': layoutWith(AnnounceTool),
 });
 

src/jobs/jobTable.js

 import m from 'mithril';
-import { events as config } from '../resourceConfig.json';
+import { joboffers as config } from '../resourceConfig.json';
 import TableView from '../views/tableView';
 import DatalistController from '../listcontroller';
 import { dateFormatter } from '../utils';
@@ -18,8 +18,8 @@ export default class JobTable {
 
   getItemData(data) {
     return [
-      m('div', { style: { width: 'calc(100% - 18em)' } }, data.title_de || data.title_en),
-      m('div', { style: { width: '9em' } }, dateFormatter(data.time_start)),
+      m('div', { style: { width: 'calc(100% - 30em)' } }, data.title_de || data.title_en),
+      m('div', { style: { width: '21em' } }, data.company),
       m('div', { style: { width: '9em' } }, dateFormatter(data.time_end)),
     ];
   }
@@ -30,8 +30,8 @@ export default class JobTable {
       keys: config.tableKeys,
       tileContent: this.getItemData,
       titles: [
-        { text: 'Titel', width: 'calc(100% - 18em)' },
-        { text: 'Start', width: '9em' },
+        { text: 'Titel', width: 'calc(100% - 30em)' },
+        { text: 'Company', width: '21em' },
         { text: 'End', width: '9em' },
       ],
       onAdd: () => { m.route.set('/newjob'); },

src/layout.js

@@ -92,6 +92,11 @@ export default class Layout {
                 icon: icons.group,
                 title: 'Groups',
               }),
+              m(Menupoint, {
+                href: '/jobs',
+                icon: icons.iconJobsSVG,
+                title: 'Job offers',
+              }),
               m(Menupoint, {
                 href: '/announce',
                 title: 'Announce',

src/resourceConfig.json

@@ -71,6 +71,26 @@
             "password_set"
         ]
     },
+    "joboffers":{
+        "keyDescriptors": {
+            "company": "Company",
+            "email": "Email",
+            "description_en": "Job description",
+            "description_de": "Job Beschreibung",
+            "logo": "Logo as png",
+            "pdf": "PDF provided by company",
+            "time_end": "Application deadline",
+            "title_de": "Stelle auf Deutsch",
+            "title_de": "Position title in English",
+            "show_website": "Is the job listed on the website?",
+            "_id":"Job ID."
+        },
+        "tableKeys": [
+            "title_de",
+            "time_end",
+            "show_website"
+        ]
+    },
     "groups": {
         "keyDescriptors": {
             "name": "Name"

src/views/elements.js

@@ -15,6 +15,7 @@ export const icons = {
   ArrowDown: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/><path d="M0-.75h24v24H0z" fill="none"/></svg>',
   iconUsersSVG: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',
   iconEventSVG: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/><path d="M0 0h24v24H0z" fill="none"/></svg>',
+  iconJobsSVG: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>',
   ArrowLeft: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/><path d="M0-.5h24v24H0z" fill="none"/></svg>',
   checked: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>',
   group: '<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>',