sample-web-ui/src/app/devices/general/general.component.html at 94ac4aa739f2fd761deccb57a2bfd5d3e77f54b1 · device-management-toolkit/sample-web-ui · GitHub

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
@if (isLoading()) {
  <mat-progress-bar mode="indeterminate"></mat-progress-bar>
}
<div class="flex-1 flex-row">
  <mat-card class="flex flex-50 gap-12">
    <mat-card-header>
      <mat-card-title> AMT Summary </mat-card-title>
      <mat-card-subtitle>Summary of AMT information</mat-card-subtitle>
    </mat-card-header>
    <mat-card-content>
      <div class="flex-row flex-wrap">
        <div class="flex flex-50">
          <p>AMT DHCP DNS Suffix:</p>
        </div>
        <div class="flex flex-50 justify-end">
          {{ amtDHCPDNSSuffix }}
        </div>
        <div class="flex flex-50">
          <p>AMT Trusted DNS Suffix (MEBx):</p>
        </div>
        <div class="flex flex-50 justify-end">
          {{ amtTrustedDNSSuffix }}
        </div>
        <div class="flex flex-50">
          <p>AMT Version:</p>
        </div>
        <div class="flex flex-50 justify-end">
          @if (!isLoading()) {
            <span class="mat-h3" data-cy="amtVersion">
              @if (amtVersion) {
                {{ amtVersion }}
              } @else {
                {{ this.device?.deviceInfo?.fwVersion }}
              }
            </span>
          }
        </div>
        <div class="flex flex-50">
          <p>AMT Build:</p>
        </div>
        <div class="flex flex-50 justify-end">
          @if (!isLoading()) {
            <span class="mat-h3" data-cy="amtSku">
              {{ amtBuild }}
            </span>
          }
        </div>
        <div class="flex flex-50">
          <p>AMT SKU:</p>
        </div>
        <div class="flex flex-50 justify-end">
          @if (!isLoading()) {
            <span class="mat-h3" data-cy="amtSku">
              {{ amtSKU }}
            </span>
          }
        </div>
      </div>
    </mat-card-content>
  </mat-card>
  <mat-card class="flex flex-50 gap-12">
    <mat-card-header>
      <mat-card-title> AMT Enabled Features </mat-card-title>
      <mat-card-subtitle>Status of AMT Enabled Features</mat-card-subtitle>
    </mat-card-header>
    <mat-card-content class="amt-features" [formGroup]="amtEnabledFeatures">
      <p></p>
      <div class="flex-row flex-wrap">
        <div class="flex flex-50">
          <p>Provisioning Mode:</p>
        </div>
        <div class="flex flex-50 justify-end" data-cy="provisioningMode">
          {{ amtProvisioningMode }}
        </div>
        <div class="flex flex-50">
          <p>IDE Redirection:</p>
        </div>
        <div class="flex flex-50 justify-end">
          <mat-checkbox formControlName="enableIDER" (change)="setAmtFeatures()"></mat-checkbox>
        </div>
        <div class="flex flex-50">
          <p>Keyboard-Video-Mouse (KVM):</p>
        </div>
        <div
          class="flex flex-50 justify-end"
          matTooltip="KVM not supported"
          [matTooltipDisabled]="!amtEnabledFeatures.get('enableKVM')?.disabled"
          matTooltipPosition="after">
          <mat-checkbox formControlName="enableKVM" (change)="setAmtFeatures()"> </mat-checkbox>
        </div>
        <div class="flex flex-50">
          <p>Serial-Over-Lan (SOL):</p>
        </div>
        <div class="flex flex-50 justify-end">
          <mat-checkbox formControlName="enableSOL" (change)="setAmtFeatures()"></mat-checkbox>
        </div>
        <div class="flex flex-50">
          <p>User Consent:</p>
        </div>
        <div class="flex flex-50 justify-end">
          <mat-form-field>
            <mat-select
              (selectionChange)="setAmtFeatures()"
              formControlName="userConsent"
              style="width: 200px"
              matTooltip="User Consent not configurable in CCM"
              [matTooltipDisabled]="!amtEnabledFeatures.get('userConsent')?.disabled"
              matTooltipPosition="after">
              @for (uc of userConsentValues; track uc) {
                <mat-option [value]="uc">{{ uc }}</mat-option>
              }
            </mat-select>
          </mat-form-field>
        </div>
        <div class="flex flex-50">
          <p>HTTPS Network boot:</p>
        </div>
        <div
          class="flex flex-50 justify-end"
          matTooltip="HTTPS Boot is not supported"
          [matTooltipDisabled]="!amtEnabledFeatures.get('httpsBootSupported')?.disabled"
          matTooltipPosition="after">
          <mat-checkbox formControlName="httpsBootSupported" (change)="setAmtFeatures()"></mat-checkbox>
        </div>
      </div>
    </mat-card-content>
  </mat-card>
</div>