+
+
+
+
+
+
+
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..41745088f
--- /dev/null
+++ b/odoo_calculator_tool/static/src/css/calculator.css
@@ -0,0 +1,103 @@
+.calc-pad-tool {
+ display: block;
+ text-align: center;
+}
+.calc_dropdown {
+ display: flex;
+ 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: black;
+}
+.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;
+}
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..44e7d8c60
--- /dev/null
+++ b/odoo_calculator_tool/static/src/js/calculator.js
@@ -0,0 +1,135 @@
+/** @odoo-module **/
+import { Dropdown } from '@web/core/dropdown/dropdown';
+import { DropdownItem } from '@web/core/dropdown/dropdown_item';
+import { registry } from '@web/core/registry';
+import { Component } from '@odoo/owl';
+import { useRef, useState, onMounted, onWillUnmount } from "@odoo/owl";
+
+export class Calculator extends Component {
+ setup() {
+ super.setup();
+ this.rootRef = useRef('root');
+ this.state = useState({
+ currentInput: '',
+ currentOperator: '',
+ result: 0,
+ x: 0,
+ y: 0,
+ isVisible: false,
+ display: ''
+ });
+
+ this.dragStartX = 0;
+ this.dragStartY = 0;
+
+ onMounted(() => {
+ document.addEventListener('mousemove', this.onDragging);
+ document.addEventListener('mouseup', this.stopDragging);
+ });
+
+ onWillUnmount(() => {
+ document.removeEventListener('mousemove', this.onDragging);
+ document.removeEventListener('mouseup', this.stopDragging);
+ });
+ }
+
+ onclick_calc_icon() {
+ this.state.isVisible = !this.state.isVisible;
+ }
+
+ startDragging(ev) {
+ this.isDragging = true;
+ this.dragStartX = ev.clientX - this.state.x;
+ this.dragStartY = ev.clientY - this.state.y;
+ }
+
+ onDragging = (ev) => {
+ if (this.isDragging) {
+ this.state.x = ev.clientX - this.dragStartX;
+ this.state.y = ev.clientY - this.dragStartY;
+ }
+ }
+
+ stopDragging = () => {
+ this.isDragging = false;
+ }
+
+ onNumberClick(ev) {
+ const number = ev.currentTarget.getAttribute('data-key');
+ if (number === '.') {
+ this.onDecimalClick(ev);
+ } else {
+ this.state.currentInput += number;
+ this.state.display = this.state.currentInput;
+ }
+ }
+
+ onOperatorClick(ev) {
+ const operator = ev.currentTarget.getAttribute('data-key');
+ if (this.state.currentInput !== '') {
+ if (this.state.currentOperator !== '') {
+ this.state.result = this.calculate(this.state.result, parseFloat(this.state.currentInput), this.state.currentOperator);
+ this.state.display = this.state.result.toString();
+ } else {
+ this.state.result = parseFloat(this.state.currentInput);
+ }
+ this.state.currentInput = '';
+ this.state.currentOperator = operator;
+ }
+ }
+
+ onEqualsClick() {
+ if (this.state.currentInput !== '') {
+ this.state.result = this.calculate(this.state.result, parseFloat(this.state.currentInput), this.state.currentOperator);
+ this.state.display = this.state.result.toString();
+ this.state.currentInput = this.state.result.toString();
+ this.state.currentOperator = '';
+ }
+ }
+
+ onClearClick() {
+ this.state.result = 0;
+ this.state.currentInput = '';
+ this.state.currentOperator = '';
+ this.state.display = '';
+ }
+
+ onToggleSignClick() {
+ if (this.state.currentInput !== '') {
+ if (this.state.currentInput[0] === '-') {
+ this.state.currentInput = this.state.currentInput.substring(1);
+ } else {
+ this.state.currentInput = '-' + this.state.currentInput;
+ }
+ this.state.display = this.state.currentInput;
+ }
+ }
+
+ onDecimalClick(ev) {
+ const decimal = ev.currentTarget.getAttribute('data-key');
+ if (this.state.currentInput.indexOf('.') === -1) {
+ this.state.currentInput += decimal;
+ this.state.display = this.state.currentInput;
+ }
+ }
+
+ calculate(num1, num2, 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;
+ }
+ }
+}
+
+Calculator.template = 'CalculatorTool';
+Calculator.components = { Dropdown, DropdownItem };
+
+export const calculator = {
+ Component: Calculator,
+};
+
+registry.category('systray').add('Calculator', calculator);
\ No newline at end of file
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..829268cf6
--- /dev/null
+++ b/odoo_calculator_tool/static/src/xml/calculator.xml
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This Module Perform Basic Mathematical + Calculations Effortlessly within Odoo. +
+Odoo Calculator +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Heighlights
+
+
+
+
+
+ 
+
+
+ + Seamless UI Calculations. +
++ Easily carry out Simple Mathematical + Operations via the Odoo User Interface.
+
+
+
+
+
+
+
+
+ + Drag-and-Drop Feature. +
++ Able to Drag the Calculator + to Different Positions in the UI.
+
+
+
+
+
+
+
+
+
+ ODOO CALCULATOR
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Display + Calculator +
+
+
+ + Click the Calculator icon + to display the Calculator, + and click again to hide it. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Odoo + Calculator +
+
+
+ + Allows users to perform basic + arithmetic operations. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Drag-and + -Drop +
+
+
+ + Allows users to drag and hold + the calculator's header or any + draggable area to move it to a + different location on the Odoo + interface. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Access Calculator Easily from User Interface.
+
+
+
+
+
+
+
+
+
+ + Perform Simple Match + Calculations using this + Calculator.
+
+
+
+
+
+
+
+
+
+ + Able to drag calculator.
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 24th October, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+