Skip to content

A
Angular5DemoProject
Commit 67da3495 authored by Pushparagavan Sivaji's avatar Pushparagavan Sivaji
Browse files
Options

changes on heroes component

parents bbe898c8 ac9bda47
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 88 deletions
src/app/heroes/heroes.component.html
View file @ 67da3495
<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="Title" 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">Thank you. Your article 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 class="tag-link">{{pk.title}} <a data-toggle="modal" (click)="getVoteDetail(pk.id)" <div class="tag-link">{{pk.title}} <a data-toggle="modal" (click)="getVoteDetail(pk.id)"
data-target="#myModal"> <span *ngFor="let teml of pk.tags">{{teml}}&nbsp;</span></a> data-target="#myModal"><span *ngFor="let teml of pk.tags">{{teml}}&nbsp;</span></a>
</div> </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">&nbsp;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
src/index.html
View file @ 67da3495
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Tour of Heroes</title> <title>Altimetrik Articles</title>
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="assets/styles.css" rel="stylesheet"> <link href="assets/styles.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>
<!-- <!--
Copyright 2017-2018 Google Inc. All Rights Reserved. Copyright 2017-2018 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license can be found in the LICENSE file at http://angular.io/license
--> -->
\ 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