feat: sf metadata display (#6249)

* feat: sf metadata display

* feat: update code

* feat: update code

* feat: lock react version

* feat: bug

* feat: optimize code

* feat: update transalte

* feat: update transalte

* feat: rebase code

* Feat: update code

* Feat: update code

---------

Co-authored-by: 杨国璇 <ygx@192.168.1.5>
Co-authored-by: 杨国璇 <ygx@Hello-word.local>
Co-authored-by: 杨国璇 <ygx@192.168.1.13>

frontend/src/metadata/api.js

@@ -0,0 +1,105 @@
+import axios from 'axios';
+import cookie from 'react-cookies';
+import { siteRoot } from '../utils/constants';
+
+class MetadataManagerAPI {
+  init({ server, username, password, token }) {
+    this.server = server;
+    this.username = username;
+    this.password = password;
+    this.token = token;  //none
+    if (this.token && this.server) {
+      this.req = axios.create({
+        baseURL: this.server,
+        headers: { 'Authorization': 'Token ' + this.token },
+      });
+    }
+    return this;
+  }
+
+  initForSeahubUsage({ siteRoot, xcsrfHeaders }) {
+    if (siteRoot && siteRoot.charAt(siteRoot.length-1) === '/') {
+      var server = siteRoot.substring(0, siteRoot.length-1);
+      this.server = server;
+    } else {
+      this.server = siteRoot;
+    }
+
+    this.req = axios.create({
+      headers: {
+        'X-CSRFToken': xcsrfHeaders,
+      }
+    });
+    return this;
+  }
+
+  _sendPostRequest(url, form) {
+    if (form.getHeaders) {
+      return this.req.post(url, form, {
+        headers:form.getHeaders()
+      });
+    } else {
+      return this.req.post(url, form);
+    }
+  }
+
+  getMetadataStatus(repoID) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
+    return this.req.get(url);
+  }
+
+  createMetadata(repoID) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
+    return this.req.put(url);
+  }
+
+  deleteMetadata(repoID) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/';
+    return this.req.delete(url);
+  }
+
+  getMetadata(repoID, params) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/records/';
+    return this.req.get(url, {params: params});
+  }
+
+  addMetadataRecords(repoID, parentDir, name) {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/records/';
+    const data = {
+      'parent_dir': parentDir,
+      'name': name,
+    };
+    return this.req.post(url, data);
+  }
+
+  updateMetadataRecord = (repoID, recordID, creator, createTime, modifier, modifyTime, parentDir, name) => {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/records/' + recordID + '/';
+    const data = {
+      'creator': creator,
+      'create_time': createTime,
+      'modifier': modifier,
+      'modify_time': modifyTime,
+      'current_dir': parentDir,
+      'name': name,
+    };
+    return this.req.put(url, data);
+  };
+
+  deleteMetadataRecord = (repoID, recordID) => {
+    const url = this.server + '/api/v2.1/repos/' + repoID + '/metadata/records/' + recordID + '/';
+    return this.req.delete(url);
+  };
+
+  listUserInfo = (userIds) => {
+    const url = this.server + '/api/v2.1/user-list/';
+    const params = { user_id_list: userIds };
+    return this._sendPostRequest(url, params, { headers: { 'Content-type': 'application/json' } });
+  };
+
+}
+
+const metadataAPI = new MetadataManagerAPI();
+const xcsrfHeaders = cookie.load('sfcsrftoken');
+metadataAPI.initForSeahubUsage({ siteRoot, xcsrfHeaders });
+
+export default metadataAPI;