BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Compatibilité IE : update tous les scripts vuejs (syntaxe function en argument)

dev
Guillaume Bourgeois 5 years ago
parent
647bb14a11
commit
af20d8b205
2 changed files with 77 additions and 68 deletions
Unified View Show Diff Stats
  1. +47
    -40
      backend/web/js/vuejs/distribution-index.js
  2. +30
    -28
      producer/web/js/vuejs/subscription-form.js

+ 47
- 40
backend/web/js/vuejs/distribution-index.js View File

return false ; return false ;
}, },
init: function(idActivePointSale) { init: function(idActivePointSale) {
var app = this ;
this.showLoading = true ; this.showLoading = true ;
axios.get("ajax-infos",{params: {date : this.getDate()}}) axios.get("ajax-infos",{params: {date : this.getDate()}})
.then(response => {
this.distribution = response.data.distribution ;
.then(function(response) {
app.distribution = response.data.distribution ;
this.products = response.data.products ;
this.initCountActiveProducts() ;
app.products = response.data.products ;
app.initCountActiveProducts() ;
this.oneDistributionWeekActive = response.data.one_distribution_week_active ;
app.oneDistributionWeekActive = response.data.one_distribution_week_active ;
this.countOrders = 0 ;
app.countOrders = 0 ;
if(response.data.orders) { if(response.data.orders) {
this.orders = response.data.orders ;
app.orders = response.data.orders ;
for(i=0 ; i < this.orders.length ; i++) {
if(!this.orders[i].date_delete) {
this.countOrders ++ ;
for(i=0 ; i < app.orders.length ; i++) {
if(!app.orders[i].date_delete) {
app.countOrders ++ ;
} }
} }
} }
else { else {
this.orders = [] ;
app.orders = [] ;
} }
if(response.data.order_create) { if(response.data.order_create) {
this.orderCreate = response.data.order_create ;
app.orderCreate = response.data.order_create ;
} }
if(response.data.points_sale) { if(response.data.points_sale) {
this.pointsSale = response.data.points_sale ;
this.initPointsSale(idActivePointSale) ;
app.pointsSale = response.data.points_sale ;
app.initPointsSale(idActivePointSale) ;
} }
else { else {
this.pointsSale = [] ;
app.pointsSale = [] ;
} }
if(response.data.users) { if(response.data.users) {
this.users = response.data.users ;
app.users = response.data.users ;
} }
this.calendar.attrs = [] ;
app.calendar.attrs = [] ;
var distributions = response.data.distributions ; var distributions = response.data.distributions ;
if(distributions.length) { if(distributions.length) {
for(var i= 0; i < distributions.length; i++) { for(var i= 0; i < distributions.length; i++) {
this.calendar.attrs.push({
app.calendar.attrs.push({
highlight: { highlight: {
backgroundColor: '#5cb85c', backgroundColor: '#5cb85c',
}, },
} }
} }
this.showLoading = false ;
app.showLoading = false ;
}) ; }) ;
}, },
initCountActiveProducts: function() { initCountActiveProducts: function() {
idProduct: event.currentTarget.getAttribute('data-id-product'), idProduct: event.currentTarget.getAttribute('data-id-product'),
quantityMax: event.currentTarget.value quantityMax: event.currentTarget.value
}}) }})
.then(response => {
.then(function(response) {


}) ; }) ;
}, },
idProduct: idProduct, idProduct: idProduct,
active: activeProduct active: activeProduct
}}) }})
.then(response => {
.then(function(response) {
}) ; }) ;
idPointSale: idPointSale, idPointSale: idPointSale,
delivery: deliveryPointSale delivery: deliveryPointSale
}}) }})
.then(response => {
.then(function(response) {
}) ; }) ;
this.initPointsSale() ; this.initPointsSale() ;
}, },
activeDistribution: function(event) { activeDistribution: function(event) {
var app = this ;
axios.get("ajax-process-active-distribution",{params: { axios.get("ajax-process-active-distribution",{params: {
idDistribution: this.distribution.id, idDistribution: this.distribution.id,
active: event.currentTarget.getAttribute('data-active') active: event.currentTarget.getAttribute('data-active')
}}) }})
.then(response => {
this.init() ;
.then(function(response) {
app.init() ;
}) ; }) ;
}, },
activeWeekDistribution: function(event) { activeWeekDistribution: function(event) {
var app = this ;
axios.get("ajax-process-active-week-distribution",{params: { axios.get("ajax-process-active-week-distribution",{params: {
date: this.date.getFullYear() + '-' date: this.date.getFullYear() + '-'
+ ('0' + (this.date.getMonth() +1)).slice(-2) + '-' + ('0' + (this.date.getMonth() +1)).slice(-2) + '-'
+ ('0' + this.date.getDate()).slice(-2), + ('0' + this.date.getDate()).slice(-2),
active: event.currentTarget.getAttribute('data-active') active: event.currentTarget.getAttribute('data-active')
}}) }})
.then(response => {
this.init() ;
.then(function(response) {
app.init() ;
}) ; }) ;
}, },
pointSaleClick: function(event) { pointSaleClick: function(event) {
this.init(this.idActivePointSale) ; this.init(this.idActivePointSale) ;
}, },
deleteOrderClick: function(event) { deleteOrderClick: function(event) {
var app = this ;
var idOrder = event.currentTarget.getAttribute('data-id-order') ; var idOrder = event.currentTarget.getAttribute('data-id-order') ;
axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-delete",{params: { axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-delete",{params: {
idOrder: idOrder idOrder: idOrder
}}) }})
.then(response => {
this.init(this.idActivePointSale) ;
.then(function(response) {
app.init(app.idActivePointSale) ;
}) ; }) ;
}, },
updateOrderClick: function(event) { updateOrderClick: function(event) {
this.showModalPayment = true ; this.showModalPayment = true ;
}, },
orderPaymentClick: function(event) { orderPaymentClick: function(event) {
var app = this ;
var idOrder = event.currentTarget.getAttribute('data-id-order') ; var idOrder = event.currentTarget.getAttribute('data-id-order') ;
axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-payment",{params: { axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-payment",{params: {
idOrder: this.idOrderPayment, idOrder: this.idOrderPayment,
type: event.currentTarget.getAttribute('data-type'), type: event.currentTarget.getAttribute('data-type'),
amount: event.currentTarget.getAttribute('data-amount') amount: event.currentTarget.getAttribute('data-amount')
}}) }})
.then(response => {
this.init(this.idActivePointSale) ;
.then(function(response) {
app.init(app.idActivePointSale) ;
}) ; }) ;
}, },
orderViewClick: function(event) { orderViewClick: function(event) {
}, },
submitFormCreate: function() { submitFormCreate: function() {
var app = this ;
if(this.checkForm()) { if(this.checkForm()) {
axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-create",{params: { axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-create",{params: {
date: this.date.getFullYear() + '-' date: this.date.getFullYear() + '-'
products: JSON.stringify(this.order.productOrder), products: JSON.stringify(this.order.productOrder),
comment: this.order.comment comment: this.order.comment
}}) }})
.then(response => {
this.order.id_point_sale = 0 ;
this.order.id_user = 0 ;
this.order.username = '' ;
this.order.comment = '' ;
for(i=0 ; i<this.order.productOrder.length ; i++) {
this.order.productOrder[i] = 0 ;
.then(function(response) {
app.order.id_point_sale = 0 ;
app.order.id_user = 0 ;
app.order.username = '' ;
app.order.comment = '' ;
for(i=0 ; i<app.order.productOrder.length ; i++) {
app.order.productOrder[i] = 0 ;
} }


this.$emit('ordercreatedupdated') ;
app.$emit('ordercreatedupdated') ;
}) ; }) ;
} }
}, },
submitFormUpdate: function() { submitFormUpdate: function() {
var app = this ;
if(this.checkForm()) { if(this.checkForm()) {
axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-update",{params: { axios.get(UrlManager.getBaseUrlAbsolute()+"order/ajax-update",{params: {
date: this.date.getFullYear() + '-' date: this.date.getFullYear() + '-'
products: JSON.stringify(this.order.productOrder), products: JSON.stringify(this.order.productOrder),
comment: this.comment comment: this.comment
}}) }})
.then(response => {
this.$emit('ordercreatedupdated') ;
.then(function(response) {
app.$emit('ordercreatedupdated') ;
}) ; }) ;
} }
}, },

