[ADD] website_vendor: added portal to view products & create purchase orders.

This commit introduces a vendor portal where users can view all purchasable
products and create purchase orders directly from the website. The portal allows
users to select vendors, specify quantities, and submit orders.

Key Features:
- Displays a list of available products for purchase.
- Enables users to create purchase orders from the website.
- Allows vendor selection based on product availability.
- Implements a modal form for order creation with product and vendor details.
- Integrates backend logic to handle order processing and vendor assignments.

Author: asni-odoo

website_vendor/__init__.py

@@ -0,0 +1,2 @@
+from . import controllers
+from . import models

website_vendor/__manifest__.py

@@ -0,0 +1,29 @@
+{
+    'name': "Vendor Portal",
+    'summary': "A portal for vendors to compare products and create purchase orders.",
+    'description': """
+        This module provides a vendor portal where users can compare different vendors, 
+        view their products, and create purchase orders directly from the website.
+    """,
+    'version': '1.0',
+    'category': 'Purchase',
+    'application': True,
+    'installable': True,
+    'depends': ['purchase', 'website'],
+    'data': [
+        "security/website_vendor.xml",
+        
+        "views/products_views.xml",
+        "views/purchase_order_dialog.xml",
+        "views/purchase_order_templates.xml",
+        
+        "views/website_template.xml",
+        "views/website_vendor_templates.xml",
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'website_vendor/static/src/purchase_order_dialog.js',
+        ],
+    },
+    'license': 'AGPL-3'
+}

website_vendor/controllers/__init__.py

@@ -0,0 +1,2 @@
+from . import purchase_order
+from . import vendor_portal

website_vendor/controllers/purchase_order.py

@@ -0,0 +1,51 @@
+from odoo import http
+from odoo.http import request
+
+
+class CreatePurchaseOrder(http.Controller):
+
+    @http.route('/purchase_order_view', type='http', auth="public", website="true", methods=['POST'])
+    def _on_create_purchase_order(self, **kwargs):
+        product_id = int(kwargs.get('product_id'))
+        vendor_id = int(kwargs.get('vendor_id'))
+        quantity = int(kwargs.get('quantity'))
+
+        if not product_id or not vendor_id or not quantity:
+            return request.redirect('/')
+
+        product_template = request.env['product.template'].browse(product_id)
+        product = product_template.product_variant_id
+        vendor = request.env['res.partner'].browse(vendor_id)
+        
+        company_id = (
+            vendor.company_id.id 
+            if vendor.company_id 
+            else request.env.company.id
+        )
+
+        purchase_order = request.env['purchase.order'].sudo().search(
+            [('partner_id', '=', vendor.id), ('state', '=', 'draft')],
+            limit=1
+        )
+
+        if not purchase_order:
+            purchase_order = request.env['purchase.order'].sudo().create({
+                'partner_id': vendor.id,
+                'company_id': company_id,
+            })
+
+        request.env['purchase.order.line'].sudo().create({
+            'order_id': purchase_order.id,
+            'product_qty': quantity,
+            'product_id': product.id,
+            'price_unit': product.min_price,
+        })
+
+        return request.render(
+            'website_vendor.website_vendor_purchase_order_view',
+            {
+                'product_id': product,
+                'vendor_id': vendor,
+                'quantity': quantity,
+            }
+        )

website_vendor/controllers/vendor_portal.py

@@ -0,0 +1,52 @@
+from odoo import http
+from odoo.http import request
+
+
+class VendorPortal(http.Controller):
+
+    @http.route('/vendor_portal', type='http', auth="public", website="true", methods=['GET'])
+    def renderVendorPortal(self, country=None, vendor=None, category=None, product=None):
+        Categories = request.env['product.category'].sudo().search([]).mapped('name')
+        Countries = request.env['res.country'].sudo().search([]).mapped('name')
+        Products = request.env['product.template'].sudo().search([]).mapped('name')
+        Vendors = request.env['product.supplierinfo'].sudo().search([]).mapped('partner_id.name')
+
+        domain = [('purchase_ok', '=', True)]
+
+        if category:
+            category_id = request.env['product.category'].sudo().search(
+                [('name', '=ilike', category)], limit=1
+            ).id
+            if category_id:
+                domain.append(('categ_id', '=', category_id))
+
+        if country:
+            country_id = request.env['res.country'].sudo().search(
+                [('name', '=ilike', country)], limit=1
+            ).id
+            if country_id:
+                domain.append(
+                    ('seller_ids.partner_id.country_id', '=', country_id)
+                )
+
+        if product:
+            domain.append(('name', 'ilike', product))
+
+        if vendor:
+            vendor_id = request.env['res.partner'].sudo().search(
+                [('name', '=ilike', vendor)], limit=1
+            ).id
+            if vendor_id:
+                domain.append(('seller_ids.partner_id', '=', vendor_id))
+
+        search_result = request.env['product.template'].sudo().search(
+            domain, order='name asc'
+        )
+
+        return request.render('website_vendor.website_vendor_portal_template', {
+            'countries': Countries,
+            'vendors': Vendors,
+            'categories': Categories,
+            'products': Products,
+            'search_result': search_result,
+        })

