voltar 0.0.23

data/app/assets/javascripts/voltar/controllers/app_ctrl.js.erb

@@ -0,0 +1,673 @@
+angular.module('voltar.controllers', ['voltar.services'])
+  .controller('AppCtrl', ['$scope', '$rootScope', 'BusType', 'Dealer', 'Analytics', function($scope, $rootScope, BusType, Dealer, Analytics) {
+
+    BusType.all()
+      .success(function(success) {
+        $rootScope.bus_types = success;
+      });
+
+    $rootScope.fetchDealer = function() {
+      return Dealer.get();
+    }
+
+    $rootScope.$watch('current_user', function(newVal, oldVal) {
+      if (newVal) {
+        $scope.fetchAnalytics();
+      }
+    })
+
+    $scope.app = {
+      name: 'Voltar',
+      //for chart colors
+      color: {
+        primary: '#7266ba',
+        info:    '#23b7e5',
+        success: '#27c24c',
+        warning: '#fad733',
+        danger:  '#f05050',
+        light:   '#e8eff0',
+        dark:    '#3a3f51',
+        black:   '#1c2b36'
+      },
+      settings: {
+        themeID: 1,
+        navbarHeaderColor: 'bg-primary',
+        navbarCollapseColor: 'bg-primary',
+        asideColor: 'bg-light',
+        headerFixed: true,
+        asideFixed: true,
+        asideFolded: true,
+        asideDock: false,
+        container: false
+      }
+    }
+
+    $scope.analytics = {};
+
+    $scope.analytics.desktop = 0;
+    $scope.analytics.smartphone = 0;
+    $scope.analytics.tablet = 0;
+
+    $scope.fetchAnalytics = function() {
+      Keen.ready(function() {
+
+        pageviewsQuery = new Keen.Query("count", {
+          eventCollection: "pageviews",
+          filters: [{
+            property_name: "stock.dealer_id",
+            operator: "eq",
+            property_value: $rootScope.current_user.id
+          }]
+        });
+
+        keenClient.run(pageviewsQuery, function(response) {
+          $scope.analytics.pageViews = response.result
+          $scope.fetchDeviceUsage()
+          $scope.$digest();
+        });
+
+        leadsQuery = new Keen.Query("count", {
+          eventCollection: "leads",
+          filters: [{
+            property_name: "stock.dealer_id",
+            operator: "eq",
+            property_value: $rootScope.current_user.id
+          }]
+        });
+
+        keenClient.run(leadsQuery, function(response) {
+          $scope.analytics.leadsCount = response.result
+          $scope.$digest();
+        });
+
+      });
+    }
+
+    $scope.fetchDeviceUsage = function() {
+      deviceUsageQuery = new Keen.Query("count", {
+        eventCollection: "pageviews",
+        groupBy: "form_factor",
+        filters: [{
+          property_name: "stock.dealer_id",
+          operator: "eq",
+          property_value: $rootScope.current_user.id
+        }]
+      });
+
+      keenClient.run(deviceUsageQuery, function(response) {
+        $scope.analytics.desktop = (response.result[0].result/$scope.analytics.pageViews * 100).toPrecision(4) ;
+        $scope.analytics.smartphone = (response.result[1].result/$scope.analytics.pageViews * 100).toPrecision(4);
+        $scope.analytics.tablet = (response.result[2].result/$scope.analytics.pageViews * 100).toPrecision(4);
+        $scope.deviceUsageAvailable = true;
+        $scope.$digest();
+      });
+    }
+
+    Analytics.busTypes()
+      .success(function(success) {
+        $scope.bus_types_chart_data = success.bus_types;
+        $scope.ticks = success.ticks;
+      })
+
+    $scope.busTypesTooltip = function(label, x, y, item) {
+      return item.series.xaxis.ticks[x].label + " Buses: " + y
+    }
+
+  }])
+
+  // Inventories Controller
+  .controller('InventoriesController', ['$scope', 'Inventory', '$rootScope', '$stateParams', '$modal', 'toaster', function($scope, Inventory, $rootScope, $stateParams, $modal, toaster) {
+  
+    $scope.search = {};
+
+    if ($stateParams.pageNumber) {
+      $scope.search['page'] = $stateParams.pageNumber;
+    }
+
+    $scope.issueSearch = function(formSearch) {
+      $scope.search['search'] = formSearch || {};
+      $scope.loadInventories();
+    }
+
+    $scope.loadInventories = function() {
+      Inventory.all($scope.search)
+        .success(function(success) {
+          $scope.inventories = success.inventories;
+          $scope.inventories.meta = success.meta
+        })
+        .error(function(error) {
+          // error
+        })
+    }
+
+    $scope.markAsSold = function(inventory) {
+      var modalInstance = $modal.open({
+        templateUrl: 'markAsSold.html',
+        controller: 'MarkAsSoldController',
+        resolve: {
+          inventory: function() {
+            return inventory;
+          }
+        }
+      });
+
+      modalInstance.result.then(function (inventory) {
+        $scope.loadInventories();
+      }, function () {
+        // clicked cancel
+      });
+
+    }
+
+    $scope.prioritize = function(inventory) {
+      var prioritize = confirm('Are you sure you want to prioritize this listing?');
+
+      if (prioritize) {
+        Inventory.prioritize([inventory.id])
+          .success(function(success) {
+            toaster.pop('success', 'Success', 'Inventory prioritized successfully!');
+            $scope.loadInventories()
+          })
+          .error(function(error) {
+            toaster.pop('error', 'Failed', 'We were unable to prioritize this listing!');
+          })
+      } else {
+        toaster.pop('info', 'Info', 'You can always decide to prioritize this listing whenever you are ready. :)');
+      }
+
+    }
+
+    $scope.deleteInventory = function(inventory) {
+      var modalInstance = $modal.open({
+        templateUrl: 'deleteInventory.html',
+        controller: 'DeleteInventoryController',
+        resolve: {
+          inventory: function() {
+            return inventory;
+          }
+        }
+      });
+
+      modalInstance.result.then(function (inventory) {
+        Inventory.destroy(inventory.id)
+          .success(function(success) {
+            toaster.pop('success', 'Success', 'Inventory deleted successfully!');
+            $scope.loadInventories();
+          })
+          .error(function(error) {
+            toaster.pop('error', 'Failed', 'Unable to fulfil your request. The inventory was not deleted.')
+          });
+
+      }, function () {
+        // clicked cancel
+      });
+
+    }
+
+    $scope.loadInventories();
+
+  }])
+
+
+  // EditInventoryController
+  .controller('EditInventoryController', ['$scope', 'Inventory', '$rootScope', '$stateParams', 'BusType', 'YearRange', 'mode', '$state', 'toaster', 'FileUploader', 'apiBaseUrl', function($scope, Inventory, $rootScope, $stateParams, BusType, YearRange, mode, $state, toaster, FileUploader, apiBaseUrl) {
+
+    $scope.mode = mode;
+    $scope.years = YearRange.generate();
+    $scope.body_makes = {}
+    $scope.inventory = {
+      images: [],
+      image_ids: []
+    };
+    $scope.uploader = new FileUploader({
+      url: apiBaseUrl + 'images',
+      removeAfterUpload: true,
+      autoUpload: true
+    });
+
+    // executed after file has been successfully uploaded.
+    $scope.uploader.onSuccessItem = function(item, response, status, headers) {
+      $scope.inventory.images.push(response);
+      $scope.inventory.image_ids.push(response.id);
+    }
+
+    // executed before the file is uploaded.
+    $scope.uploader.onBeforeUploadItem = function(item) {
+      if ($scope.inventory.id) {
+        item.formData.push({ bus_id: $scope.inventory.id });
+      }
+    }
+
+    $scope.uploadUnsavedImages = function() {
+      if ($scope.uploader.queue.length > 0) {
+        console.log($scope.uploader.uploadAll());
+      }
+    }
+
+    $scope.updateBodyMakes = function(inventory) {
+      BusType.body_makes(inventory.bus_type_id)
+        .success(function(success) {
+          //angular.element(document.querySelector('#body_make_select')).trigger('chosen:updated')
+          $scope.body_makes = success;
+        })
+        .error(function(error) {
+          // handle error here
+        })
+    }
+
+    $scope.loadEditPage = function(inventory) {
+      $state.go('app.inventoryEditPage', { inventoryId: inventory.id })
+    }
+
+    $scope.preSave = function() {
+      $scope.uploadUnsavedImages()
+      $scope.savingInventory = true
+      $scope.success = false;
+      $scope.errors = false;
+    }
+
+    $scope.postSave = function() {
+      $("body,html").animate({scrollTop: 0}, "slow"); 
+    }
+
+    $scope.addNew = function(inventory) {
+      $scope.preSave() 
+
+      Inventory.save(inventory)
+        .success(function(success) {
+          $scope.savingInventory = false;
+          $scope.success = true;
+          $scope.inventory = success;
+          $scope.loadEditPage($scope.inventory);
+          toaster.pop('success', 'SUCCESS', 'Inventory added successfully!');
+        })
+        .error(function(error) {
+          $scope.savingInventory = false;
+          $scope.errors = error.errors;
+        })
+      $scope.postSave()
+    }
+
+    $scope.updateInventory = function(inventory) {
+      $scope.preSave()
+
+      Inventory.update(inventory)
+        .success(function(success) {
+          $scope.savingInventory = false;
+          $scope.success = true;
+          $scope.inventory = success;
+        })
+        .error(function(error) {
+          $scope.savingInventory = false;
+          $scope.errors = error.errors;
+        })
+      
+      $scope.postSave()
+    }
+
+    // If inventory edit mode.
+    if ($stateParams.inventoryId) {
+      Inventory.get($stateParams.inventoryId)
+        .success(function(success) {
+          $scope.inventory = success;
+          $scope.updateBodyMakes($scope.inventory);
+        })
+        .error(function(error) {
+          // get rid 
+        }) 
+    }
+
+  }])
+
+  // delete inventory controller
+  .controller('DeleteInventoryController', ['$scope', '$modalInstance', 'inventory', function($scope, $modalInstance, inventory) {
+
+    $scope.inventory = inventory;
+
+    $scope.yes = function(inventory) {
+      $modalInstance.close(inventory);
+    }
+
+    $scope.cancel = function () {
+      $modalInstance.dismiss('cancel');
+    };
+
+
+  }])
+
+
+  // mark as sold controller
+  .controller('MarkAsSoldController', ['$scope', '$modalInstance', 'inventory', 'Inventory', 'toaster', function($scope, $modalInstance, inventory, Inventory, toaster) {
+    
+    $scope.inventory = inventory;
+
+    $scope.markAsSold = function(inventory) {
+      //inventory.sold_checked = true;
+      $scope.errors = null;
+      Inventory.update(inventory)
+        .success(function(success) {
+          toaster.pop('success', 'Success', 'Inventory successfully marked as SOLD.');
+          $modalInstance.close(inventory);
+        }) 
+        .error(function(error) {
+          $scope.errors = error.errors;
+          toaster.pop('error', 'Failed', 'Unable to fulfil your request. The inventory was not marked as sold. Fix the errors please.')
+        })
+
+    }
+
+    $scope.cancel = function() {
+      $modalInstance.dismiss('cancel');
+    }
+
+
+  }])
+
+
+  // profile controller
+  .controller('ProfileController', ['$scope', 'toaster', 'Dealer', 'Country', 'Province', function($scope, toaster, Dealer, Country, Province) {
+
+    Dealer.get()
+      .success(function(success) {
+        $scope.dealer = success;
+      })
+      .error(function(error) {
+        // 
+      })
+
+    $scope.updateProfile = function(dealer) {
+      $scope.savingProfile = true
+      $scope.success = false;
+      $scope.errors = false;
+
+      Dealer.update(dealer)
+        .success(function(success) {
+          $scope.savingProfile = false;
+          $scope.success = true;
+          $scope.dealer = success;
+        })
+        .error(function(error) {
+          $scope.savingProfile = false;
+          $scope.errors = error.errors;
+        })
+
+      $("body,html").animate({scrollTop: 0}, "slow");
+    }
+
+    $scope.updateStates = function(countryId) {
+      Province.get(countryId)
+        .success(function(success) {
+          $scope.provinces = success;
+        })
+        .error(function(error) {
+          //$scope.error = error
+        })
+    }
+
+
+  }])
+
+
+  // password controller
+  .controller('PasswordController', ['$scope', 'Password', 'Dealer', function($scope, Password, Dealer) {
+
+    Dealer.get()
+      .success(function(success) {
+        $scope.dealer = success;
+      })
+      .error(function(error) {
+        // 
+      })
+
+    $scope.updatePassword = function(dealer) {
+      $scope.errors = null;
+      $scope.updatingPassword = true;
+      Password.update(dealer)
+        .success(function(success) {
+          $scope.success = true;
+          $scope.updatingPassword = false;
+        })
+        .error(function(error) {
+          $scope.errors = error.errors;
+          $scope.updatingPassword = false;
+        })
+    }
+
+  }])
+
+
+  // Locations controller
+  .controller('LocationsController', ['$scope', 'Location', function($scope, Location) {
+    
+    $scope.fetchLocations = function() {
+      Location.all()
+        .success(function(success) {
+          $scope.locations = success;
+        })
+        .error(function(error) {
+          // error handling here.
+        })
+    }
+
+    // location can either be edited or added
+    // this function handles both..
+    // in case of add, location is not present
+    $scope.editLocation = function(location) {
+      $scope.success = false;
+      $scope.errors = false;
+      if (location) {
+        $scope.selectedLocation = location;
+        $scope.mode = 'Edit Location';
+      } else {
+        $scope.selectedLocation = {};
+        $scope.mode = 'Add Location'
+      }
+      $scope.showLocationForm = true;
+    }
+
+    $scope.persistLocation = function(location) {
+      $scope.success = false;
+      $scope.errors = false;
+      $scope.updatingLocation = true;
+
+      Location.persist(location)
+        .success(function(success) {
+          $scope.updatingLocation = false;
+          $scope.success = true;
+          $scope.fetchLocations();         
+          $("body,html").animate({scrollTop: 0}, "slow");
+        })
+        .error(function(error) {
+          $scope.errors = error.errors;
+          $scope.updatingLocation = false;
+          $("body,html").animate({scrollTop: 0}, "slow");
+        })
+    }
+
+    $scope.fetchLocations();
+
+  }])
+
+
+
+  .controller('ManagersController', ['$scope', 'Manager', '$rootScope', function($scope, Manager, $rootScope) {
+    
+    $scope.fetchManagers = function() {
+      Manager.all()
+        .success(function(success) {
+          $scope.managers = success;
+        })
+        .error(function(error) {
+          //
+        })
+    }
+
+    // location can either be edited or added
+    // this function handles both..
+    // in case of add, location is not present
+    $scope.editTeamUser = function(user) {
+      $scope.success = false;
+      $scope.errors = false;
+      if (user) {
+        $scope.selectedTeamUser = user;
+        $scope.mode = 'Edit Team User';
+      } else {
+        $scope.selectedTeamUser = {};
+        $scope.mode = 'Add Team User'
+      }
+      $scope.showTeamUserForm = true;
+    }
+
+    $scope.persistTeamUser = function(user) {
+      user.accepts_terms = true;
+      user.company = 'Parent ' + $rootScope.current_user.company;
+      user.dealer_id = $rootScope.current_user.id;
+
+      $scope.success = false;
+      $scope.errors = false;
+      $scope.updatingTeamUser = true;
+
+      Manager.persist(user)
+        .success(function(success) {
+          $scope.updatingTeamUser = false;
+          $scope.success = true;
+          $scope.fetchManagers();          
+          $("body,html").animate({scrollTop: 0}, "slow");
+        })
+        .error(function(error) {
+          $scope.errors = error.errors;
+          $scope.updatingTeamUser = false;
+          $("body,html").animate({scrollTop: 0}, "slow");
+        })
+    }
+
+
+    $scope.fetchManagers();
+
+  }])
+
+  .controller('BillingController', ['$scope', 'Invoice', 'Dealer', '$window', '$rootScope', 'CreditCard', 'toaster', function($scope, Invoice, Dealer, $window, $rootScope, CreditCard, toaster) {
+
+    $ = $window.jQuery;
+
+    $rootScope.$watch('current_user', function(newVal, oldVal) {
+      if (newVal) {
+        $scope.dealer = $rootScope.current_user;
+        $scope.credit_card = $scope.dealer.stripe_card;
+        $scope.currentPlan = $rootScope.current_user.current_plan;
+      }
+    })
+
+    Invoice.all()
+      .success(function(success) {
+        $scope.invoices = success.data;
+      })
+
+    $scope.editCreditCard = function(card) {
+      $scope.cancelCardEdit()
+      $scope.showEditForm = true;
+      $scope.currentCard = card;
+    }
+
+    $scope.addCreditCard = function() {
+      $scope.cancelCardEdit()
+      $scope.showAddCardForm = true;
+      $(document).ready(function() {
+        $scope.skeuocard = new Skeuocard($('#skeuocard'));
+      })
+    }
+
+    $scope.addNewCard = function() {
+      $scope.stripeError = false
+      card = {
+        number: $('#cc_number').val(),
+        cvc: $('#cc_cvc').val(),
+        expMonth: $('#cc_exp_month').val(),
+        expYear: $('#cc_exp_year').val(),
+        name: $('#cc_name').val(),
+        address_line1: $('#address_line1').val(),
+        address_city: $('#address_city').val(),
+        address_state: $('#address_state').val(),
+        address_zip: $('#address_zip').val(),
+        address_country: $('#address_country').val(),
+      }
+      Stripe.createToken(card, $scope.handleStripeResponse)
+    }
+
+    $scope.handleStripeResponse = function(status, response) {
+      if (response.error) {
+        $scope.stripeError = response.error
+      } else {
+        CreditCard.create(response)
+          .success(function(success) {
+            toaster.pop('success', 'Success', 'Credit Card added successfully!');
+            $scope.refreshCardsList();
+          })
+          .error(function(error) {
+            toaster.pop('error', 'Failed', 'We couldn\'t add your Credit Card successfully! Please verify its validity.');
+          })
+      }
+      $scope.$digest()
+    }
+
+    $scope.cancelCardEdit = function(card) {
+      $scope.showEditForm = false;
+      $scope.showAddCardForm = false;
+    }
+
+    $scope.updateCard = function() {
+      CreditCard.update($scope.currentCard)
+        .success(function(success) {
+          toaster.pop('success', 'Success', 'Credit Card updated successfully!');
+        })
+        .error(function(error) {
+          toaster.pop('error', 'Failed', 'We couldn\'t update your Credit Card successfully! Please verify its validity.');
+        })
+    }
+
+    $scope.makePrimary = function(card) {
+      CreditCard.makePrimary(card)
+        .success(function(success) {
+          toaster.pop('success', 'Success', 'Credit Card made primary!');
+          $scope.refreshCardsList()
+        })
+        .error(function(error) {
+          toaster.pop('error', 'Failed', 'Unable to make this card primary. Contact support.');
+        })
+    }
+
+    $scope.refreshCardsList = function() {
+      Dealer.get()
+        .success(function(user) {
+          $rootScope.current_user = user;
+        })
+      $scope.cancelCardEdit();
+    }
+
+
+  }])
+
+
+  // Plans Controller
+  .controller('PlansController', ['$scope', 'Plan', '$rootScope', 'Plan', 'toaster', function($scope, Plan, $rootScope, Plan, toaster) {
+
+    $scope.selectPlan = function(planName) {
+      var changePlan = confirm("Are you sure you want to switch to " + planName + " plan? ");
+      if (changePlan) {
+        Plan.switchPlan(planName)
+          .success(function(success) {
+            toaster.pop('success', 'Success', 'Plan Changed successfully!')
+            $rootScope.fetchDealer()
+              .success(function(success) {
+                $scope.currentPlan = success.current_plan;
+              })
+          })
+          .error(function(error) {
+            toaster.pop('error', 'Failed', 'Yikes, couldnt make it happen. Try again?')
+          })
+      } else {
+        console.log('will NOT change plan')
+      }
+    }
+
+  }])