+ 30
- 28
producer/web/js/vuejs/subscription-form.js View File

}, },
methods: { methods: {
init: function() { init: function() {
var app = this ;
if($('#subscription-id').val() != 0) { if($('#subscription-id').val() != 0) {
this.idSubscription = $('#subscription-id').val() ; this.idSubscription = $('#subscription-id').val() ;
} }
this.dateBegin = new Date() ; this.dateBegin = new Date() ;


axios.get("ajax-infos",{params: {idSubscription : this.idSubscription}}) axios.get("ajax-infos",{params: {idSubscription : this.idSubscription}})
.then(response => {
.then(function(response) {
this.products = response.data.products ;
this.pointsSale = response.data.points_sale ;
app.products = response.data.products ;
app.pointsSale = response.data.points_sale ;
if(this.idSubscription > 0) {
this.validatePointSale(response.data.id_point_sale) ;
this.weekFrequency = response.data.week_frequency ;
this.autoPayment = response.data.auto_payment ;
if(app.idSubscription > 0) {
app.validatePointSale(response.data.id_point_sale) ;
app.weekFrequency = response.data.week_frequency ;
app.autoPayment = response.data.auto_payment ;
var arrayDateBegin = response.data.date_begin.split('-') ; var arrayDateBegin = response.data.date_begin.split('-') ;
this.dateBegin = new Date(arrayDateBegin[0], arrayDateBegin[1] - 1, arrayDateBegin[2]) ;
app.dateBegin = new Date(arrayDateBegin[0], arrayDateBegin[1] - 1, arrayDateBegin[2]) ;
if(response.data.date_end && response.data.date_end.length > 0) { if(response.data.date_end && response.data.date_end.length > 0) {
var arrayDateEnd = response.data.date_begin.split('-') ; var arrayDateEnd = response.data.date_begin.split('-') ;
this.dateEnd = new Date(arrayDateEnd[0], arrayDateEnd[1] - 1, arrayDateEnd[2]) ;
app.dateEnd = new Date(arrayDateEnd[0], arrayDateEnd[1] - 1, arrayDateEnd[2]) ;
} }
this.monday = response.data.monday ;
this.tuesday = response.data.tuesday ;
this.wednesday = response.data.wednesday ;
this.thursday = response.data.thursday ;
this.friday = response.data.friday ;
this.saturday = response.data.saturday ;
this.sunday = response.data.sunday ;
app.monday = response.data.monday ;
app.tuesday = response.data.tuesday ;
app.wednesday = response.data.wednesday ;
app.thursday = response.data.thursday ;
app.friday = response.data.friday ;
app.saturday = response.data.saturday ;
app.sunday = response.data.sunday ;
} }
this.loading = false ;
app.loading = false ;
}); });
}, },
return false ; return false ;
}, },
pointSaleClick: function(event) { pointSaleClick: function(event) {
var app = this ;
var idPointSale = event.currentTarget.getAttribute('data-id-point-sale') ; var idPointSale = event.currentTarget.getAttribute('data-id-point-sale') ;
var hasCode = event.currentTarget.getAttribute('data-code') ; var hasCode = event.currentTarget.getAttribute('data-code') ;
axios.get('ajax-validate-code-point-sale',{params: { axios.get('ajax-validate-code-point-sale',{params: {
idPointSale: idPointSale, idPointSale: idPointSale,
code: this.pointsSaleCodes[idPointSale] code: this.pointsSaleCodes[idPointSale]
}}).then(response => {
}}).then(function(response) {
if(response.data) { if(response.data) {
this.getPointSale(idPointSale).invalid_code = false ;
this.validatePointSale(idPointSale) ;
app.getPointSale(idPointSale).invalid_code = false ;
app.validatePointSale(idPointSale) ;
} }
else { else {
this.getPointSale(idPointSale).invalid_code = true ;
Vue.set(this.pointsSaleCodes, idPointSale, '');
app.getPointSale(idPointSale).invalid_code = true ;
Vue.set(app.pointsSaleCodes, idPointSale, '');
} }
}) ; }) ;
} }
sunday: this.sunday == true ? 1 : 0, sunday: this.sunday == true ? 1 : 0,
products: productsArray products: productsArray
} }
}).then(response => {
}).then(function(response) {
window.location.href = chat_base_url(true)+'subscription/index' ; window.location.href = chat_base_url(true)+'subscription/index' ;
}); });
} }
}, },
checkForm: function() { checkForm: function() {
var app = this ;
this.errors = [] ; this.errors = [] ;
if(!this.idPointSaleActive) { if(!this.idPointSaleActive) {
axios.get('ajax-validate-code-point-sale',{params: { axios.get('ajax-validate-code-point-sale',{params: {
idPointSale: this.idPointSaleActive, idPointSale: this.idPointSaleActive,
code: this.pointSaleActive.code code: this.pointSaleActive.code
}}).then(response => {
}}).then(function(response) {
if(response.data) { if(response.data) {
this.pointsSale[idPointSale].invalid_code = false ;
app.pointsSale[idPointSale].invalid_code = false ;
} }
else { else {
this.pointsSale[idPointSale].invalid_code = true ;
Vue.set(this.pointsSaleCodes, idPointSale, '');
app.pointsSale[idPointSale].invalid_code = true ;
Vue.set(app.pointsSaleCodes, idPointSale, '');
} }
}) ; }) ;
} }

Write Preview
Loading…
Cancel
Save