minio/browser
Kaan Kabalak 3805a055ab Fix New UX related bugs for Alerts, BucketList and Abort Upload modal (#5694)
- Center text on Alert component appearing on top
- Change "Upload" to "Continue" on New UX Abort Upload modal
- Fix issue where long bucket names were overflowing instead of
continuing on the next line
- Fix word wrap issue similar to the last one for the alerts that appear
on top
- Help fix the cluttering issue on #5690 as the right margin has been
increased in alerts

Fixes #5689, #5691 and #5695
2018-03-23 12:19:27 +05:30
..
app Fix New UX related bugs for Alerts, BucketList and Abort Upload modal (#5694) 2018-03-23 12:19:27 +05:30
.babelrc Browser: Use polyfill to support Object.assign in IE11 (#3942) 2017-03-21 13:48:07 -07:00
.editorconfig upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
.esformatter miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
.gitignore browser: add yarn.lock and .gitignore files. (#3621) 2017-01-24 11:56:30 -08:00
.prettierrc upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
build.js browser: Update ui-assets and fix the copyright header. (#3790) 2017-02-22 17:27:26 -08:00
karma.conf.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
package.json Browser: Update UI with new components and elements (#5671) 2018-03-21 11:38:57 -07:00
README.md Prevent duplicate policy rows from being created (#4276) 2017-05-10 09:52:31 -07:00
tests.webpack.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
ui-assets.go update browser assets for newux 2018-03-22 13:30:39 -07:00
webpack.config.js Browser: Update UI with new components and elements (#5671) 2018-03-21 11:38:57 -07:00
webpack.production.config.js Browser: Update UI with new components and elements (#5671) 2018-03-21 11:38:57 -07:00
yarn.lock Browser: Update UI with new components and elements (#5671) 2018-03-21 11:38:57 -07:00

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