Added filter for sentencecase

index.html

@@ -53,7 +53,7 @@
             </div>
             <div class="chart-container">
                 <div class="chart-selector-container">
-                    <select class="chart-selector" ng-options="chartName as chartName|uppercase for chartName in chartTypes" ng-model="chartTypeChosen"></select>
+                    <select class="chart-selector" ng-options="chartName as chartName|sentencecase for chartName in chartTypes" ng-model="chartTypeChosen"></select>
                 </div>
                 <div class="chart"></div>
                 
@@ -65,6 +65,7 @@
     <script type="text/javascript" src="lib/d3.v4.min.js"></script>
     <script type="text/javascript" src="lib/d3-tip.js"></script>
     <script type="text/javascript" src="js/draw-chart.js"></script>
+    <script type="text/javascript" src="js/filters.js"></script>
     <script type="text/javascript" src="js/app.js"></script>
 </body>
 </html>

js/app.js

@@ -1,4 +1,4 @@
-var app = angular.module("chart-builder",["ngDrag"]);
+var app = angular.module("chart-builder",["ngDrag","chart-builder.filters"]);
 
 app.value("allData",{
     "values":{

js/filters.js

@@ -0,0 +1,10 @@
+var app = angular.module("chart-builder.filters",[]);
+
+app.filter("sentencecase", function () {
+    return function (strToUse) {
+       if (typeof(strToUse)  === "string"){
+            strToUse = strToUse[0].toUpperCase() + strToUse.slice(1);
+       }
+       return strToUse;
+    };
+});