hardi
/
opt-cc
1
0
Fork 0
Code Pull Requests Releases 47 Activity

clear background for left element on specifiv pages

pull/43/head
HardiReady 2018-07-17 09:09:56 +02:00
parent 1f24e19eec
commit 374e7df34d
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/src/app/app.component.html
View File

@ -105,7 +105,10 @@
</mat-icon> </mat-icon>
</button> </button>
<div id="left" *ngIf="sidebarOpen"> <div id="left"
[style.background]="leftBackground"
[style.box-shadow]="leftBoxShadow"
*ngIf="sidebarOpen">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>

22
static/src/app/app.component.ts
View File

@ -29,6 +29,10 @@ export class AppComponent implements OnInit {
scrollBtnVisibleVal = 100; scrollBtnVisibleVal = 100;
leftBackground;
leftBoxShadow;
svgIcons = { svgIcons = {
'add': 'outline-add_box-24px', 'add': 'outline-add_box-24px',
'add-user': 'twotone-person_add-24px', 'add-user': 'twotone-person_add-24px',
@ -55,14 +59,26 @@ export class AppComponent implements OnInit {
this.loading = true; this.loading = true;
} }
if (event instanceof NavigationEnd) { if (event instanceof NavigationEnd) {
const currentUrl = this.router.url;
this.loading = false; this.loading = false;
// scroll to top on route from army overview to user detail and back // scroll to top on route from army overview to user detail and back
if (router.url.includes('/overview')) { if (currentUrl.includes('/overview')) {
this.scrollToTop(); this.scrollToTop();
} }
// show sidebar menu on initial stats page access // show sidebar menu on initial page access
this.sidebarOpen = true; this.sidebarOpen = true;
this.showSidebarToggleBtn = router.url.includes('/stats'); this.showSidebarToggleBtn = currentUrl.includes('/stats');
if (currentUrl.includes('/login') ||
currentUrl.includes('/signup') ||
currentUrl.endsWith('/404')) {
this.leftBackground = 'none';
this.leftBoxShadow = 'none';
} else {
this.leftBackground = '#f9f9f9';
this.leftBoxShadow = '2px 1px 5px grey';
}
} }
}); });
} }

4
static/src/app/login/signup.component.html
View File

@ -1,11 +1,11 @@
<form class="form-signin" (ngSubmit)="login(userName.value, password.value, secret.value)"> <form class="form-signin" (ngSubmit)="login(userName.value, password.value, secret.value)">
<div class="row"> <div class="row" style="position: absolute;width: 500px;left: 40%;">
<h2 style="text-align: center;" class="form-signin-heading">Registrieren</h2> <h2 style="text-align: center;" class="form-signin-heading">Registrieren</h2>
<p>Dieses Formular nur ausfüllen wenn du einer <b>HL</b> angehörst oder <b>SQL</b> bist. Dabei den Nutzernamen aus <p>Dieses Formular nur ausfüllen wenn du einer <b>HL</b> angehörst oder <b>SQL</b> bist. Dabei den Nutzernamen aus
dem OPT Forum verwenden! dem OPT Forum verwenden!
Im Forum eine Nachricht an <a href="https://operation-pandora.com/dashboard/index.php?conversation-add/&userID=9" Im Forum eine Nachricht an <a href="https://www.opt4.net/dashboard/index.php?conversation-add/&userID=9"
target="_blank">HardiReady</a> target="_blank">HardiReady</a>
senden, in welcher der 'geheime Text' steht, den du bei der Registrierung nutzt.<br> senden, in welcher der 'geheime Text' steht, den du bei der Registrierung nutzt.<br>
Dabei kann es sich um irgend eine willkürliche Zeichenfolge oder einen Satz handeln - dient nur dem Abgleich. Dabei kann es sich um irgend eine willkürliche Zeichenfolge oder einen Satz handeln - dient nur dem Abgleich.