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

Custom map codes!

Browse Source
This commit is contained in:
Zakary Timson 2019-08-31 00:35:23 -04:00
parent 6e6c1dc056
commit 3f5cd08b8e
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,10 +8,11 @@
</button> </button>
<div class="w-100 mt-3"> <div class="w-100 mt-3">
<form class="input-group"> <form class="input-group">
<input type="text" class="form-control" [(ngModel)]="code" name="code" placeholder="Code"> <input type="text" class="form-control" [(ngModel)]="code" name="code" placeholder="Code" (keyup)="isValid()">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-danger" [routerLink]="['/', code]" style="background-color: #dd0330" [disabled]="code.length != 8">Open</button> <button class="btn btn-danger" [routerLink]="['/', code]" style="background-color: #dd0330" [disabled]="!valid || code.length < 4">Open</button>
</div> </div>
<small *ngIf="!valid && code.length > 3" class="mt-2 text-danger">Codes can only be made up of letters and numbers!</small>
</form> </form>
</div> </div>
</div> </div>

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

@ -11,6 +11,7 @@ const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
}) })
export class HomeComponent { export class HomeComponent {
code: string = ''; code: string = '';
valid = false;
constructor(private syncService: SyncService, private router: Router) { } constructor(private syncService: SyncService, private router: Router) { }
@ -21,4 +22,8 @@ export class HomeComponent {
} while (await this.syncService.exists(mapCode)); } while (await this.syncService.exists(mapCode));
return this.router.navigate(['/', mapCode]); return this.router.navigate(['/', mapCode]);
} }
isValid() {
this.valid = !this.code.split('').filter(c => chars.indexOf(c) == -1).length
}
} }