2 <div class=
"content-padding">
4 <h3 *
ngIf=
"isCreation() === true">Add user
</h3>
5 <h3 *
ngIf=
"isCreation() === false">Edit user {{ username }}
</h3>
7 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
9 <form role=
"form" (ngSubmit)=
"formValidated()" [formGroup]=
"form">
10 <div class=
"form-group" *
ngIf=
"isCreation()">
11 <label for=
"username">Username
</label>
13 type=
"text" class=
"form-control" id=
"username" placeholder=
"john"
14 formControlName=
"username"
16 <div *
ngIf=
"formErrors.username" class=
"alert alert-danger">
17 {{ formErrors.username }}
21 <div class=
"form-group">
22 <label for=
"email">Email
</label>
24 type=
"text" class=
"form-control" id=
"email" placeholder=
"mail@example.com"
25 formControlName=
"email"
27 <div *
ngIf=
"formErrors.email" class=
"alert alert-danger">
28 {{ formErrors.email }}
32 <div class=
"form-group" *
ngIf=
"isCreation()">
33 <label for=
"password">Password
</label>
35 type=
"password" class=
"form-control" id=
"password"
36 formControlName=
"password"
38 <div *
ngIf=
"formErrors.password" class=
"alert alert-danger">
39 {{ formErrors.password }}
43 <div class=
"form-group">
44 <label for=
"videoQuota">Video quota
</label>
45 <select class=
"form-control" id=
"videoQuota" formControlName=
"videoQuota">
46 <option *
ngFor=
"let videoQuotaOption of videoQuotaOptions" [value]=
"videoQuotaOption.value">
47 {{ videoQuotaOption.label }}
51 <div class=
"transcoding-information" *
ngIf=
"isTranscodingInformationDisplayed()">
52 Transcoding is enabled on server. The video quota only take in account
<strong>original
</strong> video.
<br />
53 In maximum, this user could use ~ {{ computeQuotaWithTranscoding() | bytes }}.
57 <input type=
"submit" value=
"{{ getFormButtonTitle() }}" class=
"btn btn-default" [disabled]=
"!form.valid">