Add playlist views

ui/src/playlist/PlaylistCreate.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import {
+  Create,
+  SimpleForm,
+  TextInput,
+  BooleanInput,
+  required,
+} from 'react-admin'
+
+const PlaylistCreate = (props) => (
+  <Create {...props}>
+    <SimpleForm>
+      <TextInput source="name" validate={required()} />
+      <TextInput multiline source="comment" />
+      <BooleanInput source="public" initialValue={true} />
+    </SimpleForm>
+  </Create>
+)
+
+export default PlaylistCreate

ui/src/playlist/PlaylistEdit.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import {
+  Edit,
+  SimpleForm,
+  TextInput,
+  BooleanInput,
+  required,
+} from 'react-admin'
+
+const PlaylistEdit = (props) => (
+  <Edit {...props}>
+    <SimpleForm>
+      <TextInput source="name" validate={required()} />
+      <TextInput source="comment" />
+      <BooleanInput source="public" />
+    </SimpleForm>
+  </Edit>
+)
+
+export default PlaylistEdit

ui/src/playlist/PlaylistList.js

@@ -1,22 +1,15 @@
 import React from 'react'
 import {
-  List,
   Datagrid,
   TextField,
   BooleanField,
   NumberField,
   DateField,
 } from 'react-admin'
-import { DurationField, Title } from '../common'
+import { DurationField, List } from '../common'
 
 const PlaylistList = (props) => (
-  <List
-    {...props}
-    title={
-      <Title subTitle={'resources.playlist.name'} args={{ smart_count: 2 }} />
-    }
-    exporter={false}
-  >
+  <List {...props} exporter={false}>
     <Datagrid rowClick="edit">
       <TextField source="name" />
       <TextField source="owner" />

ui/src/playlist/index.js

@@ -1,7 +1,11 @@
 import PlaylistIcon from '../icons/Playlist'
 import PlaylistList from './PlaylistList'
+import PlaylistEdit from './PlaylistEdit'
+import PlaylistCreate from './PlaylistCreate'
 
 export default {
   icon: PlaylistIcon,
   list: PlaylistList,
+  create: PlaylistCreate,
+  edit: PlaylistEdit,
 }