diff --git a/ui/src/App.js b/ui/src/App.js
index a17b05537..9235bbece 100644
--- a/ui/src/App.js
+++ b/ui/src/App.js
@@ -11,6 +11,7 @@ import user from './user'
import song from './song'
import album from './album'
import artist from './artist'
+import playlist from './playlist'
import { Player, playQueueReducer } from './audioplayer'
import { albumViewReducer } from './album/albumState'
import customRoutes from './routes'
@@ -46,6 +47,11 @@ const App = () => (
,
,
,
+ ,
permissions === 'admin' ? (
) : null,
diff --git a/ui/src/i18n/en.json b/ui/src/i18n/en.json
index adc32299b..0fbe74b0c 100644
--- a/ui/src/i18n/en.json
+++ b/ui/src/i18n/en.json
@@ -54,6 +54,17 @@
"songCount": "Song Count"
}
},
+ "playlist": {
+ "name": "Playlist |||| Playlists",
+ "fields": {
+ "name": "Name",
+ "duration": "Duration",
+ "owner": "Owner",
+ "public": "Public",
+ "updatedAt":"Updated at",
+ "createdAt": "Created at"
+ }
+ },
"user": {
"name": "User |||| Users",
"fields": {
diff --git a/ui/src/playlist/PlaylistList.js b/ui/src/playlist/PlaylistList.js
new file mode 100644
index 000000000..2c8bdf966
--- /dev/null
+++ b/ui/src/playlist/PlaylistList.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import { List, Datagrid, TextField, BooleanField, DateField } from 'react-admin'
+import { DurationField, Title } from '../common'
+
+const PlaylistList = (props) => (
+
+ }
+ exporter={false}
+ >
+
+
+
+
+
+
+
+
+)
+
+export default PlaylistList
diff --git a/ui/src/playlist/index.js b/ui/src/playlist/index.js
new file mode 100644
index 000000000..e518832c3
--- /dev/null
+++ b/ui/src/playlist/index.js
@@ -0,0 +1,7 @@
+import PlaylistIcon from '../icons/Playlist'
+import PlaylistList from './PlaylistList'
+
+export default {
+ icon: PlaylistIcon,
+ list: PlaylistList,
+}