diff --git a/app.js b/app.js new file mode 100644 index 0000000..2cd56dc --- /dev/null +++ b/app.js @@ -0,0 +1,18 @@ +angular.module("happyApp",[]) + .controller("HappyController", HappyController) + +function HappyController ($scope){ + + $scope.allHappiness = []; + + $scope.addNewHappyness = function () { + $scope.date = new Date(); + + $scope.allHappiness.push({ + status: $scope.checkboxSelection, + date: $scope.date + }); + + $scope.checkboxSelection = ''; + }; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..fa73e75 --- /dev/null +++ b/index.html @@ -0,0 +1,63 @@ + + + + Document + + + + + + + + + + + + + + +
+

HAPPYAP

+

Generally average happinse over time, since 1986

+
+ +
+ How's your happiness today? + Click one to pick it, then save +
+ + + + + + +
+ + +
currently selected: {{checkboxSelection}}
+
+
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6a59d38 --- /dev/null +++ b/style.css @@ -0,0 +1,13 @@ +label > input{ /* HIDE RADIO */ + visibility: hidden; /* Makes input not-clickable */ + position: absolute; /* Remove input from document flow */ +} + +label > input + img{ /* IMAGE STYLES */ + cursor: pointer; + width: 100px; +} + +label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */ + border:2px solid #f00; +} \ No newline at end of file