+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+ 
+
+ + Odoo Calculator
++ Perform basic math calculations effortlessly within Odoo.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module makes it easy for you to carry out simple
+ mathematical operations via the Odoo user interface.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ User-Friendly Interface.
+
+
+ User-Friendly Interface.
+
+
+
+
+ Drag-and-Drop Capability.
+
+
+ Drag-and-Drop Capability.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ + Display Calculator +
++ Click the calculator icon to show the calculator, and click it + again to hide it. +
+
+
+ 
+
+ + Odoo Calculator +
++ Allows users to perform basic arithmetic operations.
+
+
+ 
+
+ + Drag-and-Drop +
++ Users can click and hold on the calculator's header or any + draggable area to move it to a different location on the Odoo + interface.
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
\ No newline at end of file
diff --git a/odoo_calculator_tool/static/src/css/calculator.css b/odoo_calculator_tool/static/src/css/calculator.css
new file mode 100644
index 000000000..2160d8bb7
--- /dev/null
+++ b/odoo_calculator_tool/static/src/css/calculator.css
@@ -0,0 +1,110 @@
+.calc-pad-tool {
+ position: relative;
+ top: 360px;
+ left: -524px;
+}
+.calc_dropdown {
+ display: inline-block;
+ position: relative;
+ background: transparent;
+ color: rgba(255, 255, 255, 0.9);
+}
+.calc_dropdown-toggle {
+ background: none;
+ border: none;
+ padding: 0;
+ cursor: pointer;
+ padding: 0 0.75rem;
+ color: whitesmoke;
+}
+.calc_dropdown-menu {
+ position: absolute;
+ top: calc(100% + 5px);
+ left: 0;
+ z-index: 1000;
+ display: none;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ font-size: 14px;
+ text-align: left;
+ list-style: none;
+ min-width: auto;
+ top: auto;
+ left: auto;
+ transform: none;
+}
+.calculator-app {
+ width: 320px;
+ margin: auto;
+ background-color: #f0f0f7;
+ padding: 15px;
+ border-radius: 10px;
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+}
+.calculator-app #display {
+ width: 100%;
+ height: 60px;
+ margin-bottom: 10px;
+ font-size: 32px;
+ text-align: right;
+ padding: 10px;
+ border: none;
+ background-color: #ececec;
+ border-radius: 5px;
+ box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.1);
+}
+.calculator-app .buttons {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 10px;
+}
+.calculator-app button {
+ width: 100%;
+ height: 60px;
+ font-size: 28px;
+ border: none;
+ border-radius: 5px;
+ background-color: #e4e4e4;
+ cursor: pointer;
+ transition: background-color 0.3s, transform 0.2s;
+}
+.calculator-app .number {
+ background-color: #fff;
+}
+.calculator-app .number:hover {
+ background-color: #d0d0d0;
+}
+.calculator-app .operator {
+ background-color: #f0f0f0;
+ color: #ff9500;
+}
+.calculator-app .operator:hover {
+ background-color: #e0e0e0;
+}
+.calculator-app .equals {
+ background-color: #ff9500;
+ grid-column: span 2;
+ color: #fff;
+}
+.calculator-app .equals:hover {
+ background-color: #ff7400;
+}
+.calculator-app .clear {
+ background-color: #acacac;
+ color: #fff;
+}
+.calculator-app .clear:hover {
+ background-color: #9a9a9a;
+}
+.calculator-app .decimal {
+ background-color: #f0f0f0;
+}
+.calculator-app .decimal:hover {
+ background-color: #e0e0e0;
+}
+#close_btn{
+ color: black;
+ position: relative;
+ left: 267px;
+ top: -6px;
+}
diff --git a/odoo_calculator_tool/static/src/js/calculator.js b/odoo_calculator_tool/static/src/js/calculator.js
new file mode 100644
index 000000000..9f10093c0
--- /dev/null
+++ b/odoo_calculator_tool/static/src/js/calculator.js
@@ -0,0 +1,122 @@
+/** @odoo-module **/
+import SystrayMenu from 'web.SystrayMenu';
+import Widget from 'web.Widget';
+
+var CalculatorTool = Widget.extend({
+ template: 'CalculatorTool',
+ xmlDependencies: ['/odoo_calculator_tool/static/src/xml/calculator.xml'],
+ events: {
+ // Add your calculator specific events
+ 'click .number': 'onNumberClick',
+ 'click .operator': 'onOperatorClick',
+ 'click .equals': 'onEqualsClick',
+ 'click .clear': 'onClearClick',
+ 'click .toggle-sign': 'onToggleSignClick',
+ 'click .decimal': 'onDecimalClick',
+ 'click .calc_dropdown': '_onDropdownToggleClick',
+ 'click #close_btn': 'onCloseBtnClick',
+ },
+ init: function (parent) {
+ this._super(parent);
+ this.currentInput = '';
+ this.currentOperator = '';
+ this.result = 0;
+ },
+ start: function () {
+ this.$('.calc_dropdown-toggle').click(this._onDropdownToggleClick.bind(this));
+ this.$('.draggable-tool').draggable();
+ return this._super.apply(this, arguments);
+ },
+ onNumberClick: function (ev) {
+ // Handles the click event for number buttons.
+ var number = ev.currentTarget.getAttribute('data-key');
+ if (number === '.') {
+ this.onDecimalClick(ev);
+ }
+ else {
+ this.currentInput += number;
+ this.$('.display').val(this.currentInput);
+ }
+ },
+ onOperatorClick: function (ev) {
+ // Handles the click event for operator buttons.
+ var operator = ev.currentTarget.getAttribute('data-key');
+ if (this.currentInput !== '') {
+ if (this.currentOperator !== '') {
+ this.result = this.calculate(this.result, parseFloat(this.currentInput), this.currentOperator);
+ this.$('.display').val(this.result);
+ }
+ else {
+ this.result = parseFloat(this.currentInput);
+ }
+ this.currentInput = '';
+ this.currentOperator = operator;
+ }
+ },
+ onEqualsClick: function () {
+ // Handles the click event for the equals button.
+ if (this.currentInput !== '') {
+ this.result = this.calculate(this.result, parseFloat(this.currentInput), this.currentOperator);
+ this.$('.display').val(this.result);
+ this.currentInput = this.result.toString();
+ this.currentOperator = '';
+ }
+ },
+ onClearClick: function () {
+ // Handles the click event for the Clear button.
+ this.result = 0;
+ this.currentInput = '';
+ this.currentOperator = '';
+ this.$('.display').val('');
+ },
+ calculate: function (num1, num2, operator) {
+ // Performs arithmetic calculations based on the provided operator.
+ switch (operator) {
+ case '+':
+ return num1 + num2;
+ case '-':
+ return num1 - num2;
+ case '*':
+ return num1 * num2;
+ case '/':
+ return num1 / num2;
+ case '%':
+ return (num1 / 100) * num2;
+ default:
+ return num2;
+ }
+ },
+ onDecimalClick: function (ev) {
+ // Handles the click event for the decimal point toggle button
+ var decimal = ev.currentTarget.getAttribute('data-key');
+ if (this.currentInput.indexOf('.') === -1) {
+ this.currentInput += decimal;
+ this.$('.display').val(this.currentInput);
+ }
+ },
+ onToggleSignClick: function () {
+ if (this.currentInput !== '') {
+ // Check if the current input is a negative number
+ if (this.currentInput[0] === '-') {
+ // Remove the negative sign to make it positive
+ this.currentInput = this.currentInput.substring(1);
+ } else {
+ // Add a negative sign to make it negative
+ this.currentInput = '-' + this.currentInput;
+ }
+ this.$('.display').val(this.currentInput);
+ }
+ },
+ _onDropdownToggleClick: function () {
+ // Handles the click event for the dropdown toggle button.
+ var $dropdownMenu = this.$el.find('.calc_dropdown-menu');
+ $dropdownMenu.fadeToggle();
+ },
+ onCloseBtnClick: function () {
+ // Handles the click event for the calculator close button.
+ var $dropdownMenu = this.$el.find('.calc_dropdown-menu');
+ $dropdownMenu.hide();
+ },
+});
+SystrayMenu.Items.push(CalculatorTool);
+export default CalculatorTool;
diff --git a/odoo_calculator_tool/static/src/xml/calculator.xml b/odoo_calculator_tool/static/src/xml/calculator.xml
new file mode 100644
index 000000000..d82bab25d
--- /dev/null
+++ b/odoo_calculator_tool/static/src/xml/calculator.xml
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+