ohmyform/public/modules/forms/controllers/view-form.client.controller.js

'use strict';

// Forms controller
angular.module('forms').controller('ViewFormController', ['$rootScope', '$scope', '$stateParams', '$state', 'Forms', 'CurrentForm', '$http', '$modal',
	function($rootScope, $scope, $stateParams, $state, Forms, CurrentForm, $http, $modal) {

        var deleteModal;
        $scope = $rootScope;

        $scope.myform = CurrentForm.getForm();
        $rootScope.saveInProgress = false;
        $scope.viewSubmissions = false;
        $scope.table = {
            masterChecker: false,
            rows: []
        };

        // Find a specific Form
        $scope.findOne = function() {
            $scope.myform = Forms.get({
                formId: $stateParams.formId
            });
            CurrentForm.setForm($scope.myform);
        };

        $scope.setForm = function (form) {
            $scope.myform = form;
        };
        $rootScope.resetForm = function(){
            $scope.myform = Forms.get({
                formId: $stateParams.formId
            });
        };

        /*
        * Table Functions
        */
        $scope.isAtLeastOneChecked = function(){
            // console.log('isAtLeastOneChecked');
            for(var i=0; i<$scope.table.rows.length; i++){
                if($scope.table.rows[i].selected) return true;
            }
            return false;
        };
        $scope.toggleAllCheckers = function(){
            // console.log('toggleAllCheckers');
            for(var i=0; i<$scope.table.rows.length; i++){
                $scope.table.rows[i].selected = $scope.table.masterChecker;
            }
        };
        $scope.toggleObjSelection = function($event, description) {
            $event.stopPropagation();
        };
        $scope.rowClicked = function(row_index) {
           $scope.table.rows[row_index].selected = !$scope.table.rows[row_index].selected;
        };

        /*
        * Form Submission Methods
        */
        //Delete selected submissions of Form
        $scope.deleteSelectedSubmissions = function(){
            // console.log('deleteSelectedSubmissions');
            var delete_ids = _.chain($scope.table.rows).filter(function(row){
                return !!row.selected;
            }).pluck('_id').value();

            $http({ url: '/forms/'+$scope.myform._id+'/submissions', 
                    method: 'DELETE',
                    data: {deleted_submissions: delete_ids},
                    headers: {"Content-Type": "application/json;charset=utf-8"}
                }).success(function(data, status, headers){
                    //Remove deleted ids from table
                    var tmpArray = [];
                    for(var i=0; i<$scope.table.rows.length; i++){
                        if(!$scope.table.rows[i].selected){
                            tmpArray.push($scope.table.rows[i]);
                        }
                    }
                    console.log(tmpArray);
                    $scope.table.rows = tmpArray;
                })
                .error(function(err){
                    console.log('Could not delete form submissions.\nError: ');
                    console.log(err);
                    console.error = err;
                });      
        };

        //Export selected submissions of Form
        $scope.exportSubmissions = function(){
            // console.log('exportSelectedSubmissions');
            // var export_ids = _.chain($scope.table.rows).filter(function(row){
            //     return !!row.selected;
            // }).pluck('_id').value();

            var blob = new Blob([document.getElementById('table-submission-data').innerHTM], {
                    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
            });
            saveAs(blob, $scope.myform.title+'_export_'+Date.now()+".xls");
        };


        //Fetch and display submissions of Form
        $scope.showSubmissions = function(){
        	$scope.viewSubmissions = true;

            $http.get('/forms/'+$scope.myform._id+'/submissions')
                .success(function(data, status, headers){
                    // console.log(data[0].form_fields);

                    var _data = [];
                    for(var i=0; i<data.length; i++){

                        var _tmpSubFormFields = JSON.parse(JSON.stringify($scope.myform.form_fields));

                        for(var x=0; x<_tmpSubFormFields.length; x++){

                            var currField__id = _tmpSubFormFields[x]._id,
                                currField;

                            _.find(data[i].form_fields, function(fieldItem, fieldIdx){ 
                                if(fieldItem._id === currField__id){ 
                                    currField = fieldItem; 
                                    // console.log(fieldItem.fieldValue);
                                    return true;
                                }
                            });

                            if(currField !== undefined){
                                _tmpSubFormFields[x].fieldValue = currField.fieldValue;
                                _tmpSubFormFields[x].$$hashKey = currField.$$hashKey;
                            }else {
                                _tmpSubFormFields[x].fieldValue = '';
                            }

                        }

                        _data[i] = data[i];
                        _data[i].form_fields = _tmpSubFormFields;
                    }

                    // console.log(JSON.stringify(_data));
                    $scope.submissions = _data;
                    $scope.table.rows = _data;
                    if(!$scope.$$phase && !$scope.$digest){
                        $scope.$apply();
                    }
                    // console.log('form submissions successfully fetched');
                    // console.log( JSON.parse(JSON.stringify($scope.submissions)) ) ;
                    // console.log( JSON.parse(JSON.stringify($scope.myform.form_fields)) );
                })
                .error(function(err){
                    console.log('Could not fetch form submissions.\nError: '+err);
                });            
        };
        //hide submissions of Form
        $scope.hideSubmissions = function(){
        	$scope.viewSubmissions = false;
        };

        /* 
        ** DeleteModal Functions 
        */
        $scope.openDeleteModal = function() {

            deleteModal = $modal.open({
              animation: $scope.animationsEnabled,
              templateUrl: 'myModalContent.html',
              controller: 'ViewFormController',
            });
        };
        $scope.cancelDeleteModal = function(){
            if(deleteModal){
                deleteModal.dismiss('cancel');
            }
        };

        // Remove existing Form
        $scope.remove = function(form_id) {
            if(deleteModal && deleteModal.opened){

                deleteModal.close();
            
                var form = {};
                if(!form_id){
                    form = CurrentForm.getForm();
                    if(!form) form = $scope.myform;
                }else {
                    form._id = form_id;
                }
        
                $http.delete('/forms/'+form._id)
                    .success(function(data, status, headers){
                        console.log('form deleted successfully');

                        if(!form_id){
                            $state.go('listForms', {}, {reload: true}); 
                        }
                        if($scope.myforms.length > 0){
                            $scope.myforms = _.filter($scope.myforms, function(myform){
                                return myform._id !== form._id; 
                            });
                        }

                    }).error(function(error){
                        console.log('ERROR: Form could not be deleted.');
                        console.error(error);
                    }).finally(function(){

                    });
            }
        };


        // Update existing Form
        $scope.update = $rootScope.update = function(immediate, cb) {
            console.log('immediate: '+immediate);
            var continueUpdate = true;
            if(immediate){
               continueUpdate = !$rootScope.saveInProgress;
            }
            
            if(continueUpdate){
                console.log('begin updating form');
                var err = null;

                if(immediate){ $rootScope.saveInProgress = true; }

                $scope.updatePromise = $http.put('/forms/'+$scope.myform._id, {form: $scope.myform})
                    .then(function(response){
                        $rootScope.myform = $scope.myform = response.data;
                        console.log(response.data);
                    }).catch(function(response){
                        console.log('Error occured during form UPDATE.\n');
                        console.log(response.data);
                        err = response.data;
                    }).finally(function() { 
                        console.log('finished updating');
                        if(immediate){$rootScope.saveInProgress = false; }
                        cb(err); 
                    });
            }
        };

	}
]);