Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
A
asdasd
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Packages
Packages
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
fbotta
asdasd
Commits
67da3495
Commit
67da3495
authored
Dec 09, 2018
by
Pushparagavan Sivaji
Browse files
Options
Browse Files
Download
Plain Diff
changes on heroes component
parents
bbe898c8
ac9bda47
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
90 additions
and
88 deletions
+90
-88
heroes.component.html
src/app/heroes/heroes.component.html
+62
-61
index.html
src/index.html
+28
-27
No files found.
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"
>
Thank
you. 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}}
</span></a>
data-target=
"#myModal"
>
<span
*
ngFor=
"let teml of pk.tags"
>
{{teml}}
</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"
>
×
</button>
<button
type=
"button"
class=
"close"
data-dismiss=
"modal"
>
×
</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}}
</span>
<span
*
ngFor=
"let tag of voteDetails?.tags"
>
{{tag}}
</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
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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment