From a1a08a9fc8c9d902600f4e6de4e691d85e5255ae Mon Sep 17 00:00:00 2001
From: zxj96 <519213124@qq.com>
Date: Tue, 21 May 2019 13:31:16 +0800
Subject: [PATCH] Make create-repo-dialog consistent with share-dialog

---
 .../components/dialog/create-repo-dialog.js   | 48 +++++++++++--------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/dialog/create-repo-dialog.js b/frontend/src/components/dialog/create-repo-dialog.js
index 22a8742e71..6fee61977a 100644
--- a/frontend/src/components/dialog/create-repo-dialog.js
+++ b/frontend/src/components/dialog/create-repo-dialog.js
@@ -184,27 +184,33 @@ class CreateRepoDialog extends React.Component {
                   <Input type="checkbox" id="encrypt" onChange={this.onEncrypted}/>
                   <Label for="encrypt">{gettext('Encrypt')}</Label>
                 </FormGroup>
-                <FormGroup>
-                  {/* todo translate */}
-                  <Label for="passwd1" className="font-weight-bold">{gettext('Password')}{' '}</Label><span className="tip">{gettext('(at least 8 characters)')}</span>
-                  <Input 
-                    id="passwd1" 
-                    type="password"
-                    disabled={this.state.disabled}
-                    value={this.state.password1} 
-                    onChange={this.handlePassword1Change}
-                  />
-                </FormGroup>
-                <FormGroup>
-                  <Label for="passwd2" className="font-weight-bold">{gettext('Password again')}</Label>
-                  <Input 
-                    id="passwd2"
-                    type="password"
-                    disabled={this.state.disabled}
-                    value={this.state.password2} 
-                    onChange={this.handlePassword2Change}
-                  />
-                </FormGroup>
+                {!this.state.disabled && 
+                  <FormGroup>
+                    {/* todo translate */}
+                    <Label for="passwd1" className="font-weight-bold">{gettext('Password')}</Label><span className="tip">{' '}{gettext('(at least 8 characters)')}</span>
+                    <Input 
+                      id="passwd1" 
+                      type="password"
+                      disabled={this.state.disabled}
+                      value={this.state.password1} 
+                      onChange={this.handlePassword1Change}
+                      autoComplete="new-password"
+                    />
+                  </FormGroup>
+                }
+                {!this.state.disabled && 
+                  <FormGroup>
+                    <Label for="passwd2" className="font-weight-bold">{gettext('Password again')}</Label>
+                    <Input 
+                      id="passwd2"
+                      type="password"
+                      disabled={this.state.disabled}
+                      value={this.state.password2} 
+                      onChange={this.handlePassword2Change}
+                      autoComplete="new-password"
+                    />
+                  </FormGroup>
+                }
               </div>
             }
           </Form>