Merge pull request #245 from SamGraber/master

Standardizing 'transform' terminology

Author: Josh Graber

bootstrapper/app.html

@@ -0,0 +1,19 @@
+<div class="row">
+	<div class="col-xs-2">
+		<ul class="nav nav-pills nav-stacked">
+			<li><a ui-sref="/">Home</a></li>
+			<li><a ui-sref="inputs">Inputs</a></li>
+			<li><a ui-sref="buttons">Buttons</a></li>
+			<li><a ui-sref="popup">Popup content</a></li>
+			<li><a ui-sref="cards">Cards</a></li>
+			<li><a ui-sref="tabs">Tabs</a></li>
+			<li><a ui-sref="forms">Forms</a></li>
+			<li><a ui-sref="messageLog">Message log</a></li>
+			<li><a ui-sref="misc">Misc</a></li>
+		</ul>
+	</div>
+
+	<div class="col-xs-10">
+		<div ui-view class="view-window"></div>
+	</div>
+</div>

bootstrapper/app.js

@@ -14,6 +14,10 @@ import { moduleName as formModuleName } from './forms/formsBootstrapper';
 import { moduleName as miscModuleName } from './misc/miscBootstrapper';
 import { moduleName as textModuleName } from './text/text';
 
+const bootstrapper: angular.IComponentOptions = {
+	template: require('./app.html'),
+}
+
 angular.module('app', [
 	componentsModule,
 	'ui.router',
@@ -28,6 +32,7 @@ angular.module('app', [
 	miscModuleName,
 	textModuleName,
 ])
+	.component('tsBootstrapper', bootstrapper)
 	.config(BaseRoute)
 	.config(notificationConfig);
 

bootstrapper/bootstrapApp.d.ts

@@ -21,14 +21,14 @@ <h3><a href="https://github.com/SamGraber/TypeScript-Angular-Components/blob/mas
 </div>
 <div>
 	<label><a href="https://github.com/SamGraber/TypeScript-Angular-Components/tree/master/source/components/select/select.md">Select</a>:</label>
-	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" selector="'name'" null-option="None"></rl-select>
-	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" selector="'name'">
+	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" transform="'name'" null-option="None"></rl-select>
+	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" transform="'name'">
 		<div class="row">
 			<div class="col-sm-6">{{$item.name}}</div>
 			<div class="col-sm-6">{{$item.value}}</div>
 		</div>
 	</rl-select>
-	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" selector="'name'" item-as="TestItem">
+	<rl-select ng-model="input.dropdownSelection" get-options="input.getOptions()" transform="'name'" item-as="TestItem">
 		{{TestItem.name}}
 	</rl-select>
 </div>

bootstrapper/bootstrapApp.js

@@ -20,24 +20,8 @@
 		<script src="/node_modules/typescript-angular-utilities/output/utilities.js"></script>
 		<script src="/bootstrapper/app.js"></script>
 
-		<div ng-app="app" class="row">
-			<div class="col-xs-2">
-				<ul class="nav nav-pills nav-stacked">
-					<li><a ui-sref="/">Home</a></li>
-					<li><a ui-sref="inputs">Inputs</a></li>
-					<li><a ui-sref="buttons">Buttons</a></li>
-					<li><a ui-sref="popup">Popup content</a></li>
-					<li><a ui-sref="cards">Cards</a></li>
-					<li><a ui-sref="tabs">Tabs</a></li>
-					<li><a ui-sref="forms">Forms</a></li>
-					<li><a ui-sref="messageLog">Message log</a></li>
-					<li><a ui-sref="misc">Misc</a></li>
-				</ul>
-			</div>
-
-			<div class="col-xs-10">
-				<div ui-view class="view-window"></div>
-			</div>
+		<div ng-app="app">
+			<ts-bootstrapper></ts-bootstrapper>
 		</div>
 	</body>
 </html>