ckoch/LudosData
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stuff

Browse Source
This commit is contained in:
programmingPug
2018-05-20 19:50:00 -04:00
parent 7ed167bb4e
commit b9670579c5
2 changed files with 39 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/view-card/view-card.component.css
View File

@@ -1,5 +1,5 @@
#gameImageHeaderContainer{ #gameImageHeaderContainer{
height:250px; height:300px;
overflow: hidden; overflow: hidden;
} }
@@ -7,18 +7,26 @@
width:80%; width:80%;
} }
.lrContainer{
margin-top: 1%;
}
.card{ .card{
height: 280px; height: auto;
width: 250px; width: 250px;
margin: 5px; margin: 5px;
} }
.card-2x{
width:525px;
}
.flex-container { .flex-container {
display: flex; display: flex;
height: auto; height: auto;
flex-flow: row wrap; flex-flow: row wrap;
align-items: center; align-items: left;
justify-content: center; justify-content: left;
} }
.example-fill-remaining-space { .example-fill-remaining-space {

52
src/app/view-card/view-card.component.html
View File

@@ -32,20 +32,39 @@
<mat-card class="lrCard"> <mat-card class="lrCard">
<div class="flex-container" > <form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container" >
<div class="card"> <div class="card">
<div class="row"> <div class="row">
<div class="col-sm-12" id="gameImageHeaderContainer"> <div class="col-sm-12" id="gameImageHeaderContainer">
<img class="card-img-top" [src]="imageSample" alt=""> <img class="card-img-top" [src]="imageSample" alt="">
<br /> <br />
<hr />
<div class="buttonArea">
<div class="row">
<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
Cancel Changes
</button>
</div>
<div class="col-sm-2">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
Remove Game
</button>
</div>
<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid" >Submit Changes</button>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="card">
<form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container" >
<div class="card card-2x">
<div class="flex-container">
<div class="card"> <div class="card">
<div id='Row_Title' class="form-group field-wrapper"> <div id='Row_Title' class="form-group field-wrapper">
<label [attr.for]="'Title'" class="control-label col-sm-3 isInputLabel"> <label [attr.for]="'Title'" class="control-label col-sm-3 isInputLabel">
@@ -325,44 +344,21 @@
</div> </div>
</div> </div>
</div>
<br />
<div class="buttonArea">
<div class="row">
<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
Cancel Changes
</button>
</div>
<div class="col-sm-2">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
Remove Game
</button>
</div>
<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid" >Submit Changes</button>
</div> </div>
</div> </div>
</div> </div>
<br />
</form> </form>
</div>
</div>
</mat-card> </mat-card>
</div> </div>
<!--
<hr /> <hr />
<strong>Form Value</strong> <strong>Form Value</strong>
<pre>{{ form.value | json }}</pre> <pre>{{ form.value | json }}</pre>
<strong>Form is valid:</strong> {{form.valid}} <strong>Form is valid:</strong> {{form.valid}}
-->
</div> </div>