3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2013-2016 Cheng Deng
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/app/partials/result.html:
--------------------------------------------------------------------------------
1 |
2 |
Survey Result
3 |
4 |
5 |
6 |
7 |
Time
8 |
Name
9 |
Age
10 |
Colors
11 |
Lunch?
12 |
Rating
13 |
Comment
14 |
15 |
16 |
17 |
18 |
{{result.timestamp | date:"MM/dd/yyyy @ h:mma"}}
19 |
{{result.name}}
20 |
21 | Less than 30
22 | 30 and above
23 |
24 |
25 | Red
26 | Blue
27 | Green
28 |
29 |
30 | Yes
31 | No
32 |
33 |
{{result.rating}} Stars
34 |
{{result.comment}}
35 |
36 |
37 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | ## 1.1.0 (Sept 16, 2016)
2 |
3 | Migration:
4 |
5 | - Migrated AngularFire from 1.x.x to 2.x.x
6 | - Migrated Firebase from 2.x.x to 3.x.x
7 | - Migrated Firebase database from Firebase.com to new Firebase console
8 |
9 | Upgrades:
10 |
11 | - Upgraded AngularFire to 2.0.2
12 | - Upgraded Firebase to 3.4.0
13 | - Upgraded AngularJS to 1.5.8
14 | - Upgraded Bootstrap to 3.3.7
15 | - Upgraded jQuery to 3.1.0
16 |
17 | ## 1.0.1 (Nov 12, 2015)
18 |
19 | Features:
20 |
21 | - Added highlight to navigation menu when it's active
22 |
23 | ## 1.0.0 (May 10, 2015)
24 |
25 | Features:
26 |
27 | - Upgraded AngularFire to 1.1.1
28 | - Upgraded AngularJS to 1.3.15
29 | - Upgraded Bootstrap to 3.3.4
30 | - Upgraded Firebase to 2.2.4
31 | - Upgraded jQuery to 2.1.4
32 | - Refactored code to improve readability of code
33 | - Got rid of those depreciated methods/functions
34 | - Changed code to use the latest AngularFire API
35 | - Added multiselect checkboxes question type
36 | - Added time and colors column into result page
37 | - Added loading state for both send survey and sign in button
38 | - Switched to Firebase hosting for demo site
39 |
40 | Bugfixes:
41 |
42 | - Fixed bug where uncompiled page links (results & logout)
43 | were showing while the application was loading
44 |
45 | ## 0.3.0 (Nov 10, 2013)
46 |
47 | Features:
48 |
49 | - Upgraded angularJS lib to 1.2
50 | - Added text area question type
51 | - Added star rating question type
52 | - Added message after successful login
53 |
54 | ## 0.2.0 (Oct 30, 2013)
55 |
56 | Features:
57 |
58 | - Added footer and improved UI
59 |
60 | ## 0.1.0 (Oct 4, 2013)
61 |
62 | Features:
63 |
64 | - Initiated angularfire survey project
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | # Survey App based on AngularFire
3 |
4 | * An open source online survey tool.
5 | * Based on AngularFire, AngularJS, Bootstrap and Firebase.
6 | * Easy to set up without worrying about server code.
7 | * To see what has changed in recent versions of AngularFire-Survey, see the [CHANGELOG](https://github.com/cdeng/angularFire-survey/blob/master/CHANGELOG.md).
8 |
9 | ## Demo
10 |
11 | * https://angularfire-survey.firebaseapp.com/
12 |
13 | ## Dependencies
14 |
15 | * [AngularFire 2.0.2](https://github.com/firebase/angularfire)
16 | * [Google AngularJS 1.5.8](https://angularjs.org/)
17 | * [Google Firebase 3.4.0](https://firebase.google.com)
18 | * [Bootstrap 3.3.7](http://getbootstrap.com/)
19 | * [JQuery 3.1.0](https://jquery.com/)
20 |
21 | ## Configuration
22 |
23 | * Please configure Firebase URL in app/js/config.js before running.
24 |
25 | ```javascript
26 | // your Firebase URL goes here
27 | var config = {
28 | apiKey: "AIzaSyAVCmE0CaAntEeB7p3Up9L990FGHnO11_E",
29 | authDomain: "angularfire-survey.firebaseapp.com",
30 | databaseURL: "https://angularfire-survey.firebaseio.com",
31 | storageBucket: "angularfire-survey.appspot.com",
32 | messagingSenderId: "204946184892"
33 | };
34 | ```
35 |
36 | * Set up Email/Password authentication in Firebase.
37 |
38 | - Log in to [Firebase console](https://firebase.google.com/console/), open the **Auth** section
39 | - On the **Sign in method** tab, enable the **Email/password** sign-in method and click **Save**.
40 | - Add email and password to **Users** tab
41 |
42 | * Replace line 80 & 81 in app/js/controller.js with your own credentials you just set up.
43 |
44 | ```javascript
45 | $scope.email = "admin@mydomain.com";
46 | $scope.password = "password";
47 | ```
48 |
49 | ## Contributing
50 |
51 | 1. Fork it ( https://github.com/cdeng/angularFire-survey/fork )
52 | 2. Create your feature branch (`git checkout -b my-new-feature`)
53 | 3. Commit your changes (`git commit -am 'Add some feature'`)
54 | 4. Push to the branch (`git push origin my-new-feature`)
55 | 5. Create a new Pull Request
56 |
57 | ## License
58 |
59 | Code released under [the MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE).
60 |
--------------------------------------------------------------------------------
/app/js/app.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | /**
4 | * App level module which depends on filters, services and so on.
5 | * @module myApp
6 | */
7 | var app = angular.module("myApp", [
8 | "firebase", "myApp.config", "myApp.filters", "myApp.services",
9 | "myApp.directives", "myApp.controllers"
10 | ]);
11 |
12 | // configure views
13 | app.config(["$routeProvider",
14 | function ($routeProvider) {
15 |
16 | $routeProvider.when("/survey", {
17 | templateUrl: "partials/survey.html",
18 | controller: "surveyCtrl"
19 | });
20 |
21 | $routeProvider.when("/login", {
22 | templateUrl: "partials/login.html",
23 | controller: "loginCtrl"
24 | });
25 |
26 | $routeProvider.when("/result", {
27 | templateUrl: "partials/result.html",
28 | controller: "resultCtrl",
29 | resolve: {
30 | // controller will not be loaded until $requireAuth resolves
31 | "currentAuth": ["Auth", function (Auth) {
32 | // $requireAuth returns a promise so the resolve waits for it to complete
33 | return Auth.$requireSignIn();
34 | }]
35 | }
36 | });
37 |
38 | $routeProvider.otherwise({redirectTo: "/survey"});
39 |
40 | }
41 | ]);
42 |
43 | // redirect the user back to the survey page if auth error is catched
44 | app.run(["$rootScope", "$location", "Auth",
45 | function ($rootScope, $location, Auth) {
46 |
47 | // any time auth status updates, add auth data to rootScope
48 | Auth.$onAuthStateChanged(function (authData) {
49 | $rootScope.authData = authData;
50 | });
51 |
52 | $rootScope.logout = function () {
53 | Auth.$signOut();
54 | $location.path("/survey");
55 | };
56 |
57 | // show nav menu in highlight when it's active
58 | $rootScope.isActive = function (viewLocation) {
59 | return viewLocation === $location.path();
60 | };
61 |
62 | $rootScope.$on("$routeChangeError", function (event, next, previous, error) {
63 | if (error === "AUTH_REQUIRED") {
64 | $location.path("/survey");
65 | }
66 | });
67 | }
68 | ]);
--------------------------------------------------------------------------------
/app/js/directives.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | /**
4 | * Directives module which defines directives for application.
5 | * @module myApp/directives
6 | */
7 | angular.module("myApp.directives", ["ngRoute"])
8 |
9 | /**
10 | * btnRadio directive
11 | * angular-ui/bootstrap/src/buttons
12 | * @copyright Angular-UI team 2014
13 | */
14 | .constant("buttonConfig", {
15 | activeClass: "active",
16 | toggleEvent: "click"
17 | })
18 | .directive("btnRadio", ["buttonConfig", function (buttonConfig) {
19 | var activeClass = buttonConfig.activeClass || "active";
20 | var toggleEvent = buttonConfig.toggleEvent || "click";
21 |
22 | return {
23 | require: "ngModel",
24 | link: function (scope, element, attrs, ngModelCtrl) {
25 |
26 | //model -> UI
27 | ngModelCtrl.$render = function () {
28 | element.toggleClass(activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.btnRadio)));
29 | };
30 |
31 | //ui->model
32 | element.bind(toggleEvent, function () {
33 | if (!element.hasClass(activeClass)) {
34 | scope.$apply(function () {
35 | ngModelCtrl.$setViewValue(scope.$eval(attrs.btnRadio));
36 | ngModelCtrl.$render();
37 | });
38 | }
39 | });
40 | }
41 | };
42 | }])
43 |
44 | /**
45 | * rating directive
46 | * Fundoo-Solutions/angularjs-tutorials
47 | * @copyright Fundoo Solutions 2014
48 | */
49 | .directive("starRating", function () {
50 | return {
51 | restrict: "A",
52 | template: "