15 |
23 | );
24 | }
25 | }
26 |
27 | export default ObjectDeleteModal;
28 |
--------------------------------------------------------------------------------
/font-awesome/scss/_path.scss:
--------------------------------------------------------------------------------
1 | /* FONT PATH
2 | * -------------------------- */
3 |
4 | @font-face {
5 | font-family: 'FontAwesome';
6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 | font-weight: normal;
14 | font-style: normal;
15 | }
16 |
--------------------------------------------------------------------------------
/src/browser/js/jest/setup.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import "jest-enzyme"
18 | import { configure } from "enzyme"
19 | import Adapter from "enzyme-adapter-react-16"
20 |
21 | configure({ adapter: new Adapter() })
22 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | # Use Node.js version 18 on Debian Bullseye
2 | FROM node:18-bullseye
3 |
4 | # The /app directory should act as the main application directory
5 | WORKDIR /app
6 |
7 | # Copy the app package and package-lock.json file
8 | COPY package*.json ./
9 |
10 | # Install node packages
11 | RUN npm install --ignore-scripts
12 |
13 | # Copy Webpack configuration, Babel configuration, and source files
14 | COPY webpack.config.js .babelrc ./
15 | COPY ./src ./src
16 |
17 |
18 | # Install the `serve` package globally to run the application
19 | RUN npm install -g serve
20 |
21 | # Set the environment variable to resolve the OpenSSL issue
22 | ENV NODE_OPTIONS=--openssl-legacy-provider
23 |
24 | # Build the app
25 | RUN npm run build
26 |
27 | # Expose the port (example: 3000)
28 | EXPOSE 3000
29 |
30 | # Start the app using the `serve` command
31 | CMD ["serve", "-s", "site"]
--------------------------------------------------------------------------------
/font-awesome/less/animated.less:
--------------------------------------------------------------------------------
1 | // Animated Icons
2 | // --------------------------
3 |
4 | .@{fa-css-prefix}-spin {
5 | -webkit-animation: fa-spin 2s infinite linear;
6 | animation: fa-spin 2s infinite linear;
7 | }
8 |
9 | .@{fa-css-prefix}-pulse {
10 | -webkit-animation: fa-spin 1s infinite steps(8);
11 | animation: fa-spin 1s infinite steps(8);
12 | }
13 |
14 | @-webkit-keyframes fa-spin {
15 | 0% {
16 | -webkit-transform: rotate(0deg);
17 | transform: rotate(0deg);
18 | }
19 | 100% {
20 | -webkit-transform: rotate(359deg);
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | @keyframes fa-spin {
26 | 0% {
27 | -webkit-transform: rotate(0deg);
28 | transform: rotate(0deg);
29 | }
30 | 100% {
31 | -webkit-transform: rotate(359deg);
32 | transform: rotate(359deg);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/font-awesome/scss/_animated.scss:
--------------------------------------------------------------------------------
1 | // Spinning Icons
2 | // --------------------------
3 |
4 | .#{$fa-css-prefix}-spin {
5 | -webkit-animation: fa-spin 2s infinite linear;
6 | animation: fa-spin 2s infinite linear;
7 | }
8 |
9 | .#{$fa-css-prefix}-pulse {
10 | -webkit-animation: fa-spin 1s infinite steps(8);
11 | animation: fa-spin 1s infinite steps(8);
12 | }
13 |
14 | @-webkit-keyframes fa-spin {
15 | 0% {
16 | -webkit-transform: rotate(0deg);
17 | transform: rotate(0deg);
18 | }
19 | 100% {
20 | -webkit-transform: rotate(359deg);
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | @keyframes fa-spin {
26 | 0% {
27 | -webkit-transform: rotate(0deg);
28 | transform: rotate(0deg);
29 | }
30 | 100% {
31 | -webkit-transform: rotate(359deg);
32 | transform: rotate(359deg);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/browser/img/more-h-light.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/src/browser/js/history.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import createHistory from "history/createHashHistory";
18 | import { minioBrowserPrefix } from "./constants";
19 |
20 | const history = createHistory({
21 | basename: minioBrowserPrefix
22 | });
23 |
24 | export default history;
25 |
--------------------------------------------------------------------------------
/src/browser/js/browser/__tests__/Host.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 |
18 | import React from "react"
19 | import { shallow } from "enzyme"
20 | import Host from "../Host"
21 |
22 | describe("Host", () => {
23 | it("should render without crashing", () => {
24 | shallow(
16 | {progressModalText}
17 |
18 |
20 | {roundOffProgress} %
21 |
22 |
21 |
27 | );
28 |
29 | export default Host;
30 |
--------------------------------------------------------------------------------
/src/browser/js/browser/__tests__/Browser.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react"
18 | import { shallow } from "enzyme"
19 | import Browser from "../Browser"
20 | import configureStore from "redux-mock-store"
21 |
22 | const mockStore = configureStore()
23 |
24 | describe("Browser", () => {
25 | it("should render without crashing", () => {
26 | const store = mockStore()
27 | shallow(
22 | {endPoint}
23 |
24 | {bucketName} 25 |
26 | 24 | {bucketName} 25 |
{message}
27 |
25 |
26 |
29 |
30 | );
31 | }
32 | }
33 |
34 | export default ObjectsSection;
35 |
--------------------------------------------------------------------------------
/src/browser/js/buckets/__tests__/BucketSearch.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react"
18 | import { shallow } from "enzyme"
19 | import { BucketSearch } from "../BucketSearch"
20 |
21 | describe("BucketSearch", () => {
22 | it("should render without crashing", () => {
23 | shallow(
25 |
28 |
38 | )}
39 |
29 | {progressModalText}
30 |
31 |
33 |
34 | {humanize.filesize(bytesTransfered)} ({roundOffProgress} %)
35 |
36 |
37 |
33 |
38 | );
39 | }
40 | }
41 |
42 | module.exports = connect(state => state)(Browser);
43 |
--------------------------------------------------------------------------------
/src/browser/js/browser/__tests__/StorageInfo.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react"
18 | import { shallow } from "enzyme"
19 | import { StorageInfo } from "../StorageInfo"
20 |
21 | describe("StorageInfo", () => {
22 | it("should render without crashing", () => {
23 | shallow(
24 |
31 | {/*
35 | );
36 | }
37 | }
38 |
39 | const mapStateToProps = state => {
40 | return {
41 | storageInfo: state.browser.storageInfo
42 | };
43 | };
44 |
45 | const mapDispatchToProps = dispatch => {
46 | return {
47 | fetchStorageInfo: () => dispatch(actionsCommon.fetchStorageInfo())
48 | };
49 | };
50 |
51 | export default connect(
52 | mapStateToProps,
53 | mapDispatchToProps
54 | )(StorageInfo);
55 |
--------------------------------------------------------------------------------
/src/sdk/s3client.js:
--------------------------------------------------------------------------------
1 | /*
2 | * CANCloud cloud storage browser
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | const StorageClient = require('./storage')
18 | import { endPointSchema } from './helpers'
19 |
20 | export function S3Client(endPoint, accessKey, secretKey, region = '') {
21 | let useSSL = false
22 | const parsedEndPoint = endPointSchema(endPoint)
23 |
24 | switch (parsedEndPoint.protocol) {
25 | case 'http:': {
26 | useSSL = false
27 | break
28 | }
29 | case 'https:': {
30 | useSSL = true
31 | break
32 | }
33 | default: {
34 | useSSL = false
35 | }
36 | }
37 | if (parseInt(parsedEndPoint.port)) {
38 | return new StorageClient.Client({
39 | endPoint: parsedEndPoint.hostname,
40 | port: parseInt(parsedEndPoint.port) || 80,
41 | useSSL: useSSL,
42 | accessKey: accessKey,
43 | secretKey: secretKey,
44 | region:region
45 | })
46 | } else {
47 | return new StorageClient.Client({
48 | endPoint: parsedEndPoint.hostname,
49 | accessKey: accessKey,
50 | secretKey: secretKey,
51 | region:region
52 | })
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/browser/customize-css/customize.css:
--------------------------------------------------------------------------------
1 | /* You can edit the below classes to customize the color scheme of the sidebar.
2 | Similarly, you can add your own favicon.ico, logo.png and logo-sidebar.png to the images folder */
3 |
4 |
5 | /* Sidebar background color */
6 | /* .sb-custom {
7 | background-color: #32393F !important;
8 | } */
9 |
10 | /* Sidebar selected device background color */
11 | /* .sb-custom-select {
12 | background-color: #e28c2f !important;
13 | } */
14 |
15 | /*Color of search bar icon*/
16 | /* .sb-custom-search-icon {
17 | color: rgba(255, 255, 255, 0.58) !important;
18 | } */
19 |
20 | /*Color of search field placeholder text*/
21 | /* .sb-custom-search-text::placeholder {
22 | color: rgba(255, 255, 255, 0.58) !important;
23 | } */
24 |
25 | /*Color of non-selected device text*/
26 | /* .sb-custom a {
27 | color: rgba(255, 255, 255, 0.58) !important;
28 | } */
29 |
30 | /*Color of selected device text*/
31 | /* .sb-custom-select a {
32 | color: #ffffff !important;
33 | } */
34 |
35 | /*Color of device dropdown text*/
36 | /* .sb-custom .dropdown-menu-right a {
37 | color: #8e8e8e !important;
38 | } */
39 |
40 | /*Color version text in the sidebar*/
41 | /* .sb-custom-version {
42 | color: rgba(255, 255, 255, 0.58) !important;
43 | } */
44 |
45 | /*Background color of login screen*/
46 | /* .login-custom {
47 | background-color: rgb(50, 57, 63) !important;
48 | } */
49 |
50 | /*Host text*/
51 | /* #sb-host-text {
52 | color: #32393F !important;
53 | } */
54 |
55 | /*Host globe icon*/
56 | /* #sb-globe {
57 | color: #32393F !important;
58 | } */
59 |
60 | /*Change background color of mobile header*/
61 | /* .mobile-header-custom {
62 | background-color: #303030 !important;
63 | } */
64 |
--------------------------------------------------------------------------------
/src/browser/js/components/BrowserUpdate.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2016 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react";
18 | import connect from "react-redux/lib/components/connect";
19 |
20 | import Tooltip from "react-bootstrap/lib/Tooltip";
21 | import OverlayTrigger from "react-bootstrap/lib/OverlayTrigger";
22 |
23 | let BrowserUpdate = ({ latestUiVersion }) => {
24 | // Don't show an update if we're already updated!
25 | if (latestUiVersion === currentUiVersion) return ;
26 |
27 | return (
28 |
32 |
33 |
*/}
34 |
26 | onChange(e.target.value)}
32 | placeholder="Search devices..."
33 | />
34 |
35 |
36 | );
37 |
38 | const mapStateToProps = state => {
39 | return {
40 | filter: state.buckets.filter
41 | };
42 | };
43 |
44 | const mapDispatchToProps = dispatch => {
45 | return {
46 | onChange: filter => {
47 | dispatch(actionsBuckets.setFilter(filter));
48 | }
49 | };
50 | };
51 |
52 | export default connect(
53 | mapStateToProps,
54 | mapDispatchToProps
55 | )(BucketSearch);
56 |
--------------------------------------------------------------------------------
/src/browser/js/alertModals/AbortConfirmModal.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import classNames from "classnames";
3 | import { connect } from "react-redux";
4 | import ConfirmModal from "../browser/ConfirmModal";
5 |
6 | import * as alertModalActions from "./actions";
7 | import * as objectActions from "../objects/actions";
8 |
9 | class AbortConfirmModal extends React.Component {
10 | abortUploads() {
11 | const { abort } = this.props;
12 |
13 | abort();
14 | }
15 |
16 | render() {
17 | const { hideAbort, isAborted } = this.props;
18 | const baseClass = classNames({
19 | "abort-upload": true
20 | });
21 | const okIcon = classNames({
22 | fa: true,
23 | "fa-times": true
24 | });
25 | const cancelIcon = classNames({
26 | fa: true,
27 | "fa-cloud-upload": true
28 | });
29 |
30 | const abortModalComponent = isAborted ? (
31 |
37 | {loggedIn &&
51 | -
39 | {loggedIn ? (
40 |
40 |
41 |
42 | {text}
43 | {sub}
44 |
46 |
49 |
52 |
53 | {list}
;
36 | };
37 |
38 | export default ObjectsList;
39 |
--------------------------------------------------------------------------------
/font-awesome/scss/_mixins.scss:
--------------------------------------------------------------------------------
1 | // Mixins
2 | // --------------------------
3 |
4 | @mixin fa-icon() {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16 | -webkit-transform: rotate($degrees);
17 | -ms-transform: rotate($degrees);
18 | transform: rotate($degrees);
19 | }
20 |
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23 | -webkit-transform: scale($horiz, $vert);
24 | -ms-transform: scale($horiz, $vert);
25 | transform: scale($horiz, $vert);
26 | }
27 |
28 |
29 | // Only display content to screen readers. A la Bootstrap 4.
30 | //
31 | // See: http://a11yproject.com/posts/how-to-hide-content/
32 |
33 | @mixin sr-only {
34 | position: absolute;
35 | width: 1px;
36 | height: 1px;
37 | padding: 0;
38 | margin: -1px;
39 | overflow: hidden;
40 | clip: rect(0,0,0,0);
41 | border: 0;
42 | }
43 |
44 | // Use in conjunction with .sr-only to only display content when it's focused.
45 | //
46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47 | //
48 | // Credit: HTML5 Boilerplate
49 |
50 | @mixin sr-only-focusable {
51 | &:active,
52 | &:focus {
53 | position: static;
54 | width: auto;
55 | height: auto;
56 | margin: 0;
57 | overflow: visible;
58 | clip: auto;
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/src/browser/js/browser/InputGroup.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2016, 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react";
18 |
19 | let InputGroup = ({
20 | label,
21 | id,
22 | name,
23 | value,
24 | onChange,
25 | type,
26 | spellCheck,
27 | required,
28 | readonly,
29 | autoComplete,
30 | align,
31 | className
32 | }) => {
33 | var input = (
34 |
45 | );
46 | if (readonly)
47 | input = (
48 |
60 | );
61 | return (
62 |
63 | {input}
64 |
65 |
66 |
67 | );
68 | };
69 |
70 | export default InputGroup;
71 |
--------------------------------------------------------------------------------
/src/browser/js/uploads/__tests__/AbortConfirmModal.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react"
18 | import { shallow } from "enzyme"
19 | import { AbortConfirmModal } from "../AbortConfirmModal"
20 |
21 | describe("AbortConfirmModal", () => {
22 | it("should render without crashing", () => {
23 | shallow(
38 |
41 | Object preview
39 |Preview {object.name}
40 |{content.objContent}
44 |
34 |
60 |
35 |
36 | 
37 |
38 |
39 |
40 |
59 | -
41 |
-
42 | Version43 | {version} 44 |
45 |
-
46 | Memory47 | {memory} 48 |
49 |
-
50 | Platform51 | {platform} 52 |
53 |
-
54 | Runtime55 | {runtime} 56 |
57 |
Login
)
23 | jest.mock("../browser/Browser", () => () => Browser
)
24 |
25 | describe("App", () => {
26 | it("should render without crashing", () => {
27 | shallow(
44 |
49 |
19 | {deviceFileContent ? (
20 |
27 |
28 |
31 |
40 |
41 |
45 |
46 |
47 | ) : (
48 |
49 | )}
50 |
51 | );
52 | }
53 | }
54 |
55 | function mapStateToProps(state) {
56 | return {
57 | deviceFileTableOpen: state.browser.deviceFileTableOpen,
58 | deviceFileContent: state.browser.deviceFileContent,
59 | deviceFileLastModified: state.browser.deviceFileLastModified
60 | };
61 | }
62 |
63 | const mapDispatchToProps = dispatch => {
64 | return {
65 | toggleDeviceFileTable: () =>
66 | dispatch(actionsBrowser.toggleDeviceFileTable())
67 | };
68 | };
69 |
70 | export default connect(mapStateToProps, mapDispatchToProps)(DeviceFileModal);
71 |
--------------------------------------------------------------------------------
/src/browser/less/inc/generics.less:
--------------------------------------------------------------------------------
1 | /*----------------------------
2 | Text Alignment
3 | -----------------------------*/
4 | .text-center { text-align: center !important; }
5 | .text-left { text-align: left !important; }
6 | .text-right { text-align: right !important; }
7 |
8 |
9 | /*----------------------------
10 | Float
11 | -----------------------------*/
12 | .clearfix { .clearfix(); }
13 | .pull-right { float: right !important; }
14 | .pull-left { float: left !important; }
15 |
16 |
17 | /*----------------------------
18 | Position
19 | -----------------------------*/
20 | .p-relative { position: relative; }
21 |
22 |
23 | /*---------------------------------------------------------------------------
24 | Generate Margin Class
25 | margin, margin-top, margin-bottom, margin-left, margin-right
26 | ----------------------------------------------------------------------------*/
27 |
28 | .margin (@label, @size: 1, @key:1) when (@size =< 30){
29 | .m-@{key} {
30 | margin: @size !important;
31 | }
32 |
33 | .m-t-@{key} {
34 | margin-top: @size !important;
35 | }
36 |
37 | .m-b-@{key} {
38 | margin-bottom: @size !important;
39 | }
40 |
41 | .m-l-@{key} {
42 | margin-left: @size !important;
43 | }
44 |
45 | .m-r-@{key} {
46 | margin-right: @size !important;
47 | }
48 |
49 | .margin(@label - 5; @size + 5; @key + 5);
50 | }
51 |
52 | .margin(25, 0px, 0);
53 |
54 |
55 | /*---------------------------------------------------------------------------
56 | Generate Padding Class
57 | padding, padding-top, padding-bottom, padding-left, padding-right
58 | ----------------------------------------------------------------------------*/
59 | .padding (@label, @size: 1, @key:1) when (@size =< 30){
60 | .p-@{key} {
61 | padding: @size !important;
62 | }
63 |
64 | .p-t-@{key} {
65 | padding-top: @size !important;
66 | }
67 |
68 | .p-b-@{key} {
69 | padding-bottom: @size !important;
70 | }
71 |
72 | .p-l-@{key} {
73 | padding-left: @size !important;
74 | }
75 |
76 | .p-r-@{key} {
77 | padding-right: @size !important;
78 | }
79 |
80 | .padding(@label - 5; @size + 5; @key + 5);
81 | }
82 |
83 | .padding(25, 0px, 0);
--------------------------------------------------------------------------------
/src/browser/js/browser/__tests__/reducer.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import reducer from "../reducer"
18 | import * as actionsCommon from "../actions"
19 |
20 | describe("common reducer", () => {
21 | it("should return the initial state", () => {
22 | expect(reducer(undefined, {})).toEqual({"objectName": "", "serverConfig": {}, "serverConfigModDate": "", "serverImage": [], "serverInfo": {}, "sidebarOpen": false, "storageInfo": {"free": 0, "total": 0}})
23 | })
24 |
25 | it("should handle TOGGLE_SIDEBAR", () => {
26 | expect(
27 | reducer(
28 | { sidebarOpen: false },
29 | {
30 | type: actionsCommon.TOGGLE_SIDEBAR
31 | }
32 | )
33 | ).toEqual({
34 | sidebarOpen: true
35 | })
36 | })
37 |
38 | it("should handle SET_STORAGE_INFO", () => {
39 | expect(
40 | reducer(
41 | {},
42 | {
43 | type: actionsCommon.SET_STORAGE_INFO,
44 | storageInfo: { total: 100, free: 40 }
45 | }
46 | )
47 | ).toEqual({
48 | storageInfo: { total: 100, free: 40 }
49 | })
50 | })
51 |
52 | it("should handle SET_SERVER_INFO", () => {
53 | expect(
54 | reducer(undefined, {
55 | type: actionsCommon.SET_SERVER_INFO,
56 | serverInfo: {
57 | version: "test",
58 | memory: "test",
59 | platform: "test",
60 | runtime: "test",
61 | info: "test"
62 | }
63 | }).serverInfo
64 | ).toEqual({
65 | version: "test",
66 | memory: "test",
67 | platform: "test",
68 | runtime: "test",
69 | info: "test"
70 | })
71 | })
72 | })
73 |
--------------------------------------------------------------------------------
/src/browser/js/browser/MainContent.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React, { Component } from "react";
18 | import MobileHeader from "./MobileHeader";
19 | import Header from "./Header";
20 | import ObjectsSection from "../objects/ObjectsSection";
21 | import MainActions from "./MainActions";
22 | import BucketPolicyModal from "../buckets/BucketPolicyModal";
23 | import MakeBucketModal from "../buckets/MakeBucketModal";
24 | import UploadModal from "../uploads/UploadModal";
25 | import ObjectsBulkActions from "../objects/ObjectsBulkActions";
26 | import Dropzone from "../uploads/Dropzone";
27 | import DeviceMetaHeaderContainer from "./DeviceMetaHeaderContainer";
28 | import AlertModals from "../alertModals/AlertModals";
29 |
30 | import history from "../history";
31 | import { pathSlice } from "../utils";
32 |
33 | const loggerRegex = new RegExp(/([0-9A-Fa-f]){8}/);
34 |
35 | export class MainContent extends Component {
36 | render() {
37 | const { bucket } = pathSlice(history.location.pathname);
38 | return (
39 |
32 |
39 | Device info
33 | {deviceFileLastModified ? ( 34 |Last update of device.json: {deviceFileLastModified}
35 | ) : ( 36 | 37 | )} 38 |42 |44 |43 |
40 |
43 |
53 |
59 | );
60 | }
61 | }
62 |
63 | export default MainContent;
64 |
--------------------------------------------------------------------------------
/src/browser/js/alert/__tests___/actions.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import configureStore from "redux-mock-store"
18 | import thunk from "redux-thunk"
19 | import * as actionsAlert from "../actions"
20 |
21 | const middlewares = [thunk]
22 | const mockStore = configureStore(middlewares)
23 |
24 | jest.useFakeTimers()
25 |
26 | describe("Alert actions", () => {
27 | it("creates alert/SET action", () => {
28 | const store = mockStore()
29 | const expectedActions = [
30 | {
31 | type: "alert/SET",
32 | alert: { id: 0, message: "Test alert", type: "danger" }
33 | }
34 | ]
35 | store.dispatch(actionsAlert.set({ message: "Test alert", type: "danger" }))
36 | const actions = store.getActions()
37 | expect(actions).toEqual(expectedActions)
38 | })
39 |
40 | it("creates alert/CLEAR action for non danger alerts", () => {
41 | const store = mockStore()
42 | const expectedActions = [
43 | {
44 | type: "alert/SET",
45 | alert: { id: 1, message: "Test alert" }
46 | },
47 | {
48 | type: "alert/CLEAR",
49 | alert: { id: 1 }
50 | }
51 | ]
52 | store.dispatch(actionsAlert.set({ message: "Test alert" }))
53 | jest.runAllTimers()
54 | const actions = store.getActions()
55 | expect(actions).toEqual(expectedActions)
56 | })
57 |
58 | it("creates alert/CLEAR action directly", () => {
59 | const store = mockStore()
60 | const expectedActions = [
61 | {
62 | type: "alert/CLEAR"
63 | }
64 | ]
65 | store.dispatch(actionsAlert.clear())
66 | const actions = store.getActions()
67 | expect(actions).toEqual(expectedActions)
68 | })
69 | })
70 |
--------------------------------------------------------------------------------
/src/browser/js/objects/__tests__/Path.test.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react"
18 | import { shallow } from "enzyme"
19 | import { Path } from "../Path"
20 |
21 | describe("Path", () => {
22 | it("should render without crashing", () => {
23 | shallow(
45 | {bucket.match(loggerRegex) ? (
46 |
51 |
11 |
66 |
67 | );
68 | }
69 | }
70 |
71 | export default PeriodMenu;
72 |
--------------------------------------------------------------------------------
/src/browser/js/objects/ObjectContainer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react";
18 | import { connect } from "react-redux";
19 | import humanize from "humanize";
20 | import Moment from "moment";
21 | import ReactHoverObserver from "react-hover-observer";
22 | import { Popover, OverlayTrigger, Button } from "react-bootstrap";
23 | import ObjectItem from "./ObjectItem";
24 | import ObjectActions from "./ObjectActions";
25 | import * as actionsObjects from "./actions";
26 | import { getCheckedList } from "./selectors";
27 |
28 | export const ObjectContainer = ({
29 | object,
30 | checkedObjectsCount,
31 | downloadObject,
32 | objectMeta,
33 | objectS3MetaStart
34 | }) => {
35 |
36 |
37 | const lastModifiedSD = objectMeta && objectMeta.lastModifiedSD
38 | const s3MetaStart = objectS3MetaStart && objectS3MetaStart.s3MetaStart
39 | // if MF4, use partial object based, else use S3 meta timestamp
40 | const startTime = lastModifiedSD ? lastModifiedSD : s3MetaStart
41 |
42 | let props = {
43 | name: object.name,
44 | contentType: object.contentType,
45 | size: humanize.filesize(object.size),
46 | lastModifiedSD:lastModifiedSD,
47 | startTime: startTime,
48 | lastModified: Moment(object.lastModified).format("YY-MM-DD HH:mm")
49 | };
50 |
51 | if (checkedObjectsCount == 0) {
52 | props.actionButtons =
9 |
13 | );
14 | }
15 |
16 | // set the header labels for use in indexing object properties
17 | const device_serialno = datasets[0].label;
18 | const time_stamp = datasets[1].label;
19 | const datasetsRestructured = [];
20 | let tableData = [];
21 | let tableHeader = [];
22 | let tableValues = [];
23 |
24 | datasets.map(element =>
25 | element.data.map(
26 | (e, i) =>
27 | (datasetsRestructured[i] = {
28 | ...datasetsRestructured[i],
29 | [element.label]: e
30 | })
31 | )
32 | );
33 |
34 | if (chartType == "table") {
35 | tableData = datasetsRestructured.map(e => {
36 | const data = _.omit(e, time_stamp, device_serialno);
37 | return { data };
38 | });
39 |
40 | tableHeader = (
41 | 10 | The widget configuration did not yield any data 11 |
12 |
65 | {chartType == "kpi" ? (
66 |
78 | );
79 | };
80 |
81 | export default BaseTable;
82 |
--------------------------------------------------------------------------------
/src/browser/less/inc/misc.less:
--------------------------------------------------------------------------------
1 | /*--------------------------
2 | Close
3 | ----------------------------*/
4 | .close-variant(@color, @bg-color, @color-hover, @bg-color-hover) {
5 | span {
6 | background-color: @bg-color;
7 | color: @color;
8 | }
9 |
10 | &:hover,
11 | &:focus {
12 | span {
13 | background-color: @bg-color-hover;
14 | color: @color-hover;
15 | }
16 | }
17 | }
18 |
19 | .close {
20 | right: 15px;
21 | font-weight: normal;
22 | opacity: 1;
23 | font-size: 18px;
24 | position: absolute;
25 | text-align: center;
26 | top: 16px;
27 | z-index: 1;
28 | padding: 0;
29 | border: 0;
30 | background-color: transparent;
31 |
32 | span {
33 | width: 25px;
34 | height: 25px;
35 | display: block;
36 | border-radius: 50%;
37 | line-height: 24px;
38 | text-shadow: none;
39 | }
40 |
41 | &:not(.close-alt) {
42 | .close-variant(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1), @white, rgba(255, 255, 255, 0.2));
43 | }
44 | }
45 |
46 | .close-alt {
47 | .close-variant(#989898, #efefef, #7b7b7b, #e8e8e8);
48 | }
49 |
50 |
51 | /*--------------------------
52 | Hidden
53 | ----------------------------*/
54 | .hidden {
55 | display: none !important;
56 | }
57 |
58 |
59 | /*--------------------------
60 | Copy text
61 | ----------------------------*/
62 | .copy-text {
63 | input {
64 | width: 100%;
65 | border-radius: 1px;
66 | border: 1px solid @input-border;
67 | padding: 7px 12px;
68 | font-size: 13px;
69 | line-height: 100%;
70 | cursor: text;
71 | .transition(border-color);
72 | .transition-duration(300ms);
73 |
74 | &:hover {
75 | border-color: darken(@input-border, 5%);
76 | }
77 | }
78 | }
79 |
80 | /*--------------------------
81 | Sharing
82 | ----------------------------*/
83 | .share-availability {
84 | margin-bottom: 40px;
85 |
86 | &:before,
87 | &:after {
88 | position: absolute;
89 | bottom: -30px;
90 | font-size: 10px;
91 | }
92 |
93 | &:before {
94 | content: '01 Sec';
95 | left: 0;
96 | }
97 |
98 | &:after {
99 | content: '7 days';
100 | right: 0;
101 | }
102 | }
103 |
104 |
105 | .modal-aheader {
106 | height: 100px;
107 |
108 | &:before {
109 | height: 0 !important;
110 | }
111 |
112 | .modal-dialog {
113 | margin: 0;
114 | vertical-align: top;
115 | }
116 | }
--------------------------------------------------------------------------------
/src/browser/js/browser/reducer.js:
--------------------------------------------------------------------------------
1 | /*
2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import * as actionsCommon from "./actions";
18 |
19 | export default (
20 | state = {
21 | sidebarOpen: false,
22 | objectName: "",
23 | deviceImage: undefined,
24 | prevDeviceFileDevice: "",
25 | deviceFileContent: {},
26 | deviceFileLastModified: "",
27 | deviceFileTableOpen: false,
28 | },
29 | action
30 | ) => {
31 | switch (action.type) {
32 | case actionsCommon.TOGGLE_SIDEBAR:
33 | return Object.assign({}, state, {
34 | sidebarOpen: !state.sidebarOpen
35 | });
36 | case actionsCommon.CLOSE_SIDEBAR:
37 | /* return Object.assign({}, state, {
38 | sidebarOpen: !state.sidebarOpen
39 | }) */
40 | default:
41 | return state;
42 | case actionsCommon.SET_DEVICE_IMAGE:
43 | return {
44 | ...state,
45 | deviceImage: action.deviceImage
46 | };
47 | case actionsCommon.SET_PREV_DEVICE_FILE_DEVICE:
48 | return {
49 | ...state,
50 | prevDeviceFileDevice: action.prevDeviceFileDevice
51 | };
52 | case actionsCommon.SET_DEVICE_FILE_DATA:
53 | return {
54 | ...state,
55 | deviceFileContent: action.deviceFileContent
56 | };
57 | case actionsCommon.SET_DEVICE_FILE_LAST_MODIFIED:
58 | return {
59 | ...state,
60 | deviceFileLastModified: action.deviceFileLastModified
61 | };
62 | case actionsCommon.OPEN_DEVICE_FILE_TABLE:
63 | return Object.assign({}, state, {
64 | deviceFileTableOpen: true
65 | });
66 | case actionsCommon.TOGGLE_DEVICE_FILE_TABLE:
67 | return Object.assign({}, state, {
68 | deviceFileTableOpen: !state.deviceFileTableOpen
69 | });
70 | }
71 | };
72 |
--------------------------------------------------------------------------------
/src/browser/js/uploads/AbortConfirmModal.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react";
18 | import classNames from "classnames";
19 | import { connect } from "react-redux";
20 | import ConfirmModal from "../browser/ConfirmModal";
21 | import * as uploadsActions from "./actions";
22 |
23 | export class AbortConfirmModal extends React.Component {
24 | abortUploads() {
25 | const { abort, uploads } = this.props;
26 | for (var slug in uploads) {
27 | abort(slug);
28 | }
29 | }
30 | render() {
31 | const { hideAbort } = this.props;
32 | let baseClass = classNames({
33 | "abort-upload": true
34 | });
35 | let okIcon = classNames({
36 | fa: true,
37 | "fa-times": true
38 | });
39 | let cancelIcon = classNames({
40 | fa: true,
41 | "fa-cloud-upload": true
42 | });
43 |
44 | return (
45 |
67 | {datasets[2].data[0]}
68 |
69 | ) : chartType == "table" ? (
70 |
71 |
72 | {tableHeader}
73 | {tableValues}
74 |
75 |
76 | ) : null}
77 | 47 | 48 | onPrefixClick(e, "Home")} href=""> 49 | Home 50 | 51 | 52 | {currentBucket && currentBucket != "Home" ? ( 53 | 54 | onPrefixClick(e, "")} href=""> 55 | {currentBucket} 56 | 57 | 58 | ) : null} 59 | {path} 60 |
61 | ); 62 | }; 63 | 64 | const mapStateToProps = state => { 65 | return { 66 | currentBucket: getCurrentBucket(state), 67 | currentPrefix: state.objects.currentPrefix 68 | }; 69 | }; 70 | 71 | const mapDispatchToProps = dispatch => { 72 | return { 73 | selectPrefix: prefix => dispatch(actionsObjects.selectPathPrefix(prefix)) 74 | }; 75 | }; 76 | 77 | export default connect( 78 | mapStateToProps, 79 | mapDispatchToProps 80 | )(Path); 81 | -------------------------------------------------------------------------------- /src/browser/js/buckets/__tests__/Policy.test.js: -------------------------------------------------------------------------------- 1 | /* 2 | * MinIO Cloud Storage (C) 2016, 2018 MinIO, Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | import React from "react" 18 | import { shallow, mount } from "enzyme" 19 | import { Policy } from "../Policy" 20 | import { READ_ONLY, WRITE_ONLY, READ_WRITE, NONE } from "../../constants" 21 | import web from "../../web" 22 | 23 | jest.mock("../../web", () => ({ 24 | SetBucketPolicy: jest.fn(() => { 25 | return Promise.resolve() 26 | }) 27 | })) 28 | 29 | describe("Policy", () => { 30 | it("should render without crashing", () => { 31 | shallow(
6 |
66 | );
67 | };
68 |
69 | export default CorsError;
70 |
--------------------------------------------------------------------------------
/src/browser/js/uploads/Dropzone.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Minio Cloud Storage (C) 2016, 2018 Minio, Inc.
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import React from "react";
18 | import { connect } from "react-redux";
19 | import ReactDropzone from "react-dropzone";
20 | import * as actions from "./actions";
21 |
22 | // Dropzone is a drag-and-drop element for uploading files. It will create a
23 | // landing zone of sorts that automatically receives the files.
24 | export class Dropzone extends React.Component {
25 | onDrop(files) {
26 | const { uploadFile } = this.props;
27 | // FIXME: Currently you can upload multiple files, but only one abort
28 | // modal will be shown, and progress updates will only occur for one
29 | // file at a time. See #171.
30 | files.forEach(file => {
31 | uploadFile(file);
32 | });
33 | }
34 |
35 | render() {
36 | // Overwrite the default styling from react-dropzone; otherwise it
37 | // won't handle child elements correctly.
38 | const style = {
39 | height: "100%",
40 | borderWidth: "0",
41 | borderStyle: "dashed",
42 | borderColor: "#fff"
43 | };
44 | const activeStyle = {
45 | borderWidth: "2px",
46 | borderColor: "#777"
47 | };
48 | const rejectStyle = {
49 | backgroundColor: "#ffdddd"
50 | };
51 |
52 | // disableClick means that it won't trigger a file upload box when
53 | // the user clicks on a file.
54 | return (
55 | 7 | 8 |
9 |10 | We are unable to connect to the bucket {props.currentBucket} as the 11 | bucket's CORS configuration for this domain is not enabled. CORS needs 12 | to be configured on the S3 bucket to be accessed directly from the 13 | browser. 14 |
15 |16 | If you're using AWS, please follow the below steps to enable CORS to 17 | access the bucket objects: 18 |
19 |-
20 |
- Navigate to the Amazon S3 console. 21 |
- 22 | Choose an existing bucket or create a new bucket if desired. Note the 23 | bucket name and bucket region for later use in the application. 24 | 25 |
- 26 | Click the Properties tab, open the Permissions section, and click Edit 27 | CORS Configuration. 28 | 29 |
- Copy the below XML into the text box and click Save. 30 |
32 |65 |<?xml version="1.0" encoding="UTF-8"?>
33 |34 | <CORSConfiguration 35 | xmlns="http://s3.amazonaws.com/doc/2006-03-01"> 36 |
37 |<CORSRule>
38 |39 | 40 | <AllowedOrigin>*</AllowedOrigin> 41 |
42 |43 | 44 | <AllowedMethod>GET</AllowedMethod> 45 |
46 |47 | 48 | <AllowedMethod>PUT</AllowedMethod> 49 |
50 |51 | 52 | <AllowedMethod>POST</AllowedMethod> 53 |
54 |55 | 56 | <AllowedMethod>DELETE</AllowedMethod> 57 |
58 |59 | 60 | <AllowedHeader>*</AllowedHeader> 61 |
62 |</CORSRule>
63 |</CORSConfiguration>
64 |