You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
5.1 KiB

4 years ago
  1. <!doctype html>
  2. <html lang="it" ng-app="lilikAddUserApp">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <title>Create new user</title>
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
  8. <link rel="stylesheet" href="add.css" />
  9. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" integrity="sha384-7N66VCkbpJUVwHKCEz5qEgog94BLAJpgfXvD55ThBuHpdPrffMfva/Kl1WH8Y8FS" crossorigin="anonymous"></script>
  10. <script src="add.js"></script>
  11. </head>
  12. <body ng-controller="AddUserController">
  13. <div class="container text-center" ng-show="showLoginForm">
  14. <form class="form-signin">
  15. <h1 class="h3 mb-3 font-weight-normal">Accesso admin</h1>
  16. <label for="adminUid" class="sr-only">Username:</label>
  17. <input class="form-control" type="username" id="adminUid" ng-model="adminUid" placeholder="Username" required autofocus />
  18. <input class="form-control" type="password" id="adminPwd" ng-model="adminPwd" placeholder="Password" required />
  19. <button class="btn btn-lg btn-primary btn-block" type="submit" ng-click="getGroups()">Login</button>
  20. <div ng-show="loginError" class="alert alert-danger" role="alert">
  21. <h4>Impossibile accedere!</h4>
  22. <p>Non è stato possibile autenticarsi come amministratore.</p>
  23. </div>
  24. </form>
  25. </div>
  26. <div class="container" ng-show="showAddForm">
  27. <form name="newUserForm">
  28. <h1 ng-show="!startConfirm" class="h3 mb-3 font-weight-normal">Crea nuovo utente</h1>
  29. <h1 ng-show="startConfirm" class="h3 mb-3 font-weight-normal">Conferma creazione</h1>
  30. <div class="form-group">
  31. <label for="newGroup">Gruppo principale</label>
  32. <select class="form-control" id="newGroup" ng-model="newGroup" required ng-readonly="startConfirm">
  33. <option ng-repeat="(key, value) in groups" value="{{key}}">{{value}}</option>
  34. </select>
  35. </div>
  36. <div class="form-group">
  37. <label for="newUid">Username</label>
  38. <input class="form-control" type="username" id="newUid" ng-model="newUid" placeholder="nome-utente" aria-describedby="newUidHelp" required ng-readonly="startConfirm" ng-keyup="typingUser()" />
  39. <small id="newUidHelp" class="form-text text-muted">
  40. Nome utente utilizzato per il login e per gli indirizzi <i>nome-utente</i><b>@lilik.it</b>.
  41. </small>
  42. </div>
  43. <div class="form-group">
  44. <label for="newCn">Nome visualizzato</label>
  45. <input class="form-control" type="commonname" id="newCn" ng-model="newCn" placeholder="Nome Utente" aria-describedby="newCnHelp" required ng-readonly="startConfirm" />
  46. <small id="newCnHelp" class="form-text text-muted">
  47. Nome pubblico visualizzato, per esempio in file condivisi o chat.
  48. </small>
  49. </div>
  50. <div class="form-group">
  51. <label for="newCn">Nome e cognome</label>
  52. <input class="form-control" type="fullname" id="newSn" ng-model="newSn" placeholder="Nome Cognome" aria-describedby="newSnHelp" required ng-readonly="startConfirm" />
  53. <small id="newSnHelp" class="form-text text-muted">
  54. Nome e cognome completo. Non viene reso pubblico, solo per organizzazione interna.
  55. </small>
  56. </div>
  57. <button ng-disabled="newUserForm.$invalid" ng-show="!startConfirm" class="btn btn-lg btn-primary btn-block" type="submit" ng-click="createNewUser()">Crea</button>
  58. <button ng-disabled="creationPending" ng-show="startConfirm && !newPasswd && !createError" class="btn btn-lg btn-primary btn-block" type="submit" ng-click="confirmNewUser()">Conferma</button>
  59. <div ng-show="newPasswd" class="alert alert-success" role="alert">
  60. <h4>Utente creato!</h4>
  61. <p>Quella che segue è la password temporanea. Comunicala all'utente attraverso un canale sicuro e invitalo a modificarla prima di ogni altra cosa,
  62. accedendo a <u>https://login.lilik.it</u>. Copiala e inviala ora, non verrà mostrata in un secondo momento!</p>
  63. <hr>
  64. <h2 class="text-monospace text-center">{{newPasswd}}</h2>
  65. <hr>
  66. <a href="#" class="alert-link" ng-click="anotherUser()">Crea un altro utente</a>
  67. </div>
  68. <div ng-show="createError" class="alert alert-danger" role="alert">
  69. <h4>Errore!</h4>
  70. <p>Non è stato possibile completare la creazione dell'utente per il seguente motivo:</p>
  71. <hr>
  72. <p>{{createError}}</p>
  73. <hr>
  74. <a href="#" class="alert-link" ng-click="editUser()">Modifica dati utente</a>
  75. </div>
  76. </form>
  77. </div>
  78. </body>
  79. </body>
  80. </html>