Restructure Sass files and folders for proper application Sass development

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

@@ -0,0 +1,32 @@
+
+<div ng-controller="AppCtrl">
+
+  <md-content>
+
+    <md-toolbar>
+      <h2 class="md-toolbar-tools">
+        <span>Toolbar</span>
+      </h2>
+    </md-toolbar>
+
+    <br>
+
+    <br>
+
+    <md-toolbar class="md-tall md-accent">
+      <h2 class="md-toolbar-tools">
+        <span>Toolbar: tall (md-accent)</span>
+      </h2>
+    </md-toolbar>
+
+    <br>
+
+    <md-toolbar class="md-tall md-warn md-hue-3">
+      <span flex></span>
+      <h2 class="md-toolbar-tools md-toolbar-tools-bottom">
+        <span class="md-flex">Toolbar: tall with actions pin to the bottom (md-warn md-hue-3)</span>
+      </h2>
+    </md-toolbar>
+
+  </md-content>
+</div>

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

@@ -0,0 +1,14 @@
+
+angular.module('toolbarDemo1', ['ngMaterial'])
+
+.controller('AppCtrl', function($scope) {
+
+})
+
+.directive('svgIcon', function() {
+  return {
+    restrict: 'E',
+    replace: true,
+    template: '<svg viewBox="0 0 24 24" style="pointer-events: none;"><g><g><rect fill="none" width="24" height="24"></rect><path d="M3,18h18v-2H3V18z M3,13h18v-2H3V13z M3,6v2h18V6H3z"></path></g></g></svg>'
+  }
+});