website_vendor/models/__init__.py

@@ -0,0 +1 @@
+from . import product_template

website_vendor/models/product_template.py

@@ -0,0 +1,31 @@
+from odoo import api, fields, models
+
+
+class ProductTemplate(models.Model):
+    _inherit = 'product.template'
+
+    min_price = fields.Float(
+        string="Minimum Price",
+        compute='_compute_min_price',
+        store=True,
+        readonly=True
+    )
+
+    max_price = fields.Float(
+        string="Maximum Price",
+        compute='_compute_max_price',
+        store=True,
+        readonly=True
+    )
+
+    @api.depends('seller_ids', 'seller_ids.price')
+    def _compute_min_price(self):
+        for product in self:
+            prices = product.seller_ids.mapped('price')
+            product.min_price = min(prices) if prices else 0.0
+
+    @api.depends('seller_ids', 'seller_ids.price')
+    def _compute_max_price(self):
+        for product in self:
+            prices = product.seller_ids.mapped('price')
+            product.max_price = max(prices) if prices else 0.0

website_vendor/security/website_vendor.xml

@@ -0,0 +1,22 @@
+<odoo>
+    <record id="group_vendor_portal_user" model="res.groups">
+        <field name="name">Vendor Portal User</field>
+        <field name="category_id" ref="base.module_category_inventory_purchase"/>
+    </record>
+
+    <record id="group_vendor_portal_manager" model="res.groups">
+        <field name="name">Vendor Portal Administrator</field>
+        <field name="category_id" ref="base.module_category_inventory_purchase"/>
+        <field name="implied_ids" eval="[(4, ref('group_vendor_portal_user'))]"/>
+    </record>
+
+    <record id="vendor_portal_purchase_order_access" model="ir.model.access">
+        <field name="name">Vendor Portal Purchase Order Access</field>
+        <field name="model_id" ref="purchase.model_purchase_order"/>
+        <field name="group_id" ref="website_vendor.group_vendor_portal_user"/>
+        <field name="perm_read" eval="1"/>
+        <field name="perm_write" eval="1"/>
+        <field name="perm_create" eval="1"/>
+        <field name="perm_unlink" eval="1"/>
+    </record>
+</odoo>

website_vendor/static/src/purchase_order_dialog.js

@@ -0,0 +1,35 @@
+document.addEventListener("DOMContentLoaded", function () {
+    document.body.addEventListener("click", function (event) {
+        if (event.target.classList.contains("create-po-btn")) {
+            const button = event.target;
+
+            const modalProductId = document.getElementById("modal-product-id");
+            const modalProductName = document.getElementById("modal-product-name");
+            const modalProductPrice = document.getElementById("modal-product-price");
+            const vendorSelect = document.getElementById("vendor_select");
+
+            const productId = button.getAttribute("data-product-id");
+            const productName = button.getAttribute("data-product-name");
+            const productPrice = button.getAttribute("data-product-price");
+            const vendorsData = button.getAttribute("data-product-vendors");
+
+            modalProductId.value = productId;
+            modalProductName.textContent = productName;
+            modalProductPrice.textContent = productPrice;
+
+            vendorSelect.innerHTML = '<option value="">Choose Vendor</option>';
+
+            if (vendorsData) {
+                vendorsData.split(",").forEach(vendor => {
+                    if (vendor.includes(":")) {
+                        const [vendorId, vendorName] = vendor.split(":");
+                        if (vendorId.trim() && vendorName.trim()) {
+                            const option = new Option(vendorName.trim(), vendorId.trim());
+                            vendorSelect.add(option);
+                        }
+                    }
+                });
+            }
+        }
+    });
+});

website_vendor/views/products_views.xml

