Initial commit based on https://github.com/minio/minio/releases/tag/RELEASE.2020-07-02T00-15-09Z

browser/app/js/uploads/actions.js

@@ -0,0 +1,177 @@
+/*
+ * MinIO Cloud Storage (C) 2018 MinIO, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import Moment from "moment"
+import storage from "local-storage-fallback"
+import * as alertActions from "../alert/actions"
+import * as objectsActions from "../objects/actions"
+import { getCurrentBucket } from "../buckets/selectors"
+import { getCurrentPrefix } from "../objects/selectors"
+import { minioBrowserPrefix } from "../constants"
+
+export const ADD = "uploads/ADD"
+export const UPDATE_PROGRESS = "uploads/UPDATE_PROGRESS"
+export const STOP = "uploads/STOP"
+export const SHOW_ABORT_MODAL = "uploads/SHOW_ABORT_MODAL"
+
+export const add = (slug, size, name) => ({
+  type: ADD,
+  slug,
+  size,
+  name
+})
+
+export const updateProgress = (slug, loaded) => ({
+  type: UPDATE_PROGRESS,
+  slug,
+  loaded
+})
+
+export const stop = slug => ({
+  type: STOP,
+  slug
+})
+
+export const showAbortModal = () => ({
+  type: SHOW_ABORT_MODAL,
+  show: true
+})
+
+export const hideAbortModal = () => ({
+  type: SHOW_ABORT_MODAL,
+  show: false
+})
+
+let requests = {}
+
+export const addUpload = (xhr, slug, size, name) => {
+  return function(dispatch) {
+    requests[slug] = xhr
+    dispatch(add(slug, size, name))
+  }
+}
+
+export const abortUpload = slug => {
+  return function(dispatch) {
+    const xhr = requests[slug]
+    if (xhr) {
+      xhr.abort()
+    }
+    dispatch(stop(slug))
+    dispatch(hideAbortModal())
+  }
+}
+
+export const uploadFile = file => {
+  return function(dispatch, getState) {
+    const state = getState()
+    const currentBucket = getCurrentBucket(state)
+    if (!currentBucket) {
+      dispatch(
+        alertActions.set({
+          type: "danger",
+          message: "Please choose a bucket before trying to upload files."
+        })
+      )
+      return
+    }
+    const currentPrefix = getCurrentPrefix(state)
+    var _filePath = file.path || file.name
+    if (_filePath.charAt(0) == '/') {
+      _filePath = _filePath.substring(1)
+    }
+    const filePath = _filePath
+    const objectName = `${currentPrefix}${filePath}`
+    const uploadUrl = `${
+      window.location.origin
+    }${minioBrowserPrefix}/upload/${currentBucket}/${objectName}`
+    const slug = `${currentBucket}-${currentPrefix}-${filePath}`
+
+    let xhr = new XMLHttpRequest()
+    xhr.open("PUT", uploadUrl, true)
+    xhr.withCredentials = false
+    const token = storage.getItem("token")
+    if (token) {
+      xhr.setRequestHeader(
+        "Authorization",
+        "Bearer " + storage.getItem("token")
+      )
+    }
+    xhr.setRequestHeader(
+      "x-amz-date",
+      Moment()
+        .utc()
+        .format("YYYYMMDDTHHmmss") + "Z"
+    )
+
+    dispatch(addUpload(xhr, slug, file.size, file.name))
+
+    xhr.onload = function(event) {
+      if (xhr.status == 401 || xhr.status == 403) {
+        dispatch(hideAbortModal())
+        dispatch(stop(slug))
+        dispatch(
+          alertActions.set({
+            type: "danger",
+            message: "Unauthorized request."
+          })
+        )
+      }
+      if (xhr.status == 500) {
+        dispatch(hideAbortModal())
+        dispatch(stop(slug))
+        dispatch(
+          alertActions.set({
+            type: "danger",
+            message: xhr.responseText
+          })
+        )
+      }
+      if (xhr.status == 200) {
+        dispatch(hideAbortModal())
+        dispatch(stop(slug))
+        dispatch(
+          alertActions.set({
+            type: "success",
+            message: "File '" + filePath + "' uploaded successfully."
+          })
+        )
+        dispatch(objectsActions.selectPrefix(currentPrefix))
+      }
+    }
+
+    xhr.upload.addEventListener("error", event => {
+      dispatch(stop(slug))
+      dispatch(
+        alertActions.set({
+          type: "danger",
+          message: "Error occurred uploading '" + filePath + "'."
+        })
+      )
+    })
+
+    xhr.upload.addEventListener("progress", event => {
+      if (event.lengthComputable) {
+        let loaded = event.loaded
+        let total = event.total
+        // Update the counter
+        dispatch(updateProgress(slug, loaded))
+      }
+    })
+
+    xhr.send(file)
+  }
+}