caisse-bliss/assets/js/parts/main.js

353 lines
13 KiB
JavaScript
Raw Normal View History

2018-05-22 16:38:51 +02:00
// require('../../../node_modules/canvasjs/dist/canvasjs.3');
2018-05-08 13:24:02 +02:00
var $ = require('jquery');
// JS is equivalent to the normal "bootstrap" package
// no need to set this to a variable, just require it
require('bootstrap-sass');
// or you can include specific pieces
// require('bootstrap-sass/javascripts/bootstrap/tooltip');
// require('bootstrap-sass/javascripts/bootstrap/popover');
$(document).ready(function () {
$('[data-toggle="popover"]').popover();
});
2018-04-04 16:25:25 +02:00
console.log('hello console for main.js');
2018-04-05 14:21:32 +02:00
var stuff = ['initialstuff'];
2018-05-24 15:48:49 +02:00
2018-04-05 14:21:32 +02:00
angular
.module('caisse', [])
.controller('CaisseCtrl', ['$scope', '$http', '$timeout', function ($scope, $http, $timeout) {
$scope.productsFromDB = []; // loaded products
$scope.categories = []; // product categories
$scope.sellingComment = "un gens"; // comment about the client or the current selling
$scope.initLoadDone = false; // becames true after first init of product loading
$scope.recentSellings = [];
$scope.lesParams = {};
$scope.countProductsSoldForActiveFestival = {};
$scope.paidAmount = 0;
$scope.expressSelling = true;
$scope.pausedSelling = [];
$scope.show_config = {
stock_count: false,
sold: true,
};
$scope.activeItemsSold = []; // list of products ID to sell
$scope.activeSelling = []; // list of products to sell
$scope.activeFestival = { // an event where selling take place
id: null,
name: "le festival",
dateCreation: new Date(),
chiffreAffaire: 0,
clientsCount: 0,
commentaire: ""
};
/**
* get the sum of products prices
* @param list
* @returns {number}
*/
$scope.sumOfList = function (list) {
let counter = 0;
for (let i = 0; i < list.length; i++) {
counter += list[i].price;
}
return counter;
};
/**
* sum of current selling list prices
* @returns {number}
* @constructor
*/
$scope.CurrentSellingTotal = function () {
return $scope.sumOfList($scope.activeSelling);
};
2018-04-05 14:21:32 +02:00
$scope.regenActiveSellingIds = function () {
$scope.activeItemsSold = [];
$scope.paidAmount = 0;
for (let obj in $scope.activeSelling) {
$scope.activeItemsSold.push(obj.id);
}
$scope.paidAmount += $scope.sumOfList($scope.activeSelling);
};
$scope.stuff = stuff;
$scope.setActiveSelling = function (selling) {
$scope.activeSelling = selling;
};
$scope.pauseSelling = function (selling) {
$scope.pausedSelling.push(selling);
};
/**
* add to current sell list
* @param product
*/
$scope.addProduct = function (product) {
product.stockCount--;
$scope.activeSelling.push(product);
$scope.activeItemsSold.push(product.id);
$scope.regenActiveSellingIds();
};
/**
* remove from current sell list
* @param product
*/
$scope.removeProduct = function (product, index) {
product.stockCount++;
$scope.activeSelling.splice($index, 1);
$scope.regenActiveSellingIds()
};
$scope.pauseSelling = function () {
$scope.pausedSelling.push(angular.copy($scope.activeSelling));
$scope.activeSelling = [];
};
$scope.setBackPausedSelling = function (sellingList, index) {
$scope.activeSelling = angular.copy(sellingList);
$scope.pausedSelling.splice(index, 1);
};
2018-04-20 09:40:17 +02:00
$scope.clearSellingComment = function () {
$scope.sellingComment = '';
document.querySelector('#sellingCommentInput').focus();
};
$scope.clearCurrentSelling = function () {
$scope.paidAmount = 0;
// $scope.sellingComment = "";
$scope.activeSelling = [];
};
2018-04-17 15:08:30 +02:00
// http related calls
$scope.fetchProductsFromDB = function () {
console.log('fetch products...');
$http.get('get-my-products').then((rep) => {
2018-04-17 15:08:30 +02:00
console.log('ok', rep);
customCategories = [];
for (let c of rep.data.categories) {
c.hidden = false;
customCategories.push(c);
}
console.log('customCategories', customCategories);
$scope.categories = customCategories;
$scope.productsFromDB = customCategories;
// $scope.recentSellings = rep.data.history;
// festoche
$scope.activeFestival.id = rep.data.lastFestival.id;
$scope.activeFestival.name = rep.data.lastFestival.name;
$scope.activeFestival.dateCreation = rep.data.lastFestival.dateCreation;
$scope.activeFestival.commentaire = rep.data.lastFestival.commentaire;
$scope.activeFestival.chiffreAffaire = rep.data.lastFestival.chiffreAffaire;
$scope.activeFestival.fondDeCaisseAvant = rep.data.lastFestival.fondDeCaisseAvant;
$scope.activeFestival.fondDeCaisseApres = rep.data.lastFestival.fondDeCaisseApres;
$scope.activeFestival.clientsCount = rep.data.lastFestival.clientsCount;
// stat count for items
$scope.countProductsSoldForActiveFestival = rep.data.lastFestival.sold;
console.log(' $scope.countProductsSoldForActiveFestival', $scope.countProductsSoldForActiveFestival);
//done
$scope.initLoadDone = true;
}, (err) => {
console.log(err);
$scope.initLoadDone = true;
});
};
2018-04-17 15:08:30 +02:00
/**
* sell one product, assuming the client has the right amount of money
* @param product
*/
$scope.expressSell = function (product) {
$scope.addProduct(product);
$scope.sendForm();
};
$scope.recentId = 0;
$scope.logger = function (stuff) {
console.log('logger', stuff);
};
$scope.sendForm = function () {
console.log('$scope.sellingComment', this.sellingComment);
let lesParams = {
paidByClient: this.paidAmount,
sellingComment: this.sellingComment,
activeSelling: this.activeSelling,
activeFestival: this.activeFestival
};
$scope.recentSellings.push({
id: this.recentId++,
amount: this.CurrentSellingTotal(),
paidAmount: this.paidAmount,
products:
angular
.copy(this.activeSelling)
});
console.log('$scope.recentSellings', this.recentSellings);
$scope.lesParams = lesParams;
$http({
method: 'POST',
url: 'add-selling',
headers: {
'Content-Type': 'application/json'
},
data: lesParams // pass in data as strings
}).then(function (rep) {
$scope.clearCurrentSelling();
// if successful, bind success message to message
$scope.successMessage = rep.data.message;
$scope.activeFestival.chiffreAffaire = rep.data.newChiffreAffaire;
$scope.activeFestival.clientsCount = rep.data.clientsCount;
$scope.countProductsSoldForActiveFestival = rep.data.activeFestival.sold;
$scope.showTemporaryMessage();
console.log(rep);
if (!rep.success) {
// if not successful, bind errors to error variables
$scope.errors = rep.errors;
}
}, function (rep) {
console.log('nope! ', rep.data);
})
;
};
2018-04-05 17:01:36 +02:00
$scope.sellingOk = false;
$scope.tempMessage = {};
$scope.showTemporaryMessage = function () {
if ($scope.sellingOk) {
return;
}
$scope.sellingOk = true;
$timeout.cancel($scope.tempMessage);
$scope.tempMessage = $timeout(function () {
$scope.sellingOk = false;
}, 2000)
};
$scope.init = (function () {
$scope.fetchProductsFromDB();
})();
}])
2018-08-22 16:42:21 +02:00
.controller('previsionnelCtrl', ['$scope', '$http', '$timeout', function ($scope, $http, $timeout) {
2018-08-23 15:00:56 +02:00
$scope.config = {
2018-08-23 18:12:32 +02:00
initialLoadingDone: false,
loading: false,
2018-08-23 15:00:56 +02:00
lines: 24,
2018-08-28 11:15:07 +02:00
debounceTime: 300, // miliseconds to wait before updating model and saving changes
2018-08-23 15:00:56 +02:00
/**
* expenses kind of the user
*/
disponibility: 5000,
averageMonthlyEarnings: 600,
warningThershold: 2000,
showDelays: false,
showRepeats: false,
monthsBeforeNoMoney: null,
2018-08-23 15:00:56 +02:00
};
2018-08-22 16:42:21 +02:00
2018-08-22 17:10:01 +02:00
let exampleExpenses = [
2018-08-23 15:00:56 +02:00
{name: "appart", amount: 800, delay: 0, repeat: $scope.config.lines, enabled: true},
{name: "assurance voiture", amount: 50, delay: 0, repeat: $scope.config.lines, enabled: true},
{name: "internet", amount: 20, delay: 0, repeat: $scope.config.lines, enabled: true},
{name: "elec", amount: 100, delay: 0, repeat: $scope.config.lines, enabled: true},
{name: "chat", amount: 20, delay: 0, repeat: $scope.config.lines, enabled: true},
{name: "transports", amount: 70, delay: 0, repeat: $scope.config.lines, enabled: false},
2018-08-22 17:10:01 +02:00
];
2018-08-23 15:00:56 +02:00
2018-08-22 17:10:01 +02:00
// $scope.expenses=[];
$scope.expenses = exampleExpenses;
2018-08-22 17:10:01 +02:00
/**
* sum of all monthly expenses, ignoring delay
* @returns {number}
*/
$scope.sumMonthlyExpenses = () => {
2018-08-22 17:10:01 +02:00
let sum = 0;
$scope.expenses.forEach((elem) => {
2018-08-23 15:00:56 +02:00
if (elem.enabled) {
sum += elem.amount;
}
2018-08-22 17:10:01 +02:00
})
return sum;
};
$scope.previsionTable = () => {
2018-08-23 15:00:56 +02:00
let turns = $scope.config.lines;
2018-08-22 17:10:01 +02:00
let monthly = $scope.sumMonthlyExpenses();
2018-08-23 15:00:56 +02:00
let available = $scope.config.disponibility;
let previsionTable = [];
let changedNoMoneyConfig = false;
for (let i = 0; i <= turns; i++) {
2018-08-22 17:10:01 +02:00
// TODO take in account delays in expenses
2018-08-23 15:00:56 +02:00
available = available - monthly + $scope.config.averageMonthlyEarnings;
2018-08-22 17:10:01 +02:00
let newLine = {
expense: monthly,
2018-08-23 12:24:02 +02:00
available: available,
2018-08-22 17:10:01 +02:00
};
if (available <= 0 && !changedNoMoneyConfig) {
$scope.config.monthsBeforeNoMoney = i;
changedNoMoneyConfig = true;
}
2018-08-22 17:10:01 +02:00
previsionTable.push(newLine);
}
return previsionTable;
};
2018-08-28 11:15:07 +02:00
$scope.updateconf = (rep) => {
$scope.config.loading = false;
$scope.config.initialLoadingDone = true;
$scope.config.disponibility = rep.data.disponibility;
$scope.config.averageMonthlyEarnings = rep.data.averageMonthlyEarnings;
// default data when user has nothing saved
console.log('rep.data.expenses.length', rep.data.expenses.length)
if (!rep.data.expenses.length) {
$scope.expenses = exampleExpenses;
} else {
$scope.expenses = rep.data.expenses;
}
};
2018-08-22 16:42:21 +02:00
// http related calls
$scope.fetchExpenses = () => {
2018-08-22 17:10:01 +02:00
console.log('fetch expenses...');
2018-08-23 18:12:32 +02:00
$scope.config.loading = true;
2018-08-22 16:42:21 +02:00
$http.get('get-my-expenses').then((rep) => {
2018-08-27 15:20:01 +02:00
console.log('get-my-expenses', rep.data.expenses);
2018-08-28 11:15:07 +02:00
$scope.updateconf(rep)
2018-08-27 15:20:01 +02:00
},
2018-08-23 18:12:32 +02:00
$scope.manageError)
2018-08-22 17:10:01 +02:00
};
2018-08-23 18:12:32 +02:00
// save TODO
2018-08-27 14:58:45 +02:00
$scope.save = () => {
2018-08-27 15:20:01 +02:00
if ($scope.config.loading) {
2018-08-27 14:58:45 +02:00
console.log('already saving');
return;
}
2018-08-22 17:10:01 +02:00
console.log('update expenses...');
2018-08-23 18:12:32 +02:00
$scope.config.loading = true;
$http.post('save-my-expenses', {
2018-08-27 15:20:01 +02:00
expenses: $scope.expenses,
2018-08-23 18:12:32 +02:00
config: $scope.config
})
2018-08-22 17:10:01 +02:00
.then((rep) => {
2018-08-27 15:20:01 +02:00
console.log('save-my-expenses', rep);
2018-08-28 11:15:07 +02:00
$scope.updateconf(rep)
2018-08-27 15:20:01 +02:00
},
2018-08-23 18:12:32 +02:00
$scope.manageError)
2018-08-22 17:10:01 +02:00
};
$scope.addExpense = () => {
$scope.expenses.push({
name: "",
repeat: 0,
delay: 0,
amount: 0,
})
2018-08-23 18:12:32 +02:00
};
2018-08-27 15:20:01 +02:00
$scope.init = () => {
2018-08-23 18:12:32 +02:00
$scope.fetchExpenses();
};
2018-08-27 15:20:01 +02:00
$scope.manageError = (error) => {
2018-08-23 18:12:32 +02:00
console.error(error);
$scope.config.loading = false;
}
2018-08-23 18:12:32 +02:00
$scope.init();
2018-08-22 16:42:21 +02:00
}]);