Skip to content

A
Angular5DemoProject
Commit aea2705f authored by Administrator's avatar Administrator
Browse files
Options

Update heroes.component.html

parent 68271a81
Hide whitespace changes
Inline Side-by-side
Showing with 61 additions and 60 deletions
src/app/heroes/heroes.component.html
View file @ aea2705f
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<form [formGroup]="searchForm" (ngSubmit)="submitData()"> <form [formGroup]="searchForm" (ngSubmit)="submitData()">
<div class="form-group"> <div class="form-group">
<label for="usr">Title:</label> <label for="usr">Title:</label>
<input type="text" placeholder="Tiele" class="form-control" id="Title" formControlName="title"> <input type="text" placeholder="Title" class="form-control" id="Title" formControlName="title">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd">Tag:</label> <label for="pwd">Tag:</label>
<input type="text" placeholder="Tags" class="form-control" id="tags" formControlName="tags"> <input type="text" placeholder="Tags" class="form-control" id="tags" formControlName="tags">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="pwd">Description:</label> <label for="pwd">Description:</label>
<textarea class="form-control" placeholder="Description" id="description" formControlName="description"></textarea> <textarea class="form-control" placeholder="Description" id="description" formControlName="description"></textarea>
</div> </div>
<button color="primary" type="Submit" mat-raised-button="" class="mat-raised-button mat-primary"><span class="mat-button-wrapper">Submit</span> <button color="primary" type="Submit" mat-raised-button="" class="mat-raised-button mat-primary"><span class="mat-button-wrapper">Submit</span>
<div class="mat-button-ripple mat-ripple" matripple=""></div> <div class="mat-button-ripple mat-ripple" matripple=""></div>
<div class="mat-button-focus-overlay"></div> <div class="mat-button-focus-overlay"></div>
</button> </button>
</form> </form>
<div *ngIf="showAddSuccessMessage">Thankyou. Your data has been added successfully.</div> <div *ngIf="showAddSuccessMessage">Thankyou. Your data has been added successfully.</div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div *ngFor="let pk of listData" class="listValie"> <div *ngFor="let pk of listData" class="listValie">
<div class="pull-right"> <div class="pull-right">
<label *ngIf="pk.vote !== null">Vote: {{pk.vote}}</label> <label *ngIf="pk.vote !== null">Vote: {{pk.vote}}</label>
<label *ngIf="pk.vote === null">Vote: 0</label> <label *ngIf="pk.vote === null">Vote: 0</label>
</div> </div>
<div>{{pk.title}} <span *ngFor="let teml of pk.tags"><a data-toggle="modal" (click)="getVoteDetail(pk.id)" <div>{{pk.title}} <span *ngFor="let teml of pk.tags"><a data-toggle="modal" (click)="getVoteDetail(pk.id)"
data-target="#myModal">{{teml}}&nbsp;</a></span></div> data-target="#myModal">{{teml}}&nbsp;</a></span></div>
<div>{{pk.description}}</div> <div>{{pk.description}}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Modal --> <!-- Modal -->
<div id="myModal" class="modal fade" role="dialog"> <div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog"> <div class="modal-dialog">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">{{voteDetails?.title}}</h4> <h4 class="modal-title">{{voteDetails?.title}}</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<span *ngFor="let tag of voteDetails?.tags">{{tag}}&nbsp;</span> <span *ngFor="let tag of voteDetails?.tags">{{tag}}&nbsp;</span>
<p>{{voteDetails?.description}}</p> <p>{{voteDetails?.description}}</p>
</div> </div>
<div *ngIf="showVoteSuccessMessage">Thankyou. Your Vote has been submitted successfully.</div> <div *ngIf="showVoteSuccessMessage">Thankyou. Your Vote has been submitted successfully.</div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" (click)="voteCount(voteDetails?.id)" class="btn btn-default btn-vote"> <button type="button" (click)="voteCount(voteDetails?.id)" class="btn btn-default btn-vote">
<i class="fa fa-thumbs-up" aria-hidden="true"></i> <i class="fa fa-thumbs-up" aria-hidden="true"></i>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment