Small Tweaks (#186)

* Support for MinDNS

* mindns option

* Added minDNS to summary table

* Validations of configure page

* Added create label & removed console logs

* Adding login workaround

* Added min limits to inputs

* Fixed issue with sizes

* Removed empty values from review page

* Added zone names

* Added validation to zones selector

* Fixed issue with back button in zones page

* Changed validation for zones filter & simplified clean zones

* Changed CredentialsPrompt to be a global component.

* Added assets

* Added hover to table & removed view button

* Added view links & actions to tables

* Added links for cloud & console in table

* Fixed position of progress bar

* Added advanced mode to wizard

* Added "zebra-style" tables

* Added servers field to simple form

* Fixes for demo

* Tweaks

* updated assets

* remove hardcoded bypass

* Address Comments

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>

Author: dvaldivia

Dockerfile

@@ -1,5 +1,7 @@
 FROM golang:1.13
 
+RUN apt-get update -y && apt-get install -y ca-certificates
+
 ADD go.mod /go/src/github.com/minio/mcs/go.mod
 ADD go.sum /go/src/github.com/minio/mcs/go.sum
 WORKDIR /go/src/github.com/minio/mcs/
@@ -12,7 +14,6 @@ WORKDIR /go/src/github.com/minio/mcs/
 
 ENV CGO_ENABLED=0
 
-RUN apt-get update -y && apt-get install -y ca-certificates
 RUN go build -ldflags "-w -s" -a -o mcs ./cmd/mcs
 
 FROM scratch

portal-ui/bindata_assetfs.go

@@ -33,34 +33,35 @@ const GlobalCss = withStyles({
       fontSize: "14px",
       textTransform: "capitalize",
       padding: "16px 25px 16px 25px",
-      borderRadius: "3px"
+      borderRadius: 3,
     },
     ".MuiButton-sizeSmall": {
       padding: "4px 10px",
-      fontSize: "0.8125rem"
+      fontSize: "0.8125rem",
     },
     ".MuiTableCell-head": {
       borderRadius: "3px 3px 0px 0px",
-      fontSize: "13px"
+      fontSize: 13,
     },
     ".MuiPaper-root": {
-      borderRadius: "3px"
+      borderRadius: 3,
     },
     ".MuiDrawer-paperAnchorDockedLeft": {
-      borderRight: "0px"
+      borderRight: 0,
     },
     ".MuiDrawer-root": {
       "& .MuiPaper-root": {
-        borderRadius: "0px"
-      }
-    }
-  }
+        borderRadius: 0,
+      },
+    },
+  },
 })(() => null);
 
 ReactDOM.render(
   <Provider store={configureStore()}>
     <GlobalCss />
     <ThemeProvider theme={theme}>
+      {/*<ThemeProvider theme={newTheme}>*/}
       <Routes />
     </ThemeProvider>
   </Provider>,

portal-ui/src/index.tsx

@@ -19,7 +19,7 @@ import { createStyles, Theme, withStyles } from "@material-ui/core/styles";
 import { NewServiceAccount } from "./types";
 import { Button } from "@material-ui/core";
 import Typography from "@material-ui/core/Typography";
-import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
+import ModalWrapper from "../ModalWrapper/ModalWrapper";
 import Grid from "@material-ui/core/Grid";
 
 const styles = (theme: Theme) =>
@@ -36,6 +36,7 @@ interface ICredentialsPromptProps {
   classes: any;
   newServiceAccount: NewServiceAccount | null;
   open: boolean;
+  entity: string;
   closeModal: () => void;
 }
 
@@ -60,6 +61,7 @@ const CredentialsPrompt = ({
   newServiceAccount,
   open,
   closeModal,
+  entity,
 }: ICredentialsPromptProps) => {
   if (!newServiceAccount) {
     return null;
@@ -71,12 +73,12 @@ const CredentialsPrompt = ({
       onClose={() => {
         closeModal();
       }}
-      title="New Service Account Created"
+      title={`New ${entity} Created`}
     >
       <React.Fragment>
         <Grid container>
           <Grid item xs={12} className={classes.formScrollable}>
-            A new service account has been created with the following details:
+            A new {entity} has been created with the following details:
             <ul>
               <li>
                 <b>Access Key:</b> {newServiceAccount.accessKey}

portal-ui/src/screens/Console/ServiceAccounts/CredentialsPrompt.tsx renamed to portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialsPrompt.tsx

@@ -0,0 +1,20 @@
+// This file is part of MinIO Console Server
+// Copyright (c) 2020 MinIO, Inc.
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+export interface NewServiceAccount {
+  accessKey: string;
+  secretKey: string;
+}

portal-ui/src/screens/Console/Common/CredentialsPrompt/types.ts

@@ -47,6 +47,8 @@ interface InputBoxProps {
   error?: string;
   required?: boolean;
   placeholder?: string;
+  min?: string;
+  max?: string;
 }
 
 const styles = (theme: Theme) =>
@@ -110,8 +112,20 @@ const InputBoxWrapper = ({
   error = "",
   required = false,
   placeholder = "",
+  min,
+  max,
   classes,
 }: InputBoxProps) => {
+  let inputProps: any = { "data-index": index };
+
+  if (type === "number" && min) {
+    inputProps["min"] = min;
+  }
+
+  if (type === "number" && max) {
+    inputProps["max"] = max;
+  }
+
   return (
     <React.Fragment>
       <Grid
@@ -154,7 +168,7 @@ const InputBoxWrapper = ({
             type={type}
             multiline={multiline}
             autoComplete={autoComplete}
-            inputProps={{ "data-index": index }}
+            inputProps={inputProps}
             error={error !== ""}
             helperText={error}
             placeholder={placeholder}

portal-ui/src/screens/Console/Common/FormComponents/InputBoxWrapper/InputBoxWrapper.tsx

@@ -20,7 +20,7 @@ export const fieldBasic = {
   inputLabel: {
     fontWeight: 500,
     marginRight: 10,
-    width: 100,
+    width: 160,
     fontSize: 14,
     color: "#393939",
     textAlign: "right" as const,

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -27,6 +27,7 @@ const styles = (theme: Theme) =>
       flexGrow: 1,
     },
     wizardSteps: {
+      minWidth: 180,
       marginRight: 10,
       "& ul": {
         padding: 15,

portal-ui/src/screens/Console/Common/GenericWizard/GenericWizard.tsx

@@ -59,8 +59,6 @@ const WizardPage = ({ classes, page, pageChange }: IWizardPage) => {
     }
   };
 
-  console.log("buttons", page);
-
   return (
     <div className={classes.wizardStepContainer}>
       <div className={classes.wizardComponent}>{page.componentRender}</div>

portal-ui/src/screens/Console/Common/GenericWizard/WizardPage.tsx

@@ -26,6 +26,7 @@ export interface IWizardElement {
   label: string;
   componentRender: any;
   buttons: IWizardButton[];
+  advancedOnly?: boolean;
 }
 
 export interface IWizardMain {