open-source-mirrors
/
Ombi
mirror of https://github.com/Ombi-app/Ombi
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3932 from tidusjar/moresettings

Browse Source 
jobs page and the update page
pull/3924/head^2
Jamie 4 years ago committed by GitHub
parent b77769e032 cb234e1776
commit 4228fcacba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 174 additions and 144 deletions
Show Stats Download Patch File Download Diff File

192
src/Ombi/ClientApp/src/app/settings/jobs/jobs.component.html
Unescape View File

@ -1,121 +1,135 @@
<settings-menu> <settings-menu></settings-menu>
</settings-menu>
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Job-Settings'"></wiki> <wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Job-Settings'"></wiki>
<div *ngIf="form"> <div *ngIf="form" class="small-middle-container">
<fieldset> <fieldset>
<legend>Job Settings</legend> <legend>Job Settings</legend>
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:5%;"> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="col-md-6"> <small>Changes require a restart.</small><p>
<small>Changes to any of the below requires you to restart Ombi. </small>
<small>You can generate valid CRON Expressions here: <a href="https://www.cronmaker.com/" target="_blank">https://www.cronmaker.com/</a></small> <small>You can generate valid CRON Expressions here: <a href="https://www.cronmaker.com/" target="_blank">https://www.cronmaker.com/</a></small>
<div class="form-group"> <div style="margin-top:1em;">
<label for="sonarrSync" class="control-label">Sonarr Sync</label> <div class="form-group cronBox">
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('sonarrSync').hasError('required')}" id="sonarrSync" name="sonarrSync" formControlName="sonarrSync"> <mat-form-field appearance="outline" floatLabel=always>
<small *ngIf="form.get('sonarrSync').hasError('required')" class="error-text">The Sonarr Sync is required</small> <mat-label for="sonarrSync" class="control-mat-label">Sonarr Sync</mat-label>
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('sonarrSync')?.value)">Test</button> <input matInput type="text" [ngClass]="{'form-error': form.get('sonarrSync').hasError('required')}" id="sonarrSync" name="sonarrSync" formControlName="sonarrSync">
</div> <small *ngIf="form.get('sonarrSync').hasError('required')" class="error-text">The Sonarr Sync is required</small></mat-form-field>
<div class="form-group"> <button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('sonarrSync')?.value)">Test</button>
<label for="sickRageSync" class="control-label">SickRage Sync</label>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('sonarrSync').hasError('required')}" id="sickRageSync" name="sickRageSync" formControlName="sickRageSync"> </div>
<small *ngIf="form.get('sickRageSync').hasError('required')" class="error-text">The SickRage Sync is required</small> <div class="form-group cronBox">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('sickRageSync')?.value)">Test</button> <mat-form-field appearance="outline" floatLabel=always>
<mat-label for="sickRageSync" class="control-mat-label">SickRage Sync</mat-label>
<input type="text" matInput [ngClass]="{'form-error': form.get('sonarrSync').hasError('required')}" id="sickRageSync" name="sickRageSync" formControlName="sickRageSync">
<small *ngIf="form.get('sickRageSync').hasError('required')" class="error-text">The SickRage Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('sickRageSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="radarrSync" class="control-label">Radarr Sync</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('radarrSync').hasError('required')}" id="radarrSync" name="radarrSync" formControlName="radarrSync"> <mat-label for="radarrSync" class="control-mat-label">Radarr Sync</mat-label>
<small *ngIf="form.get('radarrSync').hasError('required')" class="error-text">The Radarr Sync is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('radarrSync').hasError('required')}" id="radarrSync" name="radarrSync" formControlName="radarrSync">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('radarrSync')?.value)">Test</button> <small *ngIf="form.get('radarrSync').hasError('required')" class="error-text">The Radarr Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('radarrSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="lidarrArtistSync" class="control-label">Lidarr Sync</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('lidarrArtistSync').hasError('required')}" id="lidarrArtistSync" name="lidarrArtistSync" formControlName="lidarrArtistSync"> <mat-label for="lidarrArtistSync" class="control-mat-label">Lidarr Sync</mat-label>
<small *ngIf="form.get('lidarrArtistSync').hasError('required')" class="error-text">The Lidarr Sync is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('lidarrArtistSync').hasError('required')}" id="lidarrArtistSync" name="lidarrArtistSync" formControlName="lidarrArtistSync">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('lidarrArtistSync')?.value)">Test</button> <small *ngIf="form.get('lidarrArtistSync').hasError('required')" class="error-text">The Lidarr Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('lidarrArtistSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="couchPotatoSync" class="control-label">CouchPotato Sync</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('radarrSync').hasError('required')}" id="couchPotatoSync" name="couchPotatoSync" formControlName="couchPotatoSync"> <mat-label for="couchPotatoSync" class="control-mat-label">CouchPotato Sync</mat-label>
<small *ngIf="form.get('couchPotatoSync').hasError('required')" class="error-text">The CouchPotato Sync is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('radarrSync').hasError('required')}" id="couchPotatoSync" name="couchPotatoSync" formControlName="couchPotatoSync">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('couchPotatoSync')?.value)">Test</button> <small *ngIf="form.get('couchPotatoSync').hasError('required')" class="error-text">The CouchPotato Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('couchPotatoSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="automaticUpdater" class="control-label">Automatic Update</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('automaticUpdater').hasError('required')}" id="automaticUpdater" name="automaticUpdater" formControlName="automaticUpdater"> <mat-label for="automaticUpdater" class="control-mat-label">Automatic Update</mat-label>
<small *ngIf="form.get('automaticUpdater').hasError('required')" class="error-text">The Automatic Update is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('automaticUpdater').hasError('required')}" id="automaticUpdater" name="automaticUpdater" formControlName="automaticUpdater">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('automaticUpdater')?.value)">Test</button> <small *ngIf="form.get('automaticUpdater').hasError('required')" class="error-text">The Automatic Update is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('automaticUpdater')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="retryRequests" class="control-label">Retry Failed Requests</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('retryRequests').hasError('required')}" id="retryRequests" name="retryRequests" formControlName="retryRequests"> <mat-label for="retryRequests" class="control-mat-label">Retry Failed Requests</mat-label>
<small *ngIf="form.get('retryRequests').hasError('required')" class="error-text">The Retry Requests is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('retryRequests').hasError('required')}" id="retryRequests" name="retryRequests" formControlName="retryRequests">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('retryRequests')?.value)">Test</button> <small *ngIf="form.get('retryRequests').hasError('required')" class="error-text">The Retry Requests is required</small></mat-form-field>
</div> <button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('retryRequests')?.value)">Test</button>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="plexContentSync" class="control-label">Plex Sync</label>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('plexContentSync').hasError('required')}" id="plexContentSync" name="plexContentSync" formControlName="plexContentSync">
<small *ngIf="form.get('plexContentSync').hasError('required')" class="error-text">The Plex Sync is required</small>
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('plexContentSync')?.value)">Test</button>
</div>
<div class="form-group">
<label for="plexRecentlyAddedSync" class="control-label">Plex Recently Added Sync</label>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('plexRecentlyAddedSync').hasError('required')}" id="plexRecentlyAddedSync" name="plexRecentlyAddedSync" formControlName="plexRecentlyAddedSync">
<small *ngIf="form.get('plexRecentlyAddedSync').hasError('required')" class="error-text">The Plex Sync is required</small>
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('plexRecentlyAddedSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="embyContentSync" class="control-label">Emby Sync</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('embyContentSync').hasError('required')}" id="embyContentSync" name="embyContentSync" formControlName="embyContentSync"> <mat-label for="plexContentSync" class="control-mat-label">Plex Sync</mat-label>
<small *ngIf="form.get('embyContentSync').hasError('required')" class="error-text">The Emby Sync is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('plexContentSync').hasError('required')}" id="plexContentSync" name="plexContentSync" formControlName="plexContentSync">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('embyContentSync')?.value)">Test</button> <small *ngIf="form.get('plexContentSync').hasError('required')" class="error-text">The Plex Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('plexContentSync')?.value)">Test</button>
</div>
<div class="form-group cronBox">
<mat-form-field appearance="outline" floatLabel=always>
<mat-label for="plexRecentlyAddedSync" class="control-mat-label">Plex Recently Added Sync</mat-label>
<input type="text" matInput [ngClass]="{'form-error': form.get('plexRecentlyAddedSync').hasError('required')}" id="plexRecentlyAddedSync" name="plexRecentlyAddedSync" formControlName="plexRecentlyAddedSync">
<small *ngIf="form.get('plexRecentlyAddedSync').hasError('required')" class="error-text">The Plex Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('plexRecentlyAddedSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="userImporter" class="control-label">User Importer</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('userImporter').hasError('required')}" id="userImporter" name="userImporter" formControlName="userImporter"> <mat-label for="embyContentSync" class="control-mat-label">Emby Sync</mat-label>
<small *ngIf="form.get('userImporter').hasError('required')" class="error-text">The User Importer is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('embyContentSync').hasError('required')}" id="embyContentSync" name="embyContentSync" formControlName="embyContentSync">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('userImporter')?.value)">Test</button> <small *ngIf="form.get('embyContentSync').hasError('required')" class="error-text">The Emby Sync is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('embyContentSync')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="userImporter" class="control-label">Newsletter</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('newsletter').hasError('required')}" id="newsletter" name="newsletter" formControlName="newsletter"> <mat-label for="userImporter" class="control-mat-label">User Importer</mat-label>
<small *ngIf="form.get('newsletter').hasError('required')" class="error-text">The Newsletter is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('userImporter').hasError('required')}" id="userImporter" name="userImporter" formControlName="userImporter">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('newsletter')?.value)">Test</button> <small *ngIf="form.get('userImporter').hasError('required')" class="error-text">The User Importer is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('userImporter')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="userImporter" class="control-label">Issue Purge/Delete</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('issuesPurge').hasError('required')}" id="issuesPurge" name="issuesPurge" formControlName="issuesPurge"> <mat-label for="userImporter" class="control-mat-label">Newsletter</mat-label>
<small *ngIf="form.get('issuesPurge').hasError('required')" class="error-text">The Issues Purge is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('newsletter').hasError('required')}" id="newsletter" name="newsletter" formControlName="newsletter">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('issuesPurge')?.value)">Test</button> <small *ngIf="form.get('newsletter').hasError('required')" class="error-text">The Newsletter is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('newsletter')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="userImporter" class="control-label">Media Data Refresh</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('mediaDatabaseRefresh').hasError('required')}" id="mediaDatabaseRefresh" name="mediaDatabaseRefresh" formControlName="mediaDatabaseRefresh"> <mat-label for="userImporter" class="control-mat-label">Issue Purge/Delete</mat-label>
<small *ngIf="form.get('mediaDatabaseRefresh').hasError('required')" class="error-text">The Media Database Refresh is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('issuesPurge').hasError('required')}" id="issuesPurge" name="issuesPurge" formControlName="issuesPurge">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('mediaDatabaseRefresh')?.value)">Test</button> <small *ngIf="form.get('issuesPurge').hasError('required')" class="error-text">The Issues Purge is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('issuesPurge')?.value)">Test</button>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<label for="userImporter" class="control-label">Auto Available Request Deletion</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom" [ngClass]="{'form-error': form.get('autoDeleteRequests').hasError('required')}" id="autoDeleteRequests" name="autoDeleteRequests" formControlName="autoDeleteRequests"> <mat-label for="userImporter" class="control-mat-label">Media Data Refresh</mat-label>
<small *ngIf="form.get('autoDeleteRequests').hasError('required')" class="error-text">Auto Available Request Deletion is required</small> <input type="text" matInput [ngClass]="{'form-error': form.get('mediaDatabaseRefresh').hasError('required')}" id="mediaDatabaseRefresh" name="mediaDatabaseRefresh" formControlName="mediaDatabaseRefresh">
<button type="button" class="btn btn-sm btn-primary-outline" (click)="testCron(form.get('autoDeleteRequests')?.value)">Test</button> <small *ngIf="form.get('mediaDatabaseRefresh').hasError('required')" class="error-text">The Media Database Refresh is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('mediaDatabaseRefresh')?.value)">Test</button>
</div>
<div class="form-group cronBox">
<mat-form-field appearance="outline" floatLabel=always>
<mat-label for="userImporter" class="control-mat-label">Auto Available Request Deletion</mat-label>
<input type="text" matInput [ngClass]="{'form-error': form.get('autoDeleteRequests').hasError('required')}" id="autoDeleteRequests" name="autoDeleteRequests" formControlName="autoDeleteRequests">
<small *ngIf="form.get('autoDeleteRequests').hasError('required')" class="error-text">Auto Available Request Deletion is required</small></mat-form-field>
<button mat-raised-button type="button" class="btn btn-sm btn-primary-outline cronbtn" (click)="testCron(form.get('autoDeleteRequests')?.value)">Test</button>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group cronBox">
<div> <div>
<button type="submit" [disabled]="form.invalid" class="btn btn-primary-outline">Submit</button> <button mat-raised-button type="submit" [disabled]="form.invalid" class="mat-focus-indicator mat-raised-button mat-button-base mat-accent">Submit</button>
</div> </div>
</div> </div>
</form> </form>

13
src/Ombi/ClientApp/src/app/settings/jobs/jobs.component.scss
Unescape View File

@ -1,5 +1,16 @@
.small-middle-container{ .small-middle-container{
margin: auto; margin: auto;
width: 85%; width: 95%;
margin-top:10px; margin-top:10px;
} }
.cronBox {
width: 300px;
display: inline-flex;
padding-left: 0px;
margin-right: 1em;
}
.cronbtn {
max-height: 36px;
margin-top: 1em;
margin-left: .5em;
}

104
src/Ombi/ClientApp/src/app/settings/update/update.component.html
Unescape View File

@ -4,85 +4,87 @@
<div *ngIf="form" class="small-middle-container"> <div *ngIf="form" class="small-middle-container">
<fieldset> <fieldset>
<legend>Update Settings</legend> <legend>Update Settings</legend>
<div class="form-group" style="float: right"> <div class="md-form-field" style="margin-top:1em">
<div *ngIf="updateAvailable"> <div *ngIf="updateAvailable"><button mat-raised-button (click)="update()" [disabled]="!enableUpdateButton" class="btn btn-success-outline">Update</button></div>
<button (click)="update()" [disabled]="!enableUpdateButton" class="btn btn-success-outline">Update</button> <div *ngIf="!updateAvailable"><button mat-raised-button (click)="checkForUpdate()" class="btn btn-primary-outline">Check For Update</button></div>
</div> </div>
<div *ngIf="!updateAvailable"> <div class="md-form-field" style="margin-top:1em"></div>
<button (click)="checkForUpdate()" class="btn btn-primary-outline">Check For Update</button> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="md-form-field">
<mat-slide-toggle id="autoUpdateEnabled" formControlName="autoUpdateEnabled">
<mat-mat-label for="autoUpdateEnabled">Enable Automatic Update</mat-mat-label>
</mat-slide-toggle>
</div> </div>
</div> <!-- <div class="md-form-field">
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:5%;"> <mat-slide-toggle id="testMode" formControlName="testMode">
<div class="col-md-6"> <mat-label for="testMode">Test Mode</mat-label>
<div class="form-group">
<div class="checkbox">
<input type="checkbox" id="autoUpdateEnabled" formControlName="autoUpdateEnabled">
<label for="autoUpdateEnabled">Enable Automatic Update</label>
</div>
</div>
<!-- <div class="form-group">
<div class="checkbox">
<input type="checkbox" id="testMode" formControlName="testMode">
<label for="testMode">Test Mode</label>
</div> </div>
</div> --> </div> -->
<div class="form-group" *ngIf="isWindows"> <div class="md-form-field" *ngIf="isWindows">
<div class="checkbox"> <mat-slide-toggle id="windowsService" formControlName="windowsService">
<input type="checkbox" id="windowsService" formControlName="windowsService"> <mat-label for="windowsService">Running as a Windows Service</mat-label>
<label for="windowsService">Running as a Windows Service</label> </mat-slide-toggle>
</div>
</div> </div>
<div class="form-group" *ngIf="!form.value.windowsService"> <div class="md-form-field" *ngIf="!form.value.windowsService">
<div class="checkbox"> <mat-slide-toggle id="useScript" formControlName="useScript">
<input type="checkbox" id="useScript" formControlName="useScript"> <mat-label for="useScript">Use your own updater script</mat-label>
<label for="useScript">Use your own updater script</label> </mat-slide-toggle>
</div> </div>
</div> <div class="md-form-field" style="margin-top:1em"></div>
<div *ngIf="form.value.windowsService"> <div *ngIf="form.value.windowsService">
<div class="form-group"> <div class="md-form-field textEntry">
<label for="windowsServiceName" class="control-label">Windows Service Name</label> <mat-form-field appearance="outline" floatLabel=always><mat-label for="windowsServiceName" class="control-mat-label">Windows Service Name</mat-label>
<input type="text" class="form-control form-control-custom " id="windowsServiceName" name="windowsServiceName" formControlName="windowsServiceName"> <input matInput id="windowsServiceName" name="windowsServiceName" formControlName="windowsServiceName">
</mat-form-field>
</div> </div>
</div> </div>
<div [hidden]="!useScript || form.value.windowsService"> <div [hidden]="!useScript || form.value.windowsService">
<small>For information how to use this, please press the wiki button at the top of the page</small> <small>For information how to use this, please press the wiki button at the top of the page</small>
<div class="form-group"> <div class="md-form-field textEntry">
<label for="scriptLocation" class="control-label">Script Path</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom " id="scriptLocation" name="scriptLocation" formControlName="scriptLocation"> <mat-label for="scriptLocation" class="control-mat-label">Script Path</mat-label>
<input matInput id="scriptLocation" name="scriptLocation" formControlName="scriptLocation">
</mat-form-field>
</div> </div>
</div> </div>
<div [hidden]="useScript || form.value.windowsService"> <div [hidden]="useScript || form.value.windowsService">
<small >By default the process name is Ombi, but this could be different for your system. We need to know the process name so we can kill that process to update the files.</small> <small >By default the process name is Ombi, but this could be different for your system. We need to know the process name so we can kill that process to update the files.</small>
<div class="form-group"> <div class="md-form-field textEntry">
<label for="processName">Ombi Process Name</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" id="processName" class="form-control form-control-custom" placeholder="Ombi" formControlName="processName"> <mat-label for="processName">Ombi Process Name</mat-label>
<input matInput id="processName" placeholder="Ombi" formControlName="processName">
</mat-form-field>
</div> </div>
</div> </div>
<div class="form-group">
<div>
<button type="submit" class="btn btn-primary-outline ">Submit</button> <div class="md-form-field" [hidden]="useScript" *ngIf="isWindows">
</div>
</div>
</div>
<div class="col-md-6" [hidden]="useScript" *ngIf="isWindows">
<small>If you are getting any permissions issues, you can specify a user for the update process to run under.</small> <small>If you are getting any permissions issues, you can specify a user for the update process to run under.</small>
<div class="form-group"> <div class="md-form-field textEntry">
<label for="username" class="control-label">Username</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="text" class="form-control form-control-custom " id="username" name="username" formControlName="username"> <mat-label for="username" class="control-mat-label">Username</mat-label>
<input matInput id="username" name="username" formControlName="username">
</mat-form-field>
</div> </div>
<div class="form-group"> <div class="md-form-field textEntry">
<label for="password">Password</label> <mat-form-field appearance="outline" floatLabel=always>
<input type="password" id="password" class="form-control form-control-custom" formControlName="password"> <mat-label for="password">Password</mat-label>
<input matInput type="password" id="password" formControlName="password">
</mat-form-field>
</div>
</div>
<div class="md-form-field" style="margin-top:1em;">
<div>
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false"><span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div><div class="mat-button-focus-overlay"></div></button>
</div> </div>
</div> </div>
</form> </form>

9
src/Ombi/ClientApp/src/app/settings/update/update.component.scss
Unescape View File

@ -1,5 +1,8 @@
.small-middle-container{ .small-middle-container {
margin: auto; margin: auto;
width: 85%; width: 95%;
margin-top:10px; margin-top: 10px;
}
.textEntry {
width: 300px;
} }
Write Preview
Loading…
Cancel
Save