@tuki-io/tuki-widgets 0.0.76 → 0.0.77

package/projects/tuki/widgets/user-device-manage/src/device-associated-line/device-associated-line.component.html

@@ -1,241 +0,0 @@
-<div id="device-associated-line" *ngIf="lineAssociation && form" [formGroup]="form">
-  <ng-container class="line-details__container">
-      <app-line-details-block [title]="'Line setting on the device'">
-        <div class="form-group">
-          <label>Display Caller ID</label>
-          <mat-form-field appearance="outline">
-            <input matInput type="text" name="displayLabel" formControlName="displayLabel"
-                   (input)="onChangeField('displayLabel')">
-            <mat-error *ngIf="form.get('displayLabel')?.hasError('maxlength')">
-              <i class="fa fa-exclamation-triangle"></i>
-              This field can’t have more than 30 characters
-            </mat-error>
-            <mat-error *ngIf="form.get('displayLabel')?.hasError('pattern')">
-              <i class="fa fa-exclamation-triangle"></i>
-              Invalid symbols are used
-            </mat-error>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Text Label</label>
-          <mat-form-field appearance="outline">
-            <input formControlName="textLabel" name="textLabel"
-                   matInput (input)="onChangeField('textLabel')">
-            <mat-error *ngIf="form.get('textLabel')?.hasError('maxlength')">
-              <i class="fa fa-exclamation-triangle"></i>
-              This field can’t have more than 30 characters
-            </mat-error>
-            <mat-error *ngIf="form.get('textLabel')?.hasError('pattern')">
-              <i class="fa fa-exclamation-triangle"></i>
-              Invalid symbols are used
-            </mat-error>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>External Phone Number Mask</label>
-          <mat-form-field appearance="outline">
-            <input matInput type="text" name="e164Mask" formControlName="e164Mask"
-                   (input)="onChangeField('e164Mask')">
-            <mat-error *ngIf="form.get('e164Mask')?.hasError('e164MaskRule')">
-              <i class="fa fa-exclamation-triangle"></i>
-              e164Mask does not match the rule {{getRule()}}
-            </mat-error>
-          </mat-form-field>
-        </div>
-      </app-line-details-block>
-      <div class="form-group__separator_2px"></div>
-      <app-line-details-block [title]="'Multiple Call/Call Waiting Settings'">
-        <div class="form-group">
-          <label>Max Calls</label>
-          <mat-form-field appearance="outline">
-            <input matInput type="number" name="maxNumberOfCalls" formControlName="maxNumberOfCalls"
-                   (input)="onChangeField('maxNumberOfCalls')">
-            <mat-error *ngIf="form.get('maxNumberOfCalls')?.hasError('max')">
-              <i class="fa fa-exclamation-triangle"></i>
-              Value is too big
-            </mat-error>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Busy Trigger</label>
-          <mat-form-field appearance="outline">
-            <input matInput type="number" name="busyTrigger" formControlName="busyTrigger"
-                   (input)="onChangeField('busyTrigger')">
-            <mat-error *ngIf="form.get('busyTrigger')?.hasError('max')">
-              <i class="fa fa-exclamation-triangle"></i>
-              Value can't be bigger than Max Calls
-            </mat-error>
-          </mat-form-field>
-        </div>
-      </app-line-details-block>
-      <div class="form-group__separator_2px"></div>
-      <app-line-details-block [title]="'Call Recording'">
-        <div class="form-group">
-          <label>Recording Option</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              (selectionChange)="recordingOptionChanged('recordingOption')"
-              formControlName="recordingOption"
-              [id]="'associatedLineRecordingOptionField'">
-              <mat-option [value]=recordingOptions.disabled>Call Recording Disabled</mat-option>
-              <mat-option [value]=recordingOptions.auto_enabled>Automatic Call Recording Enabled</mat-option>
-              <mat-option [value]=recordingOptions.selective_enabled>Selective Call Recording Enabled</mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Recording Media Source</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              (selectionChange)="onChangeField('recordingMediaSource')" formControlName="recordingMediaSource"
-              [id]="'associatedLineRecordingMediaSourceField'">
-              <mat-option *ngFor="let source of recordingMediaSources" [value]="source">{{source}}</mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Recording Profile</label>
-          <app-lazy-loading-select
-            [siteId]="siteId"
-            [controlName]="'recordingProfile'"
-            [form]="form"
-            (changeField)="onChangeField('recordingProfile')"
-            [optionsToken]="'recordingProfile'"></app-lazy-loading-select>
-        </div>
-      </app-line-details-block>
-      <div class="form-group__separator_2px"></div>
-      <app-line-details-block [title]="'Additional line settings on the device'">
-        <div class="form-group">
-          <label>Visual Message Waiting Indicator Policy</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              formControlName="visualMWI"
-              (selectionChange)="onChangeField('visualMWI')">
-              <mat-option
-                *ngFor="let option of staticOptions.VISUAL_MWI" [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Ring Setting (Phone Idle)</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              formControlName="ringSetting_idle"
-              (selectionChange)="onChangeField('ringSetting_idle')">
-              <mat-option *ngFor="let option of staticOptions.RING_SETTING_IDLE" [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Call Pickup Audio Alert Setting (Phone Idle)</label>
-          <mat-form-field appearance="outline">
-            <mat-select name="pickupAAS_idle"
-              formControlName="pickupAAS_idle"
-              (selectionChange)="onChangeField('pickupAAS_idle')">
-              <mat-option *ngFor="let option of staticOptions.CALL_PICKUP_GROUP_AUDIO_SETTING_PHONE_IDLE" [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Monitoring Calling Search Space</label>
-          <mat-form-field appearance="outline">
-            <input
-              [matAutocomplete]="auto"
-              matInput
-              (input)="onAutocomplete('monitorCSS')"
-              formControlName="monitorCSS">
-            <mat-autocomplete
-              #auto="matAutocomplete"
-              (optionSelected)="onChangeField('monitorCSS')">
-              <mat-option  *ngFor="let option of filteredMonitorCssList" [value]="option" >
-                {{option}}
-              </mat-option>
-            </mat-autocomplete>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Audible Message Waiting Indicator Policy</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              formControlName="audibleMWI"
-              (selectionChange)="onChangeField('audibleMWI')">
-              <mat-option *ngFor="let option of staticOptions.DEFAULT_ON_OFF" [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Ring Setting (Phone Active)</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              formControlName="ringSetting_active"
-              (selectionChange)="onChangeField('ringSetting_active')">
-              <mat-option *ngFor="let option of staticOptions.RING_SETTING_ACTIVE" [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Call Pickup Audio Alert Setting (Phone Active)</label>
-          <mat-form-field appearance="outline">
-            <mat-select
-              formControlName="pickupAAS_active"
-              (selectionChange)="onChangeField('pickupAAS_active')">
-              <mat-option
-                *ngFor="let option of staticOptions.CALL_PICKUP_GROUP_AUDIO_SETTING_PHONE_ACTIVE"
-                [value]="option">
-                {{option}}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Log Missed Calls</label>
-          <mat-slide-toggle name="logMissedCalls" formControlName="logMissedCall"></mat-slide-toggle>
-        </div>
-      </app-line-details-block>
-      <div class="form-group__separator_2px"></div>
-      <app-line-details-block [title]="'Forwardred call information display'">
-        <div class="form-group">
-          <label>Caller Name</label>
-          <mat-slide-toggle name="callerName" formControlName="callerName" (change)="onChangeField('callerName')"></mat-slide-toggle>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Redirected Number</label>
-          <mat-slide-toggle name="redirectedNumber" formControlName="redirectedNumber" (change)="onChangeField('redirectedNumber')"></mat-slide-toggle>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Caller Number</label>
-          <mat-slide-toggle name="callerNumber" formControlName="callerNumber" (change)="onChangeField('callerNumber')"></mat-slide-toggle>
-        </div>
-        <div class="form-group__separator"></div>
-        <div class="form-group">
-          <label>Dialed Number</label>
-          <mat-slide-toggle name="dialedNumber" formControlName="dialedNumber" (change)="onChangeField('dialedNumber')"></mat-slide-toggle>
-        </div>
-      </app-line-details-block>
-  </ng-container>
-
-</div>