Bring back snippets without filetype info in their id's.

Author: hdeshev

tests/app/snippets/gestures.component.html

@@ -1,33 +1,33 @@
 <StackLayout orientation="vertical">
-    <!-- >> ng-tap-gesture-html -->
+    <!-- >> ng-tap-gesture -->
     <Label text="Tap here" (tap)="onTap($event)"></Label>
-    <!-- << ng-tap-gesture-html -->
+    <!-- << ng-tap-gesture -->
 
-    <!-- >> ng-double-tap-gesture-html -->    
+    <!-- >> ng-double-tap-gesture -->    
     <Label text="Double tap here" (doubleTap)="onDoubleTap($event)"></Label>
-    <!-- << ng-double-tap-gesture-html -->
+    <!-- << ng-double-tap-gesture -->
 
-    <!-- >> ng-long-press-gesture-html -->
+    <!-- >> ng-long-press-gesture -->
     <Label text="Long press here" (longPress)="onLongPress($event)"></Label>
-    <!-- << ng-long-press-gesture-html -->
+    <!-- << ng-long-press-gesture -->
 
-    <!-- >> ng-swipe-gesture-html -->
+    <!-- >> ng-swipe-gesture -->
     <Label text="Swipe here" (swipe)="onSwipe($event)"></Label>
-    <!-- << ng-swipe-gesture-html -->
+    <!-- << ng-swipe-gesture -->
 
-    <!-- >> ng-pan-gesture-html -->
+    <!-- >> ng-pan-gesture -->
     <Label text="Pan here" (pan)="onPan($event)"></Label>
-    <!-- << ng-pan-gesture-html -->
+    <!-- << ng-pan-gesture -->
 
-    <!-- >> ng-pinch-gesture-html -->
+    <!-- >> ng-pinch-gesture -->
     <Label text="Pinch here" (pinch)="onPinch($event)"></Label>
-    <!-- << ng-pinch-gesture-html -->
+    <!-- << ng-pinch-gesture -->
 
-    <!-- >> ng-rotate-gesture-html -->
+    <!-- >> ng-rotate-gesture -->
     <Label text="Rotate here" (rotation)="onRotate($event)"></Label>
-    <!-- << ng-rotate-gesture-html -->
+    <!-- << ng-rotate-gesture -->
 
-    <!-- >> ng-touch-gesture-html -->
+    <!-- >> ng-touch-gesture -->
     <Label text="Touch here" (touch)="onTouch($event)"></Label>
-    <!-- << ng-touch-gesture-html -->    
+    <!-- << ng-touch-gesture -->    
 </StackLayout>

tests/app/snippets/gestures.component.ts

@@ -14,52 +14,52 @@ import {
 })
 export class GestureComponent {
 
-    // >> ng-tap-gesture-ts
+    // >> ng-tap-gesture
     onTap(args: GestureEventData) {
         console.log("Tap!")
     }
-    // << ng-tap-gesture-ts
+    // << ng-tap-gesture
 
     // >> ng-double-tap-gesture
     onDoubleTap(args: GestureEventData) {
         console.log("DoubleTap!")
 
     }
-    // << ng-double-tap-gesture-ts
+    // << ng-double-tap-gesture
 
-    // >> ng-long-press-gesture-ts
+    // >> ng-long-press-gesture
     onLongPress(args: GestureEventData) {
         console.log("LongPress!")
     }
-    // << ng-long-press-gesture-ts
+    // << ng-long-press-gesture
 
     // >> ng-swipe-gesture
     onSwipe(args: SwipeGestureEventData) {
         console.log("Swipe Direction: " + args.direction);
     }
-    // << ng-swipe-gesture-ts
+    // << ng-swipe-gesture
 
-    // >> ng-pan-gesture-ts
+    // >> ng-pan-gesture
     onPan(args: PanGestureEventData) {
         console.log("Pan delta: [" + args.deltaX + ", " + args.deltaY + "] state: " + args.state);
     }
-    // << ng-pan-gesture-ts
+    // << ng-pan-gesture
 
-    // >> ng-pinch-gesture-ts
+    // >> ng-pinch-gesture
     onPinch(args: PinchGestureEventData) {
         console.log("Pinch scale: " + args.scale + " state: " + args.state);
     }
-    // << ng-pinch-gesture-ts
+    // << ng-pinch-gesture
 
-    // >> ng-rotate-gesture-ts
+    // >> ng-rotate-gesture
     onRotate(args: RotationGestureEventData) {
         console.log("Rotate angle: " + args.rotation + " state: " + args.state);
     }
-    // << ng-rotate-gesture-ts
+    // << ng-rotate-gesture
 
-    // >> ng-touch-gesture-ts
+    // >> ng-touch-gesture
     onTouch(args: TouchGestureEventData) {
         console.log("Touch point: [" + args.getX() + ", " + args.getY() + "] activePointers: " + args.getActivePointers().length);
     } 
-    // << ng-touch-gesture-ts
+    // << ng-touch-gesture
 }

