fix Input auto complete with no name when create repo (#7411)

frontend/src/components/dialog/add-abuse-report-dialog.js

@@ -80,11 +80,20 @@ class AddAbuseReportDialog extends React.Component {
             </FormGroup>
             <FormGroup>
               <Label>{gettext('Contact Information')}</Label>
-              <Input type="text" value={this.state.reporter} onChange={(event) => this.setReporter(event)}/>
+              <Input
+                name="abuse-report-contact-information"
+                type="text"
+                value={this.state.reporter}
+                onChange={(event) => this.setReporter(event)}
+              />
             </FormGroup>
             <FormGroup>
               <Label>{gettext('Description')}</Label>
-              <Input type="textarea" onChange={(event) => this.setDescription(event)}/>
+              <Input
+                name="abuse-report-description"
+                type="textarea"
+                onChange={(event) => this.setDescription(event)}
+              />
             </FormGroup>
           </Form>
           {this.state.errMessage && <Alert color="danger">{this.state.errMessage}</Alert>}

frontend/src/components/dialog/add-wiki-dialog.js

@@ -86,7 +86,13 @@ class AddWikiDialog extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{gettext('Add Wiki')}</SeahubModalHeader>
         <ModalBody>
           <Label>{gettext('Name')}</Label>
-          <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.name} onChange={this.inputNewName}/>
+          <Input
+            onKeyDown={this.handleKeyDown}
+            autoFocus={true}
+            value={this.state.name}
+            onChange={this.inputNewName}
+            name="wiki-name"
+          />
           {isPro &&
             <>
               <Label className='mt-4'>{gettext('Wiki owner')} ({gettext('Optional')})</Label>

frontend/src/components/dialog/add-wiki-page-dialog.js

@@ -62,6 +62,7 @@ class AddWikiPageDialog extends React.Component {
               <Label for="pageName">{gettext('Name')}</Label>
               <Input
                 id="pageName"
+                name="wiki-page-name"
                 onKeyDown={this.handleKeyDown}
                 innerRef={this.inputRef}
                 value={this.state.wikiPageName}

frontend/src/components/dialog/convert-wiki-dialog.js

@@ -82,7 +82,13 @@ class ConvertWikiDialog extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{gettext('Convert Wiki')}</SeahubModalHeader>
         <ModalBody>
           <Label>{gettext('Name')}</Label>
-          <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.name} onChange={this.inputNewName}/>
+          <Input
+            name="wiki-name"
+            onKeyDown={this.handleKeyDown}
+            autoFocus={true}
+            value={this.state.name}
+            onChange={this.inputNewName}
+          />
           {isPro &&
             <>
               <Label className='mt-4'>{gettext('Wiki owner')} ({gettext('Optional')})</Label>

frontend/src/components/dialog/create-department-repo-dialog.js

@@ -82,6 +82,7 @@ class CreateDepartmentRepoDialog extends React.Component {
               <Label for="repo-name">{gettext('Name')}</Label>
               <Input
                 id="repo-name"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleChange}

frontend/src/components/dialog/create-file-dialog.js

@@ -96,6 +96,7 @@ class CreateFile extends React.Component {
               <Label for="fileName">{gettext('Name')}</Label>
               <Input
                 id="fileName"
+                name="file-name"
                 onKeyDown={this.handleKeyDown}
                 innerRef={this.newInput}
                 value={this.state.childName}

frontend/src/components/dialog/create-folder-dialog.js

@@ -84,6 +84,7 @@ class CreateForder extends React.Component {
               <Label for="folderName">{gettext('Name')}</Label>
               <Input
                 id="folderName"
+                name="folder-name"
                 value={this.state.childName}
                 onKeyDown={this.handleKeyDown}
                 onChange={this.handleChange}

frontend/src/components/dialog/create-group-dialog.js

@@ -72,6 +72,7 @@ class CreateGroupDialog extends React.Component {
           <Input
             type="text"
             id="groupName"
+            name="group-name"
             value={this.state.groupName}
             onChange={this.handleGroupChange}
             onKeyDown={this.handleKeyDown}

frontend/src/components/dialog/create-repo-dialog.js

@@ -189,6 +189,7 @@ class CreateRepoDialog extends React.Component {
               <Label for="repoName">{gettext('Name')}</Label>
               <Input
                 id="repoName"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleRepoNameChange}

frontend/src/components/dialog/create-tag-dialog.js

@@ -78,7 +78,13 @@ class CreateTagDialog extends React.Component {
           <div role="form" className="tag-create">
             <div className="form-group">
               <label className="form-label">{gettext('Name')}</label>
-              <Input onKeyDown={this.handleKeyDown} autoFocus={true} value={this.state.tagName} onChange={this.inputNewName}/>
+              <Input
+                name="tag-name"
+                onKeyDown={this.handleKeyDown}
+                autoFocus={true}
+                value={this.state.tagName}
+                onChange={this.inputNewName}
+              />
               <div className="mt-2"><span className="error">{this.state.errorMsg}</span></div>
             </div>
             <div className="form-group">

frontend/src/components/dialog/invite-people-dialog.js

@@ -111,6 +111,7 @@ class InvitePeopleDialog extends React.Component {
           <Input
             type="text"
             id="emails"
+            name="emails"
             placeholder={gettext('Emails, separated by \',\'')}
             value={this.state.emails}
             onChange={this.handleInputChange}

frontend/src/components/dialog/org-add-department-dialog.js

@@ -74,6 +74,7 @@ class AddDepartmentDialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departmentName}
                 onChange={this.handleChange}

frontend/src/components/dialog/org-add-repo-dialog.js

@@ -70,6 +70,7 @@ class AddRepoDialog extends React.Component {
               <Label for="repoName">{gettext('Name')}</Label>
               <Input
                 id="repoName"
+                name="repo-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.repoName}
                 onChange={this.handleChange}

frontend/src/components/dialog/org-rename-department-dialog.js

@@ -88,6 +88,7 @@ class RenameDepartmentDialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departmentName}
                 onChange={this.handleChange}

frontend/src/components/dialog/rename-dialog.js

@@ -99,7 +99,14 @@ class Rename extends React.Component {
         <SeahubModalHeader toggle={this.toggle}>{type === 'file' ? gettext('Rename File') : gettext('Rename Folder') }</SeahubModalHeader>
         <ModalBody>
           <p>{type === 'file' ? gettext('New file name') : gettext('New folder name')}</p>
-          <Input onKeyDown={this.handleKeyDown} innerRef={this.newInput} placeholder="newName" value={this.state.newName} onChange={this.handleChange} />
+          <Input
+            onKeyDown={this.handleKeyDown}
+            innerRef={this.newInput}
+            placeholder="newName"
+            value={this.state.newName}
+            onChange={this.handleChange}
+            name={type === 'file' ? 'new-file-name' : 'new-folder-name'}
+          />
           {this.state.errMessage && <Alert color="danger" className="mt-2">{this.state.errMessage}</Alert>}
         </ModalBody>
         <ModalFooter>

frontend/src/components/dialog/rename-group-dialog.js

@@ -60,8 +60,14 @@ class RenameGroupDialog extends React.Component {
         <SeahubModalHeader>{gettext('Rename Group')}</SeahubModalHeader>
         <ModalBody>
           <label htmlFor="newGroupName">{gettext('Rename group to')}</label>
-          <Input type="text" id="newGroupName" value={this.state.newGroupName}
+          <Input
-            onChange={this.handleGroupNameChange} onKeyDown={this.handleKeyDown}/>
+            type="text"
+            id="newGroupName"
+            name="new-group-name"
+            value={this.state.newGroupName}
+            onChange={this.handleGroupNameChange}
+            onKeyDown={this.handleKeyDown}
+          />
         </ModalBody>
         <ModalFooter>
           <Button color="secondary" onClick={this.props.toggleRenameGroupDialog}>{gettext('Cancel')}</Button>

frontend/src/components/dialog/rename-wiki-dialog.js

@@ -75,6 +75,8 @@ class RenameWikiDialog extends React.Component {
             onKeyDown={this.handleKeyDown}
             innerRef={this.newInput}
             placeholder="newName"
+            name="new-wiki-name"
+            id="new-wiki-name"
             value={this.state.newName}
             onChange={this.handleChange}
           />

frontend/src/components/dialog/sysadmin-dialog/add-department-v2-dialog.js

@@ -83,6 +83,7 @@ class AddDepartmentV2Dialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.onKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}

frontend/src/components/dialog/sysadmin-dialog/rename-department-v2-dialog.js

@@ -72,6 +72,7 @@ class RenameDepartmentV2Dialog extends React.Component {
               <Label for="departmentName">{gettext('Name')}</Label>
               <Input
                 id="departmentName"
+                name="department-name"
                 onKeyDown={this.onKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}

frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-department-dialog.js

@@ -74,6 +74,7 @@ class AddDepartDialog extends React.Component {
               <Label for="departName">{gettext('Name')}</Label>
               <Input
                 id="departName"
+                name="department-name"
                 onKeyDown={this.handleKeyDown}
                 value={this.state.departName}
                 onChange={this.handleChange}

frontend/src/components/dialog/sysadmin-dialog/sysadmin-add-institution-dialog.js

@@ -45,6 +45,7 @@ class SysAdminAddInstitutionDialog extends React.Component {
             <p>{gettext('Name')}</p>
             <FormGroup>
               <Input
+                name="institution-name"
                 value={this.state.value}
                 onChange={this.handleChange}
               />

frontend/src/pages/wiki2/wiki-nav/add-new-page-dialog.js

@@ -108,9 +108,11 @@ class AddNewPageDialog extends React.Component {
       <Modal isOpen={true} toggle={this.toggle} autoFocus={false} className='add-new-page-dialog'>
         <SeahubModalHeader toggle={this.toggle}>{title}</SeahubModalHeader>
         <ModalBody className='pr-4'>
-          <Label>{gettext('Page name')}</Label>
+          <Label for="wiki-nav-page-name">{gettext('Page name')}</Label>
           <Input
             className="mb-4"
+            id="wiki-nav-page-name"
+            name="wiki-nav-page-name"
             value={this.state.pageName}
             onChange={this.handleChange}
             autoFocus={true}