docs: make dtv2 files as default

- all dtv1 md files are suffixed `-dtv1.md` - Deprecated menus are now hidden in v2 but the URLs will still work.
l-lin · Apr 21, 2024 · e473f9d · e473f9d
1 parent f4d0ef3
commit e473f9d
Show file tree

Hide file tree

Showing 94 changed files with 572 additions and 415 deletions.
diff --git a/demo/src/app/advanced/custom-range-search.component.html b/demo/src/app/advanced/custom-range-search.component.html
@@ -13,5 +13,5 @@
   <br />
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTSV2]="mdTSV2" [mdTS]="mdTS" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/custom-range-search.component.ts b/demo/src/app/advanced/custom-range-search.component.ts
@@ -14,7 +14,7 @@ export class CustomRangeSearchComponent implements OnDestroy, OnInit {
   mdIntro = 'assets/docs/advanced/custom-range/intro.md';
   mdHTML = 'assets/docs/advanced/custom-range/source-html.md';
   mdTS = 'assets/docs/advanced/custom-range/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/custom-range/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/custom-range/source-ts-dtv1.md';
 
   @ViewChild(DataTableDirective, {static: false})
   datatableElement!: DataTableDirective;

diff --git a/demo/src/app/advanced/dt-instance.component.html b/demo/src/app/advanced/dt-instance.component.html
@@ -9,5 +9,5 @@
   </blockquote>
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/dt-instance.component.ts b/demo/src/app/advanced/dt-instance.component.ts
@@ -13,7 +13,7 @@ export class DtInstanceComponent implements OnInit {
   mdIntro = 'assets/docs/advanced/dt-instance/intro.md';
   mdHTML = 'assets/docs/advanced/dt-instance/source-html.md';
   mdTS = 'assets/docs/advanced/dt-instance/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/dt-instance/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/dt-instance/source-ts-dtv1.md';
 
   @ViewChild(DataTableDirective, {static: false})
   datatableElement: DataTableDirective|undefined;

diff --git a/demo/src/app/advanced/individual-column-filtering.component.html b/demo/src/app/advanced/individual-column-filtering.component.html
@@ -9,5 +9,5 @@
     </tfoot>
   </table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/individual-column-filtering.component.ts b/demo/src/app/advanced/individual-column-filtering.component.ts
@@ -13,7 +13,7 @@ export class IndividualColumnFilteringComponent implements OnInit, AfterViewInit
   mdIntro = 'assets/docs/advanced/indi-col-filter/intro.md';
   mdHTML = 'assets/docs/advanced/indi-col-filter/source-html.md';
   mdTS = 'assets/docs/advanced/indi-col-filter/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/indi-col-filter/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/indi-col-filter/source-ts-dtv1.md';
 
   @ViewChild(DataTableDirective, {static: false})
   datatableElement!: DataTableDirective;

diff --git a/demo/src/app/advanced/load-dt-options-with-promise.component.html b/demo/src/app/advanced/load-dt-options-with-promise.component.html
@@ -1,5 +1,5 @@
 <ng-template #preview>
   <table datatable [dtOptions]="$any(dtOptions)" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/load-dt-options-with-promise.component.ts b/demo/src/app/advanced/load-dt-options-with-promise.component.ts
@@ -12,7 +12,7 @@ export class LoadDtOptionsWithPromiseComponent implements OnInit {
   mdIntro = 'assets/docs/advanced/load-dt-opt-with-promise/intro.md';
   mdHTML = 'assets/docs/advanced/load-dt-opt-with-promise/source-html.md';
   mdTS = 'assets/docs/advanced/load-dt-opt-with-promise/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/load-dt-opt-with-promise/source-ts-dtv1.md';
 
   dtOptions!: Promise<Config>;
 

diff --git a/demo/src/app/advanced/multiple-tables.component.html b/demo/src/app/advanced/multiple-tables.component.html
@@ -11,5 +11,5 @@ <h5 class="header">Table 2</h5>
   <table id="second-table" datatable [dtOptions]="dtOptions[1]" class="row-border hover"></table>
 
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/multiple-tables.component.ts b/demo/src/app/advanced/multiple-tables.component.ts
@@ -12,7 +12,7 @@ export class MultipleTablesComponent implements OnInit {
   mdIntro = 'assets/docs/advanced/multiple-tables/intro.md';
   mdHTML = 'assets/docs/advanced/multiple-tables/source-html.md';
   mdTS = 'assets/docs/advanced/multiple-tables/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/multiple-tables/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/multiple-tables/source-ts-dtv1.md';
 
   @ViewChildren(DataTableDirective)
   dtElements!: QueryList<DataTableDirective>;

diff --git a/demo/src/app/advanced/rerender.component.html b/demo/src/app/advanced/rerender.component.html
@@ -6,5 +6,5 @@
   </p>
   <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/rerender.component.ts b/demo/src/app/advanced/rerender.component.ts
@@ -13,7 +13,7 @@ export class RerenderComponent implements AfterViewInit, OnDestroy, OnInit {
   mdIntro = 'assets/docs/advanced/rerender/intro.md';
   mdHTML = 'assets/docs/advanced/rerender/source-html.md';
   mdTS = 'assets/docs/advanced/rerender/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/rerender/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/rerender/source-ts-dtv1.md';
 
 
   @ViewChild(DataTableDirective, {static: false})

diff --git a/demo/src/app/advanced/router-link.component.html b/demo/src/app/advanced/router-link.component.html
@@ -6,5 +6,5 @@
   <app-demo-ng-template-ref [data]="data" actionText="View" (emitter)="emitter($event)"></app-demo-ng-template-ref>
 </ng-template>
 
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/router-link.component.ts b/demo/src/app/advanced/router-link.component.ts
@@ -14,8 +14,8 @@ export class RouterLinkComponent implements AfterViewInit, OnInit, OnDestroy {
   pageTitle = 'Router Link';
   mdIntro = 'assets/docs/advanced/router-link/intro.md';
   mdHTML = 'assets/docs/advanced/router-link/source-html.md';
+  mdTSV1 = 'assets/docs/advanced/router-link/source-ts-dtv1.md';
   mdTS = 'assets/docs/advanced/router-link/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/router-link/source-ts-dtv2.md';
   mdTSHeading = 'TypeScript';
 
   dtOptions: ADTSettings = {};

diff --git a/demo/src/app/advanced/row-click-event.component.html b/demo/src/app/advanced/row-click-event.component.html
@@ -4,5 +4,5 @@
 <br />
 <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/row-click-event.component.ts b/demo/src/app/advanced/row-click-event.component.ts
@@ -11,7 +11,7 @@ export class RowClickEventComponent implements OnInit {
   mdIntro = 'assets/docs/advanced/row-click/intro.md';
   mdHTML = 'assets/docs/advanced/row-click/source-html.md';
   mdTS = 'assets/docs/advanced/row-click/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/row-click/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/advanced/row-click/source-ts-dtv1.md';
 
   message = '';
   dtOptions: Config = {};

diff --git a/demo/src/app/advanced/using-ng-pipe.component.html b/demo/src/app/advanced/using-ng-pipe.component.html
@@ -1,5 +1,5 @@
 <ng-template #preview>
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/advanced/using-ng-pipe.component.ts b/demo/src/app/advanced/using-ng-pipe.component.ts
@@ -16,8 +16,8 @@ export class UsingNgPipeComponent implements OnInit {
   pageTitle = 'Using Angular Pipe';
   mdIntro = 'assets/docs/advanced/using-ng-pipe/intro.md';
   mdHTML = 'assets/docs/advanced/using-ng-pipe/source-html.md';
+  mdTSV1 = 'assets/docs/advanced/using-ng-pipe/source-ts-dtv1.md';
   mdTS = 'assets/docs/advanced/using-ng-pipe/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/using-ng-pipe/source-ts-dtv2.md';
 
 
   dtOptions: ADTSettings = {};

diff --git a/demo/src/app/advanced/using-ng-template-ref.component.html b/demo/src/app/advanced/using-ng-template-ref.component.html
@@ -4,7 +4,8 @@
   <br />
   <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTS" [template]="preview">
 </app-base-demo>
 
 <ng-template #demoNg let-data="adtData" let-emitter="captureEvents">

diff --git a/demo/src/app/advanced/using-ng-template-ref.component.ts b/demo/src/app/advanced/using-ng-template-ref.component.ts
@@ -16,7 +16,6 @@ export class UsingNgTemplateRefComponent implements OnInit, AfterViewInit {
   mdIntro = 'assets/docs/advanced/using-ng-template-ref/intro.md';
   mdHTML = 'assets/docs/advanced/using-ng-template-ref/source-html.md';
   mdTS = 'assets/docs/advanced/using-ng-template-ref/source-ts.md';
-  mdTSV2 = 'assets/docs/advanced/using-ng-template-ref/source-ts-dtv2.md';
 
   dtOptions: ADTSettings = {};
   dtTrigger: Subject<ADTSettings> = new Subject<ADTSettings>();

diff --git a/demo/src/app/app.component.html b/demo/src/app/app.component.html
@@ -144,6 +144,9 @@ <h3>
         <li>
           <div class="divider"></div>
         </li>
+        <!-- Hide deprecated section completely in DT v2 -->
+        <ng-container *ngIf="dtVersion == 'v1'">
+
         <li><a class="subheader">Deprecated <span class="new badge red" data-badge-caption="">NOT SUPPORTED</span></a>
         </li>
         <li class="bold">
@@ -152,7 +155,8 @@ <h3>
         <li class="bold">
           <a class="waves-effect waves-blue" routerLink="/basic/server-side-angular-way">Server side the Angular way</a>
         </li>
-      </ul>
+      </ng-container>
+    </ul>
     </li>
   </ul>
 </header>

diff --git a/demo/src/app/base-demo/base-demo.component.html b/demo/src/app/base-demo/base-demo.component.html
@@ -16,7 +16,11 @@ <h3 class="header center-on-small-only">{{pageTitle}}</h3>
   </div>
 </div>
 
-<div class="section" *ngIf="dtVersion == 'v1'">
+<!--
+  The "Deprecated" section is not visible in DT v2.
+  Hence, we don't need to show additional banner on top of the "deprecated" banner.
+-->
+<div class="section" *ngIf="dtVersion == 'v1' && !deprecated">
   <div class="container red white-text dtv1-notice">
     You are viewing documentation for v1.x of datatables.net. This version is not supported anymore since v17.1.0. It is listed here for documentation purposes only.
   </div>
@@ -36,7 +40,7 @@ <h5 class="header">Description</h5>
         <li class="tab col">
           <a href="#previewTab">Preview</a>
         </li>
-        <li class="tab col" *ngIf="dtVersion == 'v2' ? mdInstallV2.length>0 : mdInstall.length>0">
+        <li class="tab col" *ngIf="dtVersion == 'v2' ? mdInstall.length>0 : mdInstallV1.length>0">
           <a href="#installTab">Installation</a>
         </li>
         <li class="tab col">
@@ -54,17 +58,17 @@ <h5 class="header">Description</h5>
     </div>
 
     <!-- Installation -->
-    <div id="installTab" class="col s12" *ngIf="dtVersion == 'v2' ? mdInstallV2.length > 0 : mdInstall.length > 0">
-      <markdown [src]="dtVersion == 'v2' ? mdInstallV2 : mdInstall"></markdown>
+    <div id="installTab" class="col s12" *ngIf="mdInstall.length > 0 || mdInstallV1.length > 0">
+      <markdown [src]="dtVersion == 'v2' && mdInstall.length > 0 ? mdInstall : mdInstallV1"></markdown>
     </div>
 
     <!-- HTML -->
     <div id="htmlTab" class="col s12">
-      <markdown [src]="dtVersion == 'v2' && mdHTMLV2.length > 0 ? mdHTMLV2 : mdHTML"></markdown>
+      <markdown [src]="mdHTML"></markdown>
     </div>
 
     <div id="typescriptTab" class="col s12">
-      <markdown [src]="dtVersion == 'v2' && mdTSV2.length > 0 ? mdTSV2 : mdTS"></markdown>
+      <markdown [src]="dtVersion == 'v2' && mdTS.length > 0 ? mdTS : mdTSV1"></markdown>
     </div>
   </div>
 </div>

diff --git a/demo/src/app/base-demo/base-demo.component.ts b/demo/src/app/base-demo/base-demo.component.ts
@@ -17,13 +17,12 @@ export class BaseDemoComponent implements OnInit, OnDestroy {
   @Input() mdIntro = '';
 
   @Input() mdInstall = '';
-  @Input() mdInstallV2 = '';
+  @Input() mdInstallV1 = '';
 
   @Input() mdHTML = '';
-  @Input() mdHTMLV2 = '';
 
   @Input() mdTS = '';
-  @Input() mdTSV2 = '';
+  @Input() mdTSV1 = '';
 
   @Input() template!: TemplateRef<any>;
 

diff --git a/demo/src/app/basic/angular-way.component.html b/demo/src/app/basic/angular-way.component.html
@@ -16,6 +16,6 @@
     </tbody>
   </table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [template]="preview"
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview"
 [deprecated]="true">
 </app-base-demo>
diff --git a/demo/src/app/basic/angular-way.component.ts b/demo/src/app/basic/angular-way.component.ts
@@ -13,7 +13,7 @@ export class AngularWayComponent implements OnDestroy, OnInit {
   pageTitle = 'Angular way';
   mdIntro = 'assets/docs/basic/angular-way/intro.md';
   mdHTML = 'assets/docs/basic/angular-way/source-html.md';
-  mdTS = 'assets/docs/basic/angular-way/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/angular-way/source-ts.md';
 
   dtOptions: Config = {};
   persons: Person[] = [];

diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.html b/demo/src/app/basic/new-server-side/new-server-side.component.html
@@ -3,5 +3,5 @@
     <p>No preview as we do not have a server that can serve the queries.</p>
   </blockquote>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/basic/new-server-side/new-server-side.component.ts b/demo/src/app/basic/new-server-side/new-server-side.component.ts
@@ -11,7 +11,7 @@ export class NewServerSideComponent {
   mdIntro = "assets/docs/basic/new-server-side/intro.md";
   mdHTML = "assets/docs/basic/new-server-side/source-html.md";
   mdTS = "assets/docs/basic/new-server-side/source-ts.md";
-  mdTSV2 = "assets/docs/basic/new-server-side/source-ts-dtv2.md";
+  mdTSV1 = "assets/docs/basic/new-server-side/source-ts-dtv1.md";
 
   dtOptions: Config = {};
 }
diff --git a/demo/src/app/basic/server-side-angular-way.component.html b/demo/src/app/basic/server-side-angular-way.component.html
@@ -3,6 +3,6 @@
     <p>No preview as we do not have a server that can serve the queries.</p>
   </blockquote>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [template]="preview"
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview"
 [deprecated]="true">
 </app-base-demo>
diff --git a/demo/src/app/basic/server-side-angular-way.component.ts b/demo/src/app/basic/server-side-angular-way.component.ts
@@ -12,7 +12,7 @@ export class ServerSideAngularWayComponent {
   pageTitle = 'Server side the Angular way';
   mdIntro = 'assets/docs/basic/server-side-angular-way/intro.md';
   mdHTML = 'assets/docs/basic/server-side-angular-way/source-html.md';
-  mdTS = 'assets/docs/basic/server-side-angular-way/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/server-side-angular-way/source-ts.md';
 
   dtOptions: Config = {};
   persons!: Person[];

diff --git a/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.html b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.html
@@ -3,5 +3,5 @@
     <p>No preview as we do not have a server that can serve the queries.</p>
   </blockquote>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts b/demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts
@@ -16,9 +16,8 @@ export class WithAjaxCallbackComponent implements OnInit {
   pageTitle = 'AJAX with callback';
   mdIntro = 'assets/docs/basic/with-ajax-callback/intro.md';
   mdHTML = 'assets/docs/basic/with-ajax-callback/source-html.md';
-  mdHTMLV2 = 'assets/docs/basic/with-ajax-callback/source-html-dtv2.md';
   mdTS = 'assets/docs/basic/with-ajax-callback/source-ts.md';
-  mdTSV2 = 'assets/docs/basic/with-ajax-callback/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/basic/with-ajax-callback/source-ts-dtv1.md';
 
   dtOptions: Config = {};
 

diff --git a/demo/src/app/basic/with-ajax.component.html b/demo/src/app/basic/with-ajax.component.html
@@ -1,5 +1,5 @@
 <ng-template #preview>
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/basic/with-ajax.component.ts b/demo/src/app/basic/with-ajax.component.ts
@@ -11,7 +11,7 @@ export class WithAjaxComponent implements OnInit {
   mdIntro = 'assets/docs/basic/with-ajax/intro.md';
   mdHTML = 'assets/docs/basic/with-ajax/source-html.md';
   mdTS = 'assets/docs/basic/with-ajax/source-ts.md';
-  mdTSV2 = 'assets/docs/basic/with-ajax/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/basic/with-ajax/source-ts-dtv1.md';
 
   dtOptions: Config = {};
 

diff --git a/demo/src/app/basic/with-options.component.html b/demo/src/app/basic/with-options.component.html
@@ -73,5 +73,5 @@
     </table>
   </div>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdHTMLV2]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/basic/with-options.component.ts b/demo/src/app/basic/with-options.component.ts
@@ -11,7 +11,7 @@ export class WithOptionsComponent implements OnInit {
   mdIntro = 'assets/docs/basic/with-options/intro.md';
   mdHTML = 'assets/docs/basic/with-options/source-html.md';
   mdTS = 'assets/docs/basic/with-options/source-ts.md';
-  mdTSV2 = 'assets/docs/basic/with-options/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/basic/with-options/source-ts-dtv1.md';
 
   dtOptions: Config = {};
 

diff --git a/demo/src/app/basic/zero-config.component.html b/demo/src/app/basic/zero-config.component.html
@@ -73,5 +73,5 @@
     </table>
   </div>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTS]="mdTS" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdHTML]="mdHTML" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/basic/zero-config.component.ts b/demo/src/app/basic/zero-config.component.ts
@@ -9,7 +9,7 @@ export class ZeroConfigComponent {
   pageTitle = 'Zero configuration';
   mdIntro = 'assets/docs/basic/zero-config/intro.md';
   mdHTML = 'assets/docs/basic/zero-config/source-html.md';
-  mdTS = 'assets/docs/basic/zero-config/source-ts.md';
+  mdTSV1 = 'assets/docs/basic/zero-config/source-ts.md';
 
 
 }
diff --git a/demo/src/app/extensions/buttons-extension.component.html b/demo/src/app/extensions/buttons-extension.component.html
@@ -1,5 +1,5 @@
 <ng-template #preview>
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdInstallV1]="mdInstallV1" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/extensions/buttons-extension.component.ts b/demo/src/app/extensions/buttons-extension.component.ts
@@ -11,9 +11,10 @@ export class ButtonsExtensionComponent implements OnInit {
   pageTitle = 'DataTables Buttons extension';
   mdIntro = 'assets/docs/extensions/buttons/intro.md';
   mdInstall = 'assets/docs/extensions/buttons/installation.md';
+  mdInstallV1 = 'assets/docs/extensions/buttons/installation-dtv1.md';
   mdHTML = 'assets/docs/extensions/buttons/source-html.md';
   mdTS = 'assets/docs/extensions/buttons/source-ts.md';
-  mdTSV2 = 'assets/docs/extensions/buttons/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/extensions/buttons/source-ts-dtv1.md';
 
   dtOptions: Config = {};
 

diff --git a/demo/src/app/extensions/colreorder-extension.component.html b/demo/src/app/extensions/colreorder-extension.component.html
@@ -1,5 +1,5 @@
 <ng-template #preview>
   <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
 </ng-template>
-<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV2]="mdTSV2" [template]="preview">
+<app-base-demo [pageTitle]="pageTitle" [mdIntro]="mdIntro" [mdInstall]="mdInstall" [mdHTML]="mdHTML" [mdTS]="mdTS" [mdTSV1]="mdTSV1" [template]="preview">
 </app-base-demo>
diff --git a/demo/src/app/extensions/colreorder-extension.component.ts b/demo/src/app/extensions/colreorder-extension.component.ts
@@ -13,7 +13,7 @@ export class ColreorderExtensionComponent implements OnInit {
   mdInstall = 'assets/docs/extensions/colreorder/installation.md';
   mdHTML = 'assets/docs/extensions/colreorder/source-html.md';
   mdTS = 'assets/docs/extensions/colreorder/source-ts.md';
-  mdTSV2 = 'assets/docs/extensions/colreorder/source-ts-dtv2.md';
+  mdTSV1 = 'assets/docs/extensions/colreorder/source-ts-dtv1.md';
 
   dtOptions: Config = {};