@@ -0,0 +1,91 @@
+<odoo>
+    <template id="website_vendor_products_views" name="Product View for Vendor Portal">
+        <t t-set="items_per_page" t-value="15"/>
+        <t t-set="page" t-value="int(request.params.get('page', '1'))"/>
+        <t t-set="total_products" t-value="int(len(search_result))"/>
+        <t t-set="offset" t-value="(page - 1) * items_per_page"/>
+        <t t-set="paged_products" t-value="search_result[offset:offset + items_per_page]"/>
+
+        <t t-foreach="paged_products" t-as="product">
+            <div class="card shadow-lg border-0 mx-2 my-3 px-3 py-2">
+                <div class="d-flex align-items-center justify-content-between border-bottom pb-3">
+                    <div class="d-flex flex-column">
+                        <h4 class="card-title text-primary fw-bold m-2">
+                            <t t-out="product.name" />
+                        </h4>
+
+                        <p class="text-muted m-2 mb-1">
+                            <strong>Min Price:</strong> $
+                            <t t-out="product.min_price" />
+                        </p>
+
+                        <p class="text-muted m-2 mb-1">
+                            <strong>Max Price:</strong> $
+                            <t t-out="product.max_price" />
+                        </p>
+                    </div>
+
+                    <t t-if="product.image_1920">
+                        <img t-att-src="'data:image/png;base64,' + product.image_1920.decode('utf-8')"
+                             t-att-alt="product.name"
+                             class="rounded border"
+                             style="width: 120px; height: 80px; object-fit: cover;" />
+                    </t>
+                </div>
+
+                <t t-if="product.seller_ids">
+                    <div class="card-body rounded mt-2 p-2">
+                        <p class="text-muted fw-bold mb-2">Sellers and Prices:</p>
+
+                        <ul class="list-group">
+                            <t t-foreach="product.seller_ids" t-as="seller">
+                                <li class="list-group-item d-flex justify-content-between align-items-center border rounded px-3 py-2 my-2">
+                                    <span class="fw-semibold text-success">
+                                        <t t-out="seller.partner_id.name" />
+                                    </span>
+
+                                    <span class="badge bg-success text-white px-3 py-2 rounded-pill">
+                                        $ <t t-out="seller.price" />
+                                    </span>
+                                </li>
+                            </t>
+                        </ul>
+                    </div>
+
+                    <div class="d-flex justify-content-end align-items-center mt-2 p-2 border-top">
+                        <button class="btn btn-primary create-po-btn mt-1"
+                                data-bs-toggle="modal"
+                                data-bs-target="#purchaseOrderModal"
+                                t-att-data-product-id="product.id" 
+                                t-att-data-product-name="product.name"
+                                t-att-data-product-price="product.min_price"
+                                t-att-data-product-vendors="','.join(['%s:%s' % (seller.partner_id.id, seller.partner_id.name) for seller in product.seller_ids])"
+                                style="font-weight: 600; font-size: 16px;">
+                            <i class="fa fa-shopping-cart"></i> Create Purchase Order
+                        </button>
+                    </div>
+                </t>
+
+                <t t-else="" >
+                    <p class="text-muted text-center py-3">No sellers for this product.</p>
+                </t>
+            </div>
+        </t>
+
+        <t t-if="total_products > items_per_page">
+            <nav>
+                <ul class="pagination justify-content-center mt-4">
+                    <t t-set="num_pages" t-value="(total_products + items_per_page - 1) // items_per_page"/>
+                    <t t-foreach="range(1, num_pages + 1)" t-as="page_number">
+                        <li t-att-class="'page-item ' + ('active' if page == page_number else '')">
+                            <a class="page-link" t-att-href="'?page=' + str(page_number)">
+                                <t t-out="page_number" />
+                            </a>
+                        </li>
+                    </t>
+                </ul>
+            </nav>
+        </t>
+
+    </template>
+</odoo>

website_vendor/views/purchase_order_dialog.xml

@@ -0,0 +1,48 @@
+<odoo>
+    <template id="website_vendor_purchase_order_dialog" name="Purchase Order Dialog">
+        <div class="modal fade" id="purchaseOrderModal" tabindex="-1">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Create Purchase Order</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <div class="modal-body">
+                        <p>
+                            <strong>Product Name:</strong>
+                            <span id="modal-product-name"></span>
+                        </p>
+
+                        <p>
+                            <strong>Price:</strong> $ 
+                            <span id="modal-product-price"></span>
+                        </p>
+
+                        <form action="/purchase_order_view" method="POST">
+                            <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
+                            
+                            <input type="hidden" name="product_id" id="modal-product-id" />
+
+                            <div class="mb-3">
+                                <label class="form-label">Select Vendor</label>
+                                <select name="vendor_id" id="vendor_select" class="form-select" required="true" >
+                                    <option value="">Choose Vendor</option>
+                                </select>
+                            </div>
+
+                            <div class="mb-3">
+                                <label class="form-label">Quantity</label>
+                                <input type="number" name="quantity" id="quantity" class="form-control" min="1" value="1" required="true"/>
+                            </div>
+
+                            <div class="text-end">
+                                <button type="submit" class="btn btn-success">Confirm Order</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </template>
+</odoo>