minio/browser
Kaan Kabalak 39919708d6 Fix regression issue where users couldn't click into folders (#6029)
This commit fixes the issue introduced in #6023

The clicks on folder names direct the users inside the folders; while
the clicks on file names don't download the files, and will open file
previews on a separate modal in the future. Additionally, when a file
has been selected using the checkbox, it can now be downloaded without
being inside a zip file.

Fixes #6026
2018-06-07 20:43:51 -07:00
..
app Fix regression issue where users couldn't click into folders (#6029) 2018-06-07 20:43:51 -07:00
.babelrc
.editorconfig
.esformatter
.gitignore
.prettierrc
build.js
karma.conf.js
package.json
README.md
tests.webpack.js
ui-assets.go Fix regression issue where users couldn't click into folders (#6029) 2018-06-07 20:43:51 -07:00
webpack.config.js
webpack.production.config.js
yarn.lock

Minio File Browser

Minio Browser provides minimal set of UI to manage buckets and objects on minio server. Minio Browser is written in javascript and released under Apache 2.0 License.

Installation

Install yarn

curl -o- -L https://yarnpkg.com/install.sh | bash
yarn

Install go-bindata and go-bindata-assetfs

If you do not have a working Golang environment, please follow Install Golang

go get github.com/jteeuwen/go-bindata/...
go get github.com/elazarl/go-bindata-assetfs/...

Generating Assets

Generate ui-assets.go

yarn release

This generates ui-assets.go in the current directory. Now do make in the parent directory to build the minio binary with the newly generated ui-assets.go

Run Minio Browser with live reload

yarn dev

Open http://localhost:8080/minio/ in your browser to play with the application

Run Minio Browser with live reload on custom port

Edit browser/webpack.config.js

diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 3ccdaba..9496c56 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -58,6 +58,7 @@ var exports = {
     historyApiFallback: {
       index: '/minio/'
     },
+    port: 8888,
     proxy: {
       '/minio/webrpc': {
        target: 'http://localhost:9000',
@@ -97,7 +98,7 @@ var exports = {
 if (process.env.NODE_ENV === 'dev') {
   exports.entry = [
     'webpack/hot/dev-server',
-    'webpack-dev-server/client?http://localhost:8080',
+    'webpack-dev-server/client?http://localhost:8888',
     path.resolve(__dirname, 'app/index.js')
   ]
 }
yarn dev

Open http://localhost:8888/minio/ in your browser to play with the application