-
Notifications
You must be signed in to change notification settings - Fork 9
/
consumerapp-edit.html
61 lines (61 loc) · 4.39 KB
/
consumerapp-edit.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<div class="consumer-edit">
<div class="card-title-block">
<div class="title in_block items">
<h3>Edit Consumer App</h3>
</div>
<div class="text-right items">
<button md-raised-button type="submit" class="btn-back btn-green" (click)="cancel()"> <i class="material-icons">arrow_back</i>Back</button>
</div>
</div>
<form #consumerappEditForm="ngForm">
<input type="hidden" [(ngModel)]="consumerModel.Id" [ngModelOptions]="{standalone: true}" name="id" />
<div class="form-group d-flex">
<div class="half-width mr-25">
<md-input-container class="full-width">
<input mdInput placeholder="Auth Id" [(ngModel)]="consumerModel.AuthId" [ngModelOptions]="{standalone: true}" [disabled]="true" name="AuthId">
</md-input-container>
<button md-raised-button type="submit" class="btn-back btn-green" (click)="getRandomNumber(true)">Re-Generate</button>
</div>
<div class="half-width">
<md-input-container class="full-width">
<input mdInput [type]="clientSecretIndicator ? 'text':'password'" placeholder="Auth Secret" [(ngModel)]="consumerModel.AuthSecret" [ngModelOptions]="{standalone: true}" [disabled]="true" name="AuthSecret">
</md-input-container>
<button md-raised-button type="submit" class="btn-back btn-green" (click)="getRandomNumber(false)">Re-Generate</button>
<div [hidden]="!clientSecretIndicator" class="error">Please copy the client secret. It will be encoded after saving.</div>
</div>
</div>
<div class="form-group d-flex">
<div class="half-width mr-25">
<md-input-container class="full-width">
<input mdInput name="name" placeholder="Name" [(ngModel)]="consumerModel.Name" [ngModelOptions]="{standalone: true}" maxlength="255" required #name="ngModel">
</md-input-container>
<div [hidden]="!(name.touched && !name.valid && name.errors.required)" class="error">Name is required</div>
</div>
<div class="half-width mr-25">
<md-input-container class="full-width">
<input mdInput placeholder="Call Back Url" type="text" name="consumerCallBackUrl" [(ngModel)]="consumerModel.CallbackUrl" [ngModelOptions]="{standalone: true}" maxlength="255" required #consumerCallBackUrl="ngModel" validateUrl>
</md-input-container>
<div [hidden]="!(consumerCallBackUrl.touched && !consumerCallBackUrl.valid && consumerCallBackUrl.errors.required)" class="error">Call Back Url is required</div>
<div [hidden]="!(consumerCallBackUrl.touched && !consumerCallBackUrl.valid && !consumerCallBackUrl.errors.required && consumerCallBackUrl.errors.url)" class="error">Call Back Url is not valid</div>
</div>
</div>
<div class="form-group">
<div class="half-width" style="position:relative;">
<md2-select multiple name="select" [(ngModel)]="consumerModel.Scopes" [ngModelOptions]="{standalone: true}" (change)="scopeOnChange(consumerModel.Scopes)" placeholder="Select Scopes" required>
<md2-option *ngFor="let i of scopes" [value]="i.value">{{i.name}}</md2-option>
</md2-select>
</div>
<div [hidden]="!clientScopeIndicator" class="error">Scope Required</div>
</div>
<div class="form-group">
<md-input-container class="full-width">
<input mdInput placeholder="LogoutUrl" type="text" name="logoutUrl" [(ngModel)]="consumerModel.LogoutUrl" [ngModelOptions]="{standalone: true}" maxlength="255" required #logoutUrl="ngModel" validateUrl>
</md-input-container>
<div [hidden]="!(logoutUrl.touched && !logoutUrl.valid && logoutUrl.errors.required)" class="error">Log-Out Url is required</div>
<div [hidden]="!(logoutUrl.touched && !logoutUrl.valid && !logoutUrl.errors.required && logoutUrl.errors.url)" class="error">Log-Out Url is not valid</div>
</div>
<div class="form-group" id="group-btn">
<button md-raised-button class="btn-green mr-15" type="submit" (click)="updateApps(consumerModel)" [disabled]="!(consumerappEditForm.form.valid && !clientScopeIndicator)">Update</button>
</div>
</form>
</div>