+
+
+
+
+
+
+
+
diff --git a/website_order_delivery_tracking/static/src/css/delivery_tracking.css b/website_order_delivery_tracking/static/src/css/delivery_tracking.css
new file mode 100644
index 000000000..7b33b6086
--- /dev/null
+++ b/website_order_delivery_tracking/static/src/css/delivery_tracking.css
@@ -0,0 +1,24 @@
+
+#trackingNumberInput:focus, #trackingInputBtn:focus{
+ box-shadow: none;
+}
+
+#trackingNumberInput::placeholder {
+ font-size: 0.95rem;
+ color: #aaa;
+ font-style: italic;
+}
+#trackingNumberInput::-webkit-outer-spin-button,
+#trackingNumberInput::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+#trackingNumberInput {
+ -moz-appearance: textfield;
+}
+
+#trackedTableDetails{
+ max-width: 70%;
+ margin: 0 auto;
+}
diff --git a/website_order_delivery_tracking/static/src/js/delivery_tracking.js b/website_order_delivery_tracking/static/src/js/delivery_tracking.js
new file mode 100644
index 000000000..46eb53705
--- /dev/null
+++ b/website_order_delivery_tracking/static/src/js/delivery_tracking.js
@@ -0,0 +1,97 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { rpc } from "@web/core/network/rpc";
+
+publicWidget.registry.OrderTrackingWidget = publicWidget.Widget.extend({
+ // Bind the widget to the #deliveryTrackingForm element
+ selector: '.TrackingTemplates',
+
+ // Handler for the delivery tracking form submit event
+ events: {
+ 'click #trackingInputBtn': '_onDeliveryTracking',
+ 'click #TrackingUpdate': '_onDeliveryTrackingUpdate',
+ 'input #trackingNumberInput': '_onTrackingNumberInput',
+ },
+
+ _onTrackingNumberInput:function(ev){
+ if(!this.$el.find("#trackingNumberInput").val()){
+ this.$el.find("#trackedTableDetails").hide();
+ }
+ },
+
+ _onDeliveryTracking: function(ev) {
+ let self = this
+ // Submit event handler for delivery tracking form
+ self.$el.find('#deliveryTrackingForm').submit(function(e) {
+
+ e.preventDefault();
+
+ // Get the tracking number from the input field
+ var trackingNumber = self.$el.find("#trackingNumberInput").val();
+ // Call the server-side controller to update tracking details
+ rpc("/tracking/details/update", {
+ 'input_data': trackingNumber,
+ }).then(function(data) {
+ let noRecordsMsg = self.$el.find('#noRecordsMsg');
+ // Check if data exists
+ if (data.length > 0) {
+ self.$el.find("#trackedTableDetails").show();
+ // Display the tracking details in a table
+ self.$el.find("#trackedTableDetails").html(`
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This Module Allows us to Track Delivery Status of Product and the Delivery Partners can Update the Delivery Status using the API Key Provided. +
+Website Order Delivery Tracking +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Tracking Reference +
++ It is Easy to Track an Order using its Associated Tracking Reference from the Transfer. +
+
+
+
+
+
+
+
+
+ + Update Delivery Status +
++ There is an Option to Update the Delivery Status, Allowing us to Provide Accurate Information to our Customers. +
+
+
+
+
+
+
+
+
+ + Delivery Partners have the Right to Update the Status +
++ By Utilizing the API key, we can Restrict Access, Ensuring that only Delivery Partners have the Right to Update the Status, thereby Enhancing Robustness. +
+
+
+
+
+
+
+
+
+ + Enterprise and Community Support +
++ Supports in Odoo 18 Enterprise and Community editions.
+
+
+
+
+
+
+
+
+
+ Website Order Delivery Tracking
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Delivery Methods. + +
+
+
+ + Enable the Delivery Methods to track. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Tracking Reference + +
+
+
+ + Once we Confirm the Sale Order, let's add the Tracking Reference here. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + API Key + +
+
+
+ + If you navigate to Sales -> Configuration -> Setting, you will find a field where you can input the API Key for Delivery Tracking. This key is used to update the Delivery Status. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Tracking Details Search. + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + + Delivery Details. + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Edit the Delivery Status if you are a + + + Delivery Partner. +
+
+
+ + If you're a Delivery Partner, you have the option to modify the Delivery Status. Just click on the 'Delivery Partner?' link and provide the API Key,Tracking Reference, and the updated Status. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Successfully Updated the Status + + + on Submission. +
+
+
+ + It Shows a Success popup on Submission of the Status. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Status Updated + + +
+
+
+ + You can see the Updated Status. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Easy Tracking from the Website
+
+
+
+
+
+
+
+
+
+ + Shipping Partner can update the Status directly.
+
+
+
+
+
+
+
+
+
+
+ + Enterprise and Community Support.
+
+
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 30th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+
+
+
+
+
+
+
+
+ Related Modules
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+ | Sale Order | +Delivery Partner | +Status | +
|---|---|---|
| ${data[0][1]} | +${data[0][2]} | +${data[0][3]} | +
Delivery Tracking
+
+
+
+
+
+
+
+
+
+
+ Set Delivery tracking API key
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delivery Partner?
+
+
+