The world is yours

T208 OWL Framework

Enroll Back

Javascript Library Odoo untuk development frontend widget, action, dll

Enroll Back

What you will learn?

Basic Tutorial (To Do List App)

  • Preparation and Steps

  • Coding the User Interface

  • Create Component

  • Static List Task Data

  • Dynamic List Task Data

  • Separate Task as Sub Component

  • Toggle, Delete, Edit Task

Action and Service (Odoo as Backend To Do List)

  • Create Todo List Custom Addon

  • Setup Heading Section

  • Add Content Table

  • Add Modal Form

  • Form Input Task

  • Loop Static Task List

  • Accessing to Odoo Services

  • Create getAllTasks()

  • Create More States for Current Task

  • Add Task Form

  • Save the Task to Odoo

  • Edit Task

  • Save Edit to Odoo

  • Reset Form

  • Delete Record

  • Search Records

  • Press Enter to Search

  • Toggle / Edit Task

  • Update Color

View Inheritance

  • List View Inheritance

  • Add New Custom Buttons

  • Add Button Actions

  • Link to the Actual SO View

  • Kanban View Inheritance

  • Add Sidebar: setup the Data

  • Add Sidebar: Add Side Bar Section

  • Add Sidebar: Modifying the Layout

  • Add Sidebar: Add State List

  • Add Sidebar: Add Domain

  • Form View Inheritance

  • Form View Inheritance: Inherit Template

Create and Inherit Widget

  • Email Validation

  • Send Email Button

  • Username Field

  • Username Field: Get Email Domain

  • New Widget: Range Field

  • LED Widget

  • Custom Button to Load Data via ORM

Using Odoo Client Service

  • Preparation

  • Notificaiton Services

  • Dialog Services

  • Effect Services

  • Cookie Services

  • HTTP Get Services

  • HTTP Post Services

  • RPC Services

  • Action Services

  • Router Services

  • User Services

  • Company Services

Using External Libraries

  • Phone Validation

  • Phone Validation: Non CDN

  • File Upload

  • Actual File Upload

  • Revert Upload

  • Image Preview

Custom Action

  • Gantt Chart

  • Prepare Controller for Gantt

  • TreeGrid

  • Prepare Controller for TreeGrid

Realtime Websocket

  • Realtime Form

  • Realtime Kanban

  • Realtime List

Custom Dashboard

  • Custom Dashboard

  • Google Calendar Chart

  • Google Gauge

Google Maps

  • Google Maps Marker

  • Google Maps Marker Clusterer

Modify Kanban View

  • Modify Kanban View Layout

  • Modify Kanban View Progress Bar

  • Modify Kanban View Header

Modify Progressbar Widget

  • Modify Progressbar Widget

Enroll Back