Ombi/src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.html

<settings-menu></settings-menu>
<div *ngIf="form" class="container">
  <fieldset>
    <legend>Lidarr Settings</legend>
    <div style="float: right;">

      <mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle>
    </div>
    <div>
      <form novalidate [formGroup]="form" class="row" (ngSubmit)="onSubmit(form)" style="padding-top:5%;">
        <div class="col">
          <div>
            <mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle>
          </div>


          <div>
            <mat-form-field>
              <input matInput placeholder="Hostname or IP" formControlName="ip">
            </mat-form-field>
          </div>
          <div>
            <mat-form-field>
              <input matInput placeholder="Port" formControlName="port">
            </mat-form-field>
          </div>
          <div>
            <mat-form-field>
              <input matInput placeholder="API Key" formControlName="apiKey">
            </mat-form-field>
          </div>


          <div>
            <mat-slide-toggle formControlName="ssl">
              Enable SSL
            </mat-slide-toggle>
          </div>


          <div>
            <mat-form-field>
              <input matInput placeholder="Base Url" formControlName="subDir">
            </mat-form-field>
          </div>
        </div>
        <div class="col">

          <div>
            <mat-form-field>
              <mat-label>Quality Profiles</mat-label>
              <mat-select formControlName="defaultQualityProfile" required>
                <mat-option *ngFor="let quality of qualities" [value]="quality.id">
                  {{quality.name}}
                </mat-option>
              </mat-select>
            </mat-form-field>
            <div><button mat-raised-button (click)="getProfiles(form)" color="primary">Load Profiles <span
                  *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button></div>
          </div>

          <div>
            <mat-form-field>
              <mat-label>Default Root Folder</mat-label>
              <mat-select formControlName="defaultRootPath" required>
                <mat-option *ngFor="let folder of rootFolders" [value]="folder.path">
                  {{folder.path}}
                </mat-option>
              </mat-select>
            </mat-form-field>
            <div><button mat-raised-button (click)="getRootFolders(form)" color="primary">Load Root Folders <span
                  *ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button></div>
          </div>

          <div>
            <mat-form-field>
              <mat-label>Language Profile</mat-label>
              <mat-select formControlName="languageProfileId" required>
                <mat-option *ngFor="let folder of languageProfiles" [value]="folder.id">
                  {{folder.name}}
                </mat-option>
              </mat-select>
            </mat-form-field>
            <div><button mat-raised-button (click)="getLanguageProfiles(form)" color="primary">Load Languages <span
                  *ngIf="languageRunning" class="fa fa-spinner fa-spin"></span></button></div>
          </div>

          <div>
            <mat-form-field>
              <mat-label>Metadata Profile</mat-label>
              <mat-select formControlName="metadataProfileId" required>
                <mat-option *ngFor="let folder of metadataProfiles" [value]="folder.id">
                  {{folder.name}}
                </mat-option>
              </mat-select>
            </mat-form-field>
          <div><button mat-raised-button (click)="getLanguaggetMetadataProfileseProfiles(form)" color="primary">Load Metadata <span
            *ngIf="metadataRunning" class="fa fa-spinner fa-spin"></span></button></div>
          </div>


          <div>
            <mat-slide-toggle formControlName="albumFolder">
              Album Folder
            </mat-slide-toggle>
          </div>

          <div *ngIf="advanced" style="color:#ff761b">
            <mat-slide-toggle formControlName="addOnly">
              Do not search
            </mat-slide-toggle>
          </div>


          <div class="form-group">
            <div>
              <button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test
                Connectivity <span id="spinner"></span></button>
            </div>
          </div>


          <div class="form-group">
            <div>
              <button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </fieldset>
</div>