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

<settings-menu></settings-menu>
<div *ngIf="form" class="small-middle-container">
    <fieldset>
        <legend>Radarr Settings</legend>
        <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
            <div class="row">
                <div class="col-md-12 col-12 col-sm-12" style="float: right; width:100%; text-align:right;">
                    <div style="float: right; text-align: left; margin-left:20px;">
                        <div class="md-form-field">
                            <mat-slide-toggle formControlName="enabled" id="enable">Enable</mat-slide-toggle>
                        </div>
                        <div class="md-form-field">
                            <mat-slide-toggle [(ngModel)]="advanced" [ngModelOptions]="{standalone: true}">Advanced</mat-slide-toggle>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-7 col-8 col-sm-12">
                    <label for="username" class="control-label"><h3>Server Configuration</h3></label>
                    <div class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <mat-label>Hostname or IP</mat-label>
                            <input matInput placeholder="Hostname or IP" formControlName="ip" placeholder="localhost">
                        </mat-form-field>
                        <mat-form-field appearance="outline" floatLabel=always>
                            <mat-label>Port</mat-label>
                            <input matInput placeholder="Port" formControlName="port" placeholder="Port Number">
                        </mat-form-field>
                        <mat-slide-toggle formControlName="ssl">
                            SSL
                        </mat-slide-toggle>
                    </div>
                    <div class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <mat-label>API key</mat-label>
                            <input matInput placeholder="API Key" formControlName="apiKey" placeholder="API key">
                        </mat-form-field>
                    </div>
                    <div class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <mat-label>Base URL</mat-label>
                            <input matInput placeholder="Base Url" formControlName="subDir">
                        </mat-form-field>
                    </div>
                </div>
                <div class="col-md-5 col-4 col-sm-12">
                    <label for="username" class="control-label"><h3>Interface</h3></label>
                    <div class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <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 class="md-form-field" style="display:inline;margin-left:20px;">
                            <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 class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <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 class="md-form-field" style="display:inline;margin-left:20px;">
                            <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 class="md-form-field">
                        <mat-form-field appearance="outline" floatLabel=always>
                            <mat-label>Default Minimum Availability</mat-label>
                            <mat-select formControlName="minimumAvailability" required>
                                <mat-option *ngFor="let min of minimumAvailabilityOptions" [value]="min.value">
                                    {{min.name}}
                                </mat-option>
                            </mat-select>
                        </mat-form-field>
                    </div>
                    <div class="md-form-field" *ngIf="advanced" style="color:#ff761b">
                        <mat-slide-toggle formControlName="addOnly">
                            Do not search
                        </mat-slide-toggle>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="md-form-field">
                        <div>
                            <button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button>
                        </div>
                        </div>
                        <div class="md-form-field" style="margin-top:1em;">
                        <div>
                            <button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </fieldset>
</div>