demo(app): support of stackblitz

Author: AnthonyNahas

demo/src/app/home/home.component.html

@@ -14,6 +14,8 @@ <h1>@angular-material-extensions/faq</h1>
              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>

demo/src/app/home/home.component.ts

@@ -1,6 +1,7 @@
 import {Component, OnInit, ViewEncapsulation} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {FaqItem} from '@angular-material-extensions/faq';
+import sdk from '@stackblitz/sdk';
 
 @Component({
   selector: 'app-home',
@@ -97,6 +98,10 @@ export class HomeComponent implements OnInit {
     this.titleService.setTitle('@angular-material-extensions/faq');
   }
 
+  editOnStackBlitz() {
+    sdk.openGithubProject('angular-material-extensions/faq/tree/master/demo');
+  }
+
   onNewFaqItem(faqItem: FaqItem) {
     console.log('on new faqItem -> ', faqItem);
     this.faq.splice(0, 0, faqItem);