Add playlist views

ui/src/dataProvider/httpClient.js

@@ -0,0 +1,27 @@
+import { fetchUtils } from 'react-admin'
+import baseUrl from '../utils/baseUrl'
+import config from '../config'
+
+const customAuthorizationHeader = 'X-ND-Authorization'
+
+const httpClient = (url, options = {}) => {
+  url = baseUrl(url)
+  if (!options.headers) {
+    options.headers = new Headers({ Accept: 'application/json' })
+  }
+  const token = localStorage.getItem('token')
+  if (token) {
+    options.headers.set(customAuthorizationHeader, `Bearer ${token}`)
+  }
+  return fetchUtils.fetchJson(url, options).then((response) => {
+    const token = response.headers.get(customAuthorizationHeader)
+    if (token) {
+      localStorage.setItem('token', token)
+      // Avoid going to create admin dialog after logout/login without a refresh
+      config.firstTime = false
+    }
+    return response
+  })
+}
+
+export default httpClient

ui/src/dataProvider/index.js

@@ -0,0 +1,3 @@
+import wrapperDataProvider from './wrapperDataProvider'
+
+export default wrapperDataProvider

ui/src/dataProvider/wrapperDataProvider.js

@@ -0,0 +1,68 @@
+import jsonServerProvider from 'ra-data-json-server'
+import httpClient from './httpClient'
+
+const restUrl = '/app/api'
+
+const dataProvider = jsonServerProvider(restUrl, httpClient)
+
+const mapResource = (resource, params) => {
+  console.log('R: ', resource, 'P: ', params)
+  switch (resource) {
+    case 'albumSong':
+      return ['song', params]
+
+    case 'playlistTrack':
+      // /api/playlistTrack?playlist_id=123  => /api/playlist/123/tracks
+      let plsId = '0'
+      if (params.filter) {
+        plsId = params.filter.playlist_id
+        delete params.filter.playlist_id
+      }
+      return [`playlist/${plsId}/tracks`, params]
+
+    default:
+      return [resource, params]
+  }
+}
+
+const wrapperDataProvider = {
+  ...dataProvider,
+  getList: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.getList(r, p)
+  },
+  getOne: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.getOne(r, p)
+  },
+  getMany: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.getMany(r, p)
+  },
+  getManyReference: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.getManyReference(r, p)
+  },
+  update: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.update(r, p)
+  },
+  updateMany: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.updateMany(r, p)
+  },
+  create: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.create(r, p)
+  },
+  delete: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.delete(r, p)
+  },
+  deleteMany: (resource, params) => {
+    const [r, p] = mapResource(resource, params)
+    return dataProvider.deleteMany(r, p)
+  },
+}
+
+export default wrapperDataProvider