tests/app/snippets/icon-font.component.css

@@ -1,6 +1,6 @@
-/* >> icon-font-sample-css */
+/* >> icon-font-sample */
 .icon {
    font-family: 'icomoon';
    font-size: 48;
 }
-/* << icon-font-sample-css */
+/* << icon-font-sample */

tests/app/snippets/icon-font.component.html

@@ -1,4 +1,4 @@
-<!-- >> icon-font-sample-html -->
+<!-- >> icon-font-sample -->
 <GridLayout>
     <ListView [items]="glyphs">
         <template let-item="item">
@@ -9,4 +9,4 @@
         </template>
     </ListView>
 </GridLayout>
-<!-- << icon-font-sample-html -->
+<!-- << icon-font-sample -->

tests/app/snippets/icon-font.component.ts

@@ -1,6 +1,6 @@
 import {Component} from "@angular/core";
 
-// >> icon-font-sample-ts
+// >> icon-font-sample
 @Component({ 
     // >> (hide)
     selector: "icon-font",
@@ -21,4 +21,4 @@ export class IconFontComponent {
         }
     }
 }
-// << icon-font-sample-ts
+// << icon-font-sample

tests/app/snippets/layouts.component.html

@@ -116,14 +116,14 @@
         </StackLayout>
         <!-- << stack-layout-vertical -->
 
-        <!-- >> stack-layout-horizontal-html -->
+        <!-- >> stack-layout-horizontal -->
         <StackLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">
             <Label text="Label 1" width="50" height="50" backgroundColor="red"></Label>
             <Label text="Label 2" width="50" height="50" backgroundColor="green"></Label>
             <Label text="Label 3" width="50" height="50" backgroundColor="blue"></Label>
             <Label text="Label 4" width="50" height="50" backgroundColor="yellow"></Label>
         </StackLayout> 
-        <!-- << stack-layout-horizontal-html -->
+        <!-- << stack-layout-horizontal -->
 
         <!-- >> stack-layout-vertical-align --> 
         <StackLayout orientation="vertical" width="210" height="210" backgroundColor="lightgray">

tests/app/snippets/navigation/navigation-common.css

@@ -1,4 +1,4 @@
-/* >> router-content-components-css */
+/* >> router-content-components */
 .title {
     font-size: 30;
     margin: 16;
@@ -14,4 +14,4 @@
 .link {
     margin: 10 30;
 }
-/* << router-content-components-css */
+/* << router-content-components */

tests/app/snippets/navigation/navigation-common.ts

@@ -1,4 +1,4 @@
-// >> router-content-components-ts
+// >> router-content-components
 import {Component} from '@angular/core';
 import {NS_ROUTER_DIRECTIVES} from 'nativescript-angular/router';
 
@@ -23,7 +23,7 @@ export class FirstComponent { }
     </StackLayout>`
 })
 export class SecondComponent { }
-// << router-content-components-ts
+// << router-content-components
 
 
 // >> router-location-back