I have form with four field, the first selection field filled by the user others field value come from this field , i want to make them save permanently so i created model in odoo back end to save this values but did not work.
here is the code please give me your idea about this logic and if there is another better way to solve it:
/** @odoo-module **/
import { useService } from "@web/core/utils/hooks";
import { session } from "@web/session";
import PublicWidget from "@web/legacy/js/public/public_widget";
export const DeliverySlotsWidget = PublicWidget.Widget.extend({
selector: '.delivery-slots-container',
events: {
'change #delivery_slot': '_onSelectSlot',
'click #confirm-slot': '_onConfirmSlot',
},
setup() {
this.orm = useService("orm");
},
async start() {
this._super.apply(this, arguments);
const user_id = session.uid; // Fetch the current user ID
try {
// Fetch saved selection
const selections = await this.orm.call(
'delivery.slot.selection',
'search_read',
[[['user_id', '=', user_id]], ['slot_id', 'week_days', 'hour', 'limit']]
);
if (selections.length > 0) {
const selection = selections[0];
const slot = selection.slot_id;
document.getElementById('week_days').value = selection.week_days;
document.getElementById('hour').value = selection.hour;
document.getElementById('limit').value = selection.limit;
const slotOption = document.querySelector(`#delivery_slot option[value="${slot[0]}"]`);
if (slotOption) {
slotOption.selected = true;
}
}
} catch (error) {
console.error("Error fetching saved slot", error);
}
},
_onSelectSlot(ev) {
const selectedOption = ev.currentTarget.selectedOptions[0];
const day = selectedOption.getAttribute('data-day');
const hour = selectedOption.getAttribute('data-hour');
const limit = selectedOption.getAttribute('data-limit');
document.getElementById('week_days').value = day.charAt(0).toUpperCase() + day.slice(1).toLowerCase();
document.getElementById('hour').value = hour;
document.getElementById('limit').value = limit;
},
async _onConfirmSlot(ev) {
const selectedSlot = document.getElementById('delivery_slot').selectedOptions[0];
const slotId = selectedSlot.value;
const day = selectedSlot.getAttribute('data-day');
const hour = selectedSlot.getAttribute('data-hour');
const name = selectedSlot.textContent.trim();
const limit = selectedSlot.getAttribute('data-limit');
const slotDetails = `${name} - ${day.charAt(0).toUpperCase() + day.slice(1).toLowerCase()} - ${hour}`;
document.getElementById('slot-details').textContent = slotDetails;
document.getElementById('selected-slot-info').style.display = 'block';
const user_id = session.uid;
try {
const result = await this.orm.call(
'delivery.slot.selection',
'create',
[{
user_id: user_id,
slot_id: slotId,
week_days: day,
hour: hour,
limit: parseInt(document.getElementById('limit').value),
session_id: session.session_id,
}]
);
console.log("Slot selection saved successfully", result);
} catch (error) {
console.error("Error saving slot selection", error);
}
},
});
PublicWidget.registry.DeliverySlotsWidget = DeliverySlotsWidget;
from odoo import http
from odoo.http import request
from datetime import datetime
class DeliverySlotController(http.Controller):
@http.route('/store_selected_slot', type='json', auth='user', methods=['POST'], csrf=False)
def store_selected_slot(self, **kwargs):
slot_id = kwargs.get('slot_id')
week_days = kwargs.get('week_days')
hour = kwargs.get('hour')
limit = kwargs.get('limit')
user_id = kwargs.get('user_id')
selected_on = kwargs.get('selected_on')
# Store the slot selection in the DeliverySlotSelection model
selection = request.env['delivery.slot.selection'].sudo().create({
'user_id': user_id,
'slot_id': slot_id,
'week_days': week_days,
'hour': hour,
'limit': limit,
'selected_on': selected_on,
})
return {'status': 'success', 'selection_id': selection.id}
