Skip to content

Commit

Permalink
demo(app): minor integration
Browse files Browse the repository at this point in the history
  • Loading branch information
AnthonyNahas committed Jul 23, 2018
1 parent b505ef7 commit 2655933
Show file tree
Hide file tree
Showing 3 changed files with 145 additions and 34 deletions.
132 changes: 119 additions & 13 deletions demo/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions demo/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@
"bootstrap": "4.1.2",
"core-js": "^2.5.4",
"font-awesome": "^4.7.0",
"linkifyjs": "^2.1.6",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
Expand Down
46 changes: 25 additions & 21 deletions demo/src/app/home/home.component.html
Original file line number Diff line number Diff line change
@@ -1,29 +1,33 @@
<div class="jumbotron jumbotron-fluid">
<div class="container">
<div class="row">
<div class="col-sm-4 d-flex justify-content-center justify-content-md-end">
<img src="assets/logo.svg" alt="ngx-linkifyjs logo" class="logo">
</div>
<div class="col-sm-8 text-center text-md-left">
<h1>ngx-linkifyjs</h1>
<p>Angular V6 wrapper for linkifyjs - library for finding links in plain text and converting them to HTML &lt;a&gt; tags via linkifyjs</p>
<p>Scroll down to see it in action!</p>
<p class="buttons">
<a class="btn btn-outline-primary btn-lg" href="https://github.com/anthonynahas/ngx-linkifyjs" target="_blank"><i class="fa fa-github fa-lg"></i> Code on Github</a>
<a class="btn btn-outline-primary btn-lg" href="doc/index.html" target="_blank"><i class="fa fa-book fa-lg"></i> Documentation</a>
<a class="btn btn-outline-primary btn-lg" href="#" (click)="editOnStackBlitz()"><i class="fa fa-bolt fa-lg"></i> Edit on StackBlitz</a>
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4 d-flex justify-content-center justify-content-md-end">
<img src="assets/logo.svg" alt="ngx-linkifyjs logo" class="logo">
</div>
<div class="col-sm-8 text-center text-md-left">
<h1>ngx-linkifyjs</h1>
<p>Angular V6 wrapper for linkifyjs - library for finding links in plain text and converting them to HTML &lt;a&gt;
tags via linkifyjs</p>
<p>Scroll down to see it in action!</p>
<p class="buttons">
<a class="btn btn-outline-primary btn-lg" href="https://github.com/anthonynahas/ngx-linkifyjs"
target="_blank"><i class="fa fa-github fa-lg"></i> Code on Github</a>
<a class="btn btn-outline-primary btn-lg" href="doc/index.html" target="_blank"><i
class="fa fa-book fa-lg"></i> Documentation</a>
<a class="btn btn-outline-primary btn-lg" href="#" (click)="editOnStackBlitz()"><i
class="fa fa-bolt fa-lg"></i> Edit on StackBlitz</a>
</p>
</div>
</div>

</div>
</div>
</div>

<section class="home">
<div class="container">
<!-- put your content here-->
<p>Put your content here. Typically, examples of your library in action (directives, components...)</p>
<ngx-component></ngx-component>
<p>Happy ng-hacking!</p>
<!-- put your content here-->
<span [innerHTML]="'Linkify the following URL: https://github.com/SoapBox/linkifyjs/' | linkify"></span>
<!--<ngx-component></ngx-component>-->
<p>Happy ng-hacking!</p>
</div>
</section>

0 comments on commit 2655933

Please sign in to comment.