Restructure Sass files and folders for proper application Sass development

UI/WebServerResources/scss/components/switch/demoBasicUsage/index.html

@@ -0,0 +1,26 @@
+<div class="inset" ng-controller="SwitchDemoCtrl">
+  <md-switch ng-model="data.cb1" aria-label="Switch 1">
+    Switch 1: {{ data.cb1 }}
+  </md-switch>
+
+  <md-switch ng-model="data.cb2" aria-label="Switch 2" ng-true-value="'yup'" ng-false-value="'nope'" class="md-warn">
+    Switch 2 (md-warn): {{ data.cb2 }}
+  </md-switch>
+
+  <md-switch ng-disabled="true" aria-label="Disabled switch">
+    Switch (Disabled)
+  </md-switch>
+
+  <md-switch ng-disabled="true" aria-label="Disabled active switch" ng-model="data.cb4">
+    Switch (Disabled, Active)
+  </md-switch>
+
+  <md-switch class="md-primary" md-no-ink aria-label="Switch No Ink">
+    Switch (md-primary): No Ink
+  </md-switch>
+  
+  
+  <md-switch ng-model="data.cb5" aria-label="Switch 5" ng-change="onChange(data.cb5)">
+    Switch 5 message: {{ message }}
+  </md-switch>
+</div>

UI/WebServerResources/scss/components/switch/demoBasicUsage/script.js

@@ -0,0 +1,11 @@
+angular.module('switchDemo1', ['ngMaterial'])
+.controller('SwitchDemoCtrl', function($scope) {
+  $scope.data = {
+    cb1: true,
+    cb4: true
+  };
+  
+  $scope.onChange = function(cbState){
+	$scope.message = "The switch is now: " + cbState;
+  };
+});

UI/WebServerResources/scss/components/switch/demoBasicUsage/style.css

@@ -0,0 +1,4 @@
+.inset {
+    padding-left: 25px;
+    padding-top:25px;
+}