Migrations: migrate admin user create page (#21506)

* Create basic react page for AdminUserCreate

* Forms.Field - render asterisk when field is marked as required

* Add validation to user create form wih react-hook-form

* Remove Angular code for UserCreatePage

* Remove commented route for admin settings

* Remove unused import

* Hide react-hooks-form behind Form component

* Fix webkit autofill

* Webkit autofill on inpiuts - bring back focus shadow

* Temporarily fix story (before 21635 is merged)

* Form: docs and minor updates to new form elements (#21635)

* Allow Switch, checkbox to be uncontrolled, forward refs, styles update

* Add Form docs

* User create page update

* Remove unused import

* Apply review notes
This commit is contained in:
Dominik Prokop
2020-01-22 15:26:03 +01:00
committed by GitHub
parent 36aab3a738
commit 5afcf79c59
19 changed files with 555 additions and 254 deletions

View File

@@ -1,32 +0,0 @@
<page-header model="navModel"></page-header>
<div class="page-container page-body">
<div class="page-sub-heading">
<h3 class="page-sub-heading">Add new user</h3>
</div>
<form name="userForm" class="gf-form-group">
<div class="gf-form">
<span class="gf-form-label width-10">Name</span>
<input type="text" required ng-model="user.name" class="gf-form-input max-width-20" >
</div>
<div class="gf-form">
<span class="gf-form-label width-10">Email</span>
<input type="email" ng-model="user.email" class="gf-form-input max-width-20" >
</div>
<div class="gf-form">
<span class="gf-form-label width-10">Username</span>
<input type="text" ng-model="user.login" class="gf-form-input max-width-20" >
</div>
<div class="gf-form">
<span class="gf-form-label width-10">Password</span>
<input type="password" required ng-model="user.password" class="gf-form-input max-width-20" >
</div>
<div class="gf-form-button-row">
<button type="submit" class="btn btn-primary" ng-click="create()">Create</button>
</div>
</form>
</div>
<footer />