ztimson/map-alliance
ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Added fade in

Browse Source
This commit is contained in:
Zakary Timson 2020-06-11 01:20:53 -04:00
parent 961f01a91e
commit 7c5e66e19a
2 changed files with 41 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/views/home/home.component.html
View File

@ -1,3 +1,4 @@
<div [@fadeIn] class="h-100 w-100">
<stary-sky></stary-sky> <stary-sky></stary-sky>
<div class="badge"> <div class="badge">
<img src="assets/images/logo.png" width="200px" height="auto"> <img src="assets/images/logo.png" width="200px" height="auto">
@ -11,17 +12,20 @@
<img class="mr-2" src="/assets/images/google.png" height="18px" width="auto"> Google <img class="mr-2" src="/assets/images/google.png" height="18px" width="auto"> Google
</button> </button>
</div> </div>
<button *ngIf="authService.authenticated" mat-flat-button class="w-100 mb-1" style="background-color: #efe8e8" (click)="authService.logout()"> <div *ngIf="authService.authenticated">
<button mat-flat-button class="w-100 text-white mb-1" style="background-color: #dd0330" (click)="authService.logout()">
<mat-icon>logout</mat-icon> Logout <mat-icon>logout</mat-icon> Logout
</button> </button>
</div>
<hr style="background-color: #FFFFFF90"> <hr style="background-color: #FFFFFF90">
<button *ngIf="authService.authenticated" mat-flat-button class="w-100 text-white mb-3" style="background-color: #dd0330" (click)="new()"> <div>
<button *ngIf="authService.authenticated" mat-flat-button class="w-100 mb-3" style="background-color: #efe8e8" (click)="new()">
<mat-icon>history</mat-icon> Recent <mat-icon>history</mat-icon> Recent
</button> </button>
<button mat-flat-button class="w-100 text-white" style="background-color: #dd0330" (click)="new()"> <button mat-flat-button class="w-100 text-white mb-3" style="background-color: #dd0330" (click)="new()">
<mat-icon>add</mat-icon> New Map <mat-icon>add</mat-icon> New Map
</button> </button>
<div class="w-100 mt-3"> <div class="w-100">
<form class="input-group"> <form class="input-group">
<input type="text" class="form-control" [(ngModel)]="code" name="code" placeholder="Code" (keyup)="isValid()"> <input type="text" class="form-control" [(ngModel)]="code" name="code" placeholder="Code" (keyup)="isValid()">
<div class="input-group-append"> <div class="input-group-append">
@ -31,6 +35,8 @@
</form> </form>
</div> </div>
</div> </div>
</div>
<span class="credits text-white"> <span class="credits text-white">
Created By <a href="https://zakscode.com" target="_blank">Zak Timson</a> Created By <a href="https://zakscode.com" target="_blank">Zak Timson</a>
</span> </span>
</div>

4
src/app/views/home/home.component.ts
View File

@ -2,13 +2,15 @@ import {Component} from "@angular/core";
import {Router} from "@angular/router"; import {Router} from "@angular/router";
import {SyncService} from "../../services/sync.service"; import {SyncService} from "../../services/sync.service";
import {AuthService} from "../../services/auth.service"; import {AuthService} from "../../services/auth.service";
import {fadeIn} from "../../animations";
const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
@Component({ @Component({
selector: 'home', selector: 'home',
templateUrl: 'home.component.html', templateUrl: 'home.component.html',
styleUrls: ['home.component.scss'] styleUrls: ['home.component.scss'],
animations: [fadeIn]
}) })
export class HomeComponent { export class HomeComponent {
code: string = ''; code: string = '';