Skip to content

Latest commit

 

History

History
115 lines (84 loc) · 3.8 KB

README.md

File metadata and controls

115 lines (84 loc) · 3.8 KB
Raw

Create A Form On Portal In Odoo

Índice

Project description

Odoo has multiple advantages for an internal user, but what about those who are portal?

Welcome to our repository! Here, you'll discover comprehensive guidelines to craft a versatile portal-type user form, tailored to fulfill the requirements of backend programmers. The form is designed to facilitate information retrieval associated with any existing module seamlessly. Our aim is to streamline the process, enhance efficiency, and create a user-friendly experience.

Project structure

graph TD;
    create-form-->controllers;
    create-form-->static/src/js;
    create-form-->views;
    create-form-->__init__.py;
    create-form-->__manifest__.py;
    controllers-->__init__;
    controllers-->portal.py;
    static/src/js-->create.js;
    views-->form_template.xml ;
Loading

controllers

Within the "controllers" folder, you can find the CustomerPortal class of type portal.CustomerPortal, which has two routes:

  • The first one, "/my/form," redirects to the "form_template" view, and you can add any necessary arguments in vals.

  • In "/my/form/submit," the data from the page is collected using "post.get('variable name'). With this, we aim to create a new instance of the model.name model, passing the "vals". To save the attached file, the following lines 39-69 are executed. Finally, it redirects to "/my".

static/src/js

To perform operations in-situ, it has been decided to use JavaScript in this file where a couple of operations are assigned.

function calculateOperation() {
    var option_number = select_option.value;
    var electec_option = null;
    select_options.forEach(option => {
        if (option.number == option_number){
            electec_option = option;
        }
        })
    mult.textContent = electec_option.mult_2
    exp.textContent = electec_option.exp_2
}

views

This folder contains all the views. In the current case, an example of a form is shown, which covers different inputs for the user.

Form template

The form displayed in this repository offers various possibilities, including:

  • Ability to attach a file.
  • Add a description.
  • Specify a date.
  • Select an option that performs the following two operations: multiplication and exponentiation by 2.
  • Input a number with a sensitivity of 0.01.
  • Perform a search within a list.
  • Choose between two options using a radio input.

When selecting an option, a dropdown menu (select-option) is displayed, allowing you to choose a number from the available options.

The last input allows you to type and perform a quick search, especially useful when dealing with an extensive list. This search functionality helps users easily find specific items within the list by filtering as they type.

This last image displays the result after filling out the entire form. The only step remaining is to click on the "Create" button, which will then save the information obtained from the form into the relevant model.