Add some scoring logic to language choice.

nrb · Nov 19, 2013 · 5c4ea85 · 5c4ea85
1 parent b4fad53
commit 5c4ea85
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -2,14 +2,20 @@
 <html ng-app>
     <head>
         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
+        <script src="score.js"></script>
     </head>
 
     <body>
         Get your free technical debt score!
-        <div>
-            <label>What language is your project written in?</label>
-            <input type="text" ng-model="languageUsed" placeholder="Your shitty language here.">
-            <h1>You use {{languageUsed}}</h1>
+        <div ng-controller="ScoreCtrl">
+            <form ng-submit="checkLanguage()">
+                <label>What language is your project written in?</label>
+                <select ng-model="languageUsed" ng-options="l.name for l in languages">
+                </select>
+            </form>
+            <div>
+                Your current score is {{languageUsed.score}}.
+            </div>
         </div>
     </body>
 </html>
diff --git a/score.js b/score.js
@@ -0,0 +1,33 @@
+generateScore = function () {
+    return ~~(Math.random() * 10000);
+};
+
+function ScoreCtrl($scope) {
+
+    $scope.languages = [
+        {name: 'php', score: generateScore()},
+        {name: 'python', score: generateScore()},
+        {name: 'ruby', score: generateScore()},
+        {name: 'erlang', score: generateScore()},
+        {name: 'javascript', score: generateScore()},
+        {name: 'clojure', score: generateScore()},
+        {name: 'haskell', score: generateScore()},
+        {name: 'scala', score: generateScore()},
+        {name: 'java', score: generateScore()},
+        {name: 'cobol', score: generateScore()},
+        {name: 'c', score: generateScore()},
+        {name: 'objective-c', score: generateScore()},
+        {name: 'c++', score: generateScore()},
+        {name: 'go', score: generateScore()},
+        {name: 'perl', score: generateScore()}
+    ];
+
+    // Start with blank data.
+    $scope.languageUsed = {name:'', score:0};
+
+    $scope.score = 0;
+
+    $scope.checkLanguage = function () {
+        return $scope.score += $scope.languageUsed.score;
+    };
+}