chore(ListView):Add documentation code snippet tags

Author: VladimirAmiorkov

sdkAngular/app/listview/filtering/listview-data-operations-filtering.component.html

@@ -1,4 +1,3 @@
-<!-- >> listview-data-operations-filtering-angular-xml -->
 <GridLayout tkExampleTitle tkToggleNavButton rows="auto, *">
     <StackLayout orientation="horizontal">
         <Button [text]="isEnabled ? 'Disable filtering' : 'Enable filtering'" (tap)="toggleFilter()"></Button>
@@ -11,5 +10,4 @@
             </StackLayout>
         </ng-template>
     </RadListView>
-</GridLayout>
-<!-- << listview-data-operations-filtering-angular-xml -->
+</GridLayout>

sdkAngular/app/listview/filtering/listview-data-operations-filtering.component.ts

@@ -11,7 +11,6 @@ import { DataItemService } from "../dataItem.service";
     templateUrl: "listview-data-operations-filtering.component.html",
     styleUrls: ["listview-data-operations-filtering.component.css"]
 })
-// >> listview-data-operations-filtering-angular
 export class ListViewDataOperationsFilteringComponent implements OnInit {
     private _dataItems: ObservableArray<DataItem>;
     private _isEnabled: boolean;
@@ -20,9 +19,11 @@ export class ListViewDataOperationsFilteringComponent implements OnInit {
     @ViewChild("myListView") myListViewComponent: RadListViewComponent;
 
     constructor(private _dataItemService: DataItemService) {
+        // >> listview-data-operations-filtering-angular
         this.myFilteringFunc = (item: DataItem) => {
             return item.name.includes("Special Item");
         };
+        // << listview-data-operations-filtering-angular
         this.isEnabled = true;
     }
 
@@ -32,17 +33,17 @@ export class ListViewDataOperationsFilteringComponent implements OnInit {
 
     get isEnabled() {
         return this._isEnabled;
-    }    
-    
+    }
+
     set isEnabled(value: boolean) {
         this._isEnabled = value;
     }
 
     get myFilteringFunc(): (item: any) => any {
         return this._myFilteringFunc;
-    }    
-    
-    set myFilteringFunc(value:  (item: any) => any) {
+    }
+
+    set myFilteringFunc(value: (item: any) => any) {
         this._myFilteringFunc = value;
     }
 
@@ -60,5 +61,4 @@ export class ListViewDataOperationsFilteringComponent implements OnInit {
             this.isEnabled = false;
         }
     }
-}
-// << listview-data-operations-filtering-angular
+}

sdkAngular/app/listview/grouping/listview-data-operations-grouping.component.html

@@ -1,4 +1,3 @@
-<!-- >> listview-data-operations-grouping-angular-xml -->
 <GridLayout tkExampleTitle tkToggleNavButton rows="auto, *">
     <StackLayout orientation="horizontal">
         <Button [text]="isEnabled ? 'Disable grouping' : 'Enable grouping'" (tap)="toggleGrouping()"></Button>
@@ -11,5 +10,4 @@
             </StackLayout>
         </ng-template>
     </RadListView>
-</GridLayout>
-<!-- << listview-data-operations-grouping-angular-xml -->
+</GridLayout>

sdkAngular/app/listview/grouping/listview-data-operations-grouping.component.ts

@@ -11,7 +11,6 @@ import { DataItemService } from "../dataItem.service";
     templateUrl: "listview-data-operations-grouping.component.html",
     styleUrls: ["listview-data-operations-grouping.component.css"]
 })
-// >> listview-data-operations-grouping-angular
 export class ListViewDataOperationsGroupingComponent implements OnInit {
     private _dataItems: ObservableArray<DataItem>;
     private _isEnabled: boolean;
@@ -20,9 +19,11 @@ export class ListViewDataOperationsGroupingComponent implements OnInit {
     @ViewChild("myListView") myListViewComponent: RadListViewComponent;
 
     constructor(private _dataItemService: DataItemService) {
+        // >> listview-data-operations-grouping-angular
         this.myGroupingFunc = (item: DataItem) => {
             return item.category;
         };
+        // << listview-data-operations-grouping-angular
         this.isEnabled = true;
     }
 
@@ -60,5 +61,4 @@ export class ListViewDataOperationsGroupingComponent implements OnInit {
             this.isEnabled = false;
         }
     }
-}
-// << listview-data-operations-grouping-angular
+}

sdkAngular/app/listview/multiple-operations/listview-data-operations-multiple.component.css

