mirror of
https://github.com/minio/minio.git
synced 2025-01-23 04:33:15 -05:00
cb3818be27
* adding local pagination to bucket list When there are more than 5000 buckets, browser ui becomes unresponsive since react needs to create 5000 elements which takes browser resources. So we show only 100 buckets for the first time, and load more buckets when the user is scrolling down. * move inline styles to less file
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