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

a bit more wip on the login page and fixed the approve/deny on the movie page

Browse Source
pull/3895/head
Jamie Rees 6 years ago
parent e418cbae57
commit fd299b92ee
6 changed files with 100 additions and 68 deletions
Show Stats Download Patch File Download Diff File

136
src/Ombi/ClientApp/src/app/login/login.component.html
Unescape View File

@ -1,60 +1,84 @@
<div *ngIf="form && customizationSettings && authenticationSettings">
<!-- <div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background"></div> --> <!--TODO TURN BACK ON-->
<div class="container" id="login">
<div class="card card-container">
<div *ngIf="!customizationSettings.logo">
<img id="profile-img" class="profile-img-card" src="{{baseUrl}}/images/logo.png" />
</div>
<div *ngIf="customizationSettings.logo">
<img id="profile-img" class="center" [src]="customizationSettings.logo" />
</div>
<p id="profile-name" class="profile-name-card"></p>
<div *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<mat-form-field class="full-width">
<input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}"
formControlName="username" />
<mat-error *ngIf="form.get('username').hasError('required')">
{{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
</mat-form-field>
<mat-form-field class="full-width">
<input type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}"
formControlName="password" />
</mat-form-field>
<mat-checkbox class="white-checkbox" formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
<!-- <button class="btn btn-success" type="submit" data-test='signinbtn' [translate]="'Login.SignInButton'"></button> -->
<button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
<a [routerLink]="['/reset']" class="forgot-password col-md-12">
<b [translate]="'Login.ForgottenPassword'"></b>
</a>
</form>
<!-- /form -->
</div>
<!-- Main OAuth Flow -->
<div *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi">
<div class="form-signin">
<button class="btn btn-success" type="button" (click)="loginWithOmbi = true">
Sign In With {{appName}}</button>
</div>
<div class="form-signin">
<button class="btn btn-primary" type="button" (click)="oauth()">
Sign In With Plex</button>
</div>
</div>

<div *ngIf="background" @fadeInOut class="bg" [style.background-image]="background"></div>
<div class="small-middle-container">
<div *ngIf="form && customizationSettings && authenticationSettings">
<!--TODO TURN BACK ON-->
<mat-card class="mat-elevation-z8 top-margin">
<img mat-card-image src="{{baseUrl}}/images/logo.png">
<mat-card-content>
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<mat-form-field class="full-width">
<input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
<mat-error *ngIf="form.get('username').hasError('required')">
{{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
</mat-form-field>
<mat-form-field class="full-width">
<input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
</mat-form-field>
<mat-checkbox class="white-checkbox" formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
<button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
<a [routerLink]="['/reset']" class="forgot-password col-md-12">
<b [translate]="'Login.ForgottenPassword'"></b>
</a>
</form>
</mat-card-content>
</mat-card>
<!-- <div class="container" id="login">
<div class="card card-container">
<div *ngIf="!customizationSettings.logo">
<img id="profile-img" class="profile-img-card" src="{{baseUrl}}/images/logo.png" />
</div>
<div *ngIf="customizationSettings.logo">
<img id="profile-img" class="center" [src]="customizationSettings.logo" />
</div>
<p id="profile-name" class="profile-name-card"></p>
<div *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<mat-form-field class="full-width">
<input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" />
<mat-error *ngIf="form.get('username').hasError('required')">
{{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
</mat-form-field>
<mat-form-field class="full-width">
<input type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" />
</mat-form-field>
<mat-checkbox class="white-checkbox" formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
<button mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
<a [routerLink]="['/reset']" class="forgot-password col-md-12">
<b [translate]="'Login.ForgottenPassword'"></b>
</a>
</form>
</div>
<div *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi">
<div class="form-signin">
<button mat-raised-button color="warn" type="button" (click)="loginWithOmbi = true">
Sign In With {{appName}}</button>
</div>
<!-- /card-container -->
<div class="form-signin">
<button mat-raised-button color="warn" type="button" (click)="oauth()">
Sign In With Plex</button>
</div>
</div>
</div>
<!-- /container -->
</div> -->
</div>
</div>

17
src/Ombi/ClientApp/src/app/login/login.component.scss
Unescape View File

@ -44,12 +44,7 @@ div.bg {
width: 100%;
}
::ng-deep input.mat-input-element {
color: white; // choose the color you want
}
::ng-deep label.mat-input-placeholder {
color: #fff; // choose the color you want
}
.white-checkbox {
color:white;
}
@ -211,4 +206,14 @@ div.bg {
.full-width {
width: 100%;
}
.small-middle-container{
margin: auto;
width: 25%;
overflow: auto;
}
.top-margin {
margin-top:10%;
}

6
src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.ts
Unescape View File

@ -85,7 +85,7 @@ export class MovieDetailsComponent {
}
public async deny() {
const result = await this.requestService.denyMovie({ id: this.theMovidDbId, reason: "" }).toPromise();
const result = await this.requestService.denyMovie({ id: this.movieRequest.id, reason: "" }).toPromise();
if (result.result) {
this.movie.approved = false;
this.messageService.send(result.message, "Ok");
@ -95,10 +95,10 @@ export class MovieDetailsComponent {
}
public async approve() {
const result = await this.requestService.approveMovie({ id: this.theMovidDbId }).toPromise();
const result = await this.requestService.approveMovie({ id: this.movieRequest.id }).toPromise();
if (result.result) {
this.movie.approved = false;
this.messageService.send(result.message, "Ok");
this.messageService.send("Successfully Approved", "Ok");
} else {
this.messageService.send(result.errorMessage, "Ok");
}

1
src/Ombi/ClientApp/src/app/wizard/mediaserver/mediaserver.component.ts
Unescape View File

@ -4,6 +4,7 @@ import { Component, OnInit } from "@angular/core";
@Component({
templateUrl: "./mediaserver.component.html",
styleUrls: ["./mediaserver.component.scss"],
selector: "wizard-media-server",
})
export class MediaServerComponent implements OnInit {

2
src/Ombi/ClientApp/src/app/wizard/wizard.module.ts
Unescape View File

@ -4,6 +4,7 @@ import { FormsModule } from "@angular/forms";
import { RouterModule, Routes } from "@angular/router";
import {ConfirmationService, ConfirmDialogModule } from "primeng/primeng";
import { MatStepperModule } from "@angular/material";
import { CreateAdminComponent } from "./createadmin/createadmin.component";
import { EmbyComponent } from "./emby/emby.component";
@ -45,6 +46,7 @@ const routes: Routes = [
IdentityService,
EmbyService,
ConfirmationService,
MatStepperModule,
PlexOAuthService,
],

6
src/Ombi/ClientApp/src/index.html
Unescape View File

@ -9,9 +9,9 @@
if (existingBaseUrl && existingBaseUrl.length === 0) {
document.write('<base href="/' + existingBaseUrl + '" />');
if (existingBaseUrl.length === 0) {
document.write("<link rel=\"stylesheet\" href='/loading.css'/>")
document.write("<link rel=\"stylesheet\" href='/loading.css' />")
} else {
document.write("<link rel=\"stylesheet\" href='" + existingBaseUrl + "/loading.css'/>")
document.write("<link rel=\"stylesheet\" href='" + existingBaseUrl + "/loading.css' />")
}
} else {
// Work out the base URL
@ -31,7 +31,7 @@
const data = JSON.parse(xmlhttp.responseText);
hasFile = true;
document.write('<base href="/' + data + '" />');
document.write("<link rel=\"stylesheet\" href=" + data + "/loading.css\"/>")
document.write("<link rel=\"stylesheet\" href='" + data + "/loading.css' />")
window.localStorage.setItem("baseUrl", data);
function tryGetBaseUrl(xmlhttp, url) {

Write Preview
Loading…
Cancel
Save