chore: add code links to all Examples

src/app/examples/grid-additem.component.html

@@ -1,6 +1,14 @@
-<div id="demo-container"
-     class="container-fluid">
-  <h2>{{title}}</h2>
+<div id="demo-container" class="container-fluid">
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-additem.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle"
        [innerHTML]="subTitle"></div>
 

src/app/examples/grid-angular.component.html

@@ -1,6 +1,14 @@
-<div id="demo-container"
-     class="container-fluid">
-  <h2>{{title}}</h2>
+<div id="demo-container" class="container-fluid">
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-angular.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="col-sm-6">

src/app/examples/grid-autoheight.component.html

@@ -1,5 +1,14 @@
 <div class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-autoheight.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="form-inline">

src/app/examples/grid-basic.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-basic.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <h3>Grid 1</h3>

src/app/examples/grid-clientside.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-clientside.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <br />

src/app/examples/grid-colspan.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-colspan.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <h3>Grid 1 <small>(with Header Grouping &amp; Colspan)</small></h3>

src/app/examples/grid-contextmenu.component.html

@@ -1,5 +1,14 @@
 <div class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-contextmenu.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="row">

src/app/examples/grid-draggrouping.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-draggrouping.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <form class="form-inline">

src/app/examples/grid-editor.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-editor.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="col-sm-6">

src/app/examples/grid-formatter.component.html

@@ -1,18 +1,26 @@
-<div id="demo-container"
-  class="container-fluid">
-  <h2>{{title}}</h2>
+<div id="demo-container" class="container-fluid">
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-formatter.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle"
-    [innerHTML]="subTitle"></div>
+       [innerHTML]="subTitle"></div>
 
   <button class="btn btn-outline-secondary btn-sm"
-    (click)="togglePauseResizer()">
+          (click)="togglePauseResizer()">
     Pause auto-resize: <b>{{resizerPaused}}</b>
   </button>
 
   <angular-slickgrid gridId="grid2"
-    [columnDefinitions]="columnDefinitions"
-    [gridOptions]="gridOptions"
-    [dataset]="dataset"
-    (onAngularGridCreated)="angularGridReady($event)">
+                     [columnDefinitions]="columnDefinitions"
+                     [gridOptions]="gridOptions"
+                     [dataset]="dataset"
+                     (onAngularGridCreated)="angularGridReady($event)">
   </angular-slickgrid>
-</div>
+</div>

src/app/examples/grid-frozen.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-frozen.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <br>

src/app/examples/grid-graphql-nopage.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-graphql-nopage.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle row" [innerHTML]="subTitle"></div>
 
   <div class="row">

src/app/examples/grid-graphql.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-graphql.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="row">

src/app/examples/grid-grouping.component.html

@@ -1,6 +1,14 @@
-<div id="demo-container"
-     class="container-fluid">
-  <h2>{{title}}</h2>
+<div id="demo-container" class="container-fluid">
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-grouping.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle"
        [innerHTML]="subTitle"></div>
 

src/app/examples/grid-headerbutton.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-headerbutton.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="col-sm-12">

src/app/examples/grid-headermenu.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-headermenu.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <button class="btn btn-outline-secondary btn-sm" (click)="switchLanguage()">

src/app/examples/grid-localization.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-localization.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <hr />

src/app/examples/grid-menu.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-menu.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <button class="btn btn-outline-secondary btn-sm" data-test="external-gridmenu" (click)="toggleGridMenu($event)">

src/app/examples/grid-odata.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-odata.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="row">

src/app/examples/grid-range.component.html

@@ -1,5 +1,14 @@
 <div class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-range.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <br />

src/app/examples/grid-remote.component.html

@@ -1,5 +1,14 @@
 <div id="demo-container" class="container-fluid">
-  <h2>{{title}}</h2>
+  <h2>
+    {{title}}
+    <span class="float-right">
+      <a style="font-size: 18px"
+         target="_blank"
+         href="https://github.com/ghiscoding/Angular-Slickgrid/blob/master/src/app/examples/grid-remote.component.ts">
+        <span class="fa fa-link"></span> code
+      </a>
+    </span>
+  </h2>
   <div class="subtitle" [innerHTML]="subTitle"></div>
 
   <div class="col-md-6" style="margin-bottom: 15px">
@@ -20,8 +29,9 @@ <h2>{{title}}</h2>
   </div>
 
   <angular-slickgrid gridId="grid18" [columnDefinitions]="columnDefinitions" [gridOptions]="gridOptions"
-    [dataset]="dataset" [customDataView]="customDataView" (onAngularGridCreated)="angularGridReady($event)"
-    (sgOnViewportChanged)="onViewportChanged($event.detail.eventData, $event.detail.args)"
-    (sgOnSort)="onSort($event.detail.eventData, $event.detail.args)">
+                     [dataset]="dataset" [customDataView]="customDataView"
+                     (onAngularGridCreated)="angularGridReady($event)"
+                     (sgOnViewportChanged)="onViewportChanged($event.detail.eventData, $event.detail.args)"
+                     (sgOnSort)="onSort($event.detail.eventData, $event.detail.args)">
   </angular-slickgrid>
 </div>