@@ -1,7 +1,9 @@
+/* >> listview-angular-multiple-operations-css */
 .nameLabel {
     font-size: 20
 }
 
 .descriptionLabel {
     font-size: 14;
-}
+}
+/* << listview-angular-multiple-operations-css */

sdkAngular/app/listview/multiple-operations/listview-data-operations-multiple.component.html

@@ -1,3 +1,4 @@
+<!-- >> listview-angular-multiple-operations-html -->
 <GridLayout tkExampleTitle tkToggleNavButton rows="*, *7">
     <StackLayout orientation="horizontal">
         <Button width="33%" [text]="isFilteringEnabled ? 'Disable filtering' : 'Enable filtering'" (tap)="toggleFilter()" ios:margin="5"></Button>
@@ -15,4 +16,5 @@
             </StackLayout>
         </ng-template>
     </RadListView>
-</GridLayout>
+</GridLayout>
+<!-- << listview-angular-multiple-operations-html -->

sdkAngular/app/listview/multiple-operations/listview-data-operations-multiple.component.ts

@@ -1,3 +1,4 @@
+// >> listview-angular-multiple-operations-code
 import { Component, OnInit, ViewChild } from "@angular/core";
 import { ObservableArray } from "tns-core-modules/data/observable-array";
 import { RadListViewComponent } from "nativescript-pro-ui/listview/angular";
@@ -69,9 +70,9 @@ export class ListViewDataOperationsMultipleComponent implements OnInit {
 
     get myFilteringFunc(): (item: any) => any {
         return this._myFilteringFunc;
-    }    
-    
-    set myFilteringFunc(value:  (item: any) => any) {
+    }
+
+    set myFilteringFunc(value: (item: any) => any) {
         this._myFilteringFunc = value;
     }
 
@@ -105,7 +106,7 @@ export class ListViewDataOperationsMultipleComponent implements OnInit {
             this.isFilteringEnabled = false;
         }
     }
-    
+
     public toggleSorting() {
         var listView = this.myListViewComponent.listView;
         if (!listView.sortingFunction) {
@@ -116,7 +117,7 @@ export class ListViewDataOperationsMultipleComponent implements OnInit {
             this.isSortingEnabled = false;
         }
     }
-    
+
     public toggleGrouping() {
         var listView = this.myListViewComponent.listView;
         if (!listView.groupingFunction) {
@@ -127,4 +128,5 @@ export class ListViewDataOperationsMultipleComponent implements OnInit {
             this.isGroupingEnabled = false;
         }
     }
-}
+}
+// << listview-angular-multiple-operations-code

sdkAngular/app/listview/sorting/listview-data-operations-sorting.component.html

@@ -1,4 +1,3 @@
-<!-- >> listview-data-operations-sorting-angular-xml -->
 <GridLayout tkExampleTitle tkToggleNavButton rows="auto, *">
     <StackLayout orientation="horizontal">
         <Button [text]="isEnabled ? 'Disable sorting' : 'Enable sorting'" (tap)="toggleSorting()" ios:margin="5"></Button>
@@ -11,5 +10,4 @@
             </StackLayout>
         </ng-template>
     </RadListView>
-</GridLayout>
-<!-- << listview-data-operations-sorting-angular-xml -->
+</GridLayout>

sdkAngular/app/listview/sorting/listview-data-operations-sorting.component.ts

@@ -17,7 +17,6 @@ enum SortingOrder {
     templateUrl: "listview-data-operations-sorting.component.html",
     styleUrls: ["listview-data-operations-sorting.component.css"]
 })
-// >> listview-data-operations-sorting-angular
 export class ListViewDataOperationsSortingComponent implements OnInit {
     private _dataItems: ObservableArray<DataItem>;
     private _isEnabled: boolean;
@@ -26,10 +25,12 @@ export class ListViewDataOperationsSortingComponent implements OnInit {
     @ViewChild("myListView") myListViewComponent: RadListViewComponent;
 
     constructor(private _dataItemService: DataItemService) {
+        // >> listview-data-operations-sorting-angular
         this.mySortingFunc = (item: DataItem, otherItem: DataItem) => {
             var res = item.id < otherItem.id ? SortingOrder.NSOrderedAscending : item.id > otherItem.id ? SortingOrder.NSOrderedDescending : SortingOrder.NSOrderedSame;
             return res;
         };
+        // << listview-data-operations-sorting-angular
         this.isEnabled = true;
     }
 
@@ -67,5 +68,4 @@ export class ListViewDataOperationsSortingComponent implements OnInit {
             this.isEnabled = false;
         }
     }
-}
-// << listview-data-operations-sorting-angular
+}