[IMP] awesome_clicker: Web Framework Master Chapter 1 Finish Part 1-10

Author: VincentJanssen-Code

awesome_clicker/__init__.py

@@ -1 +0,0 @@
-# -*- coding: utf-8 -*-

awesome_clicker/static/src/click_value/click_value.js

@@ -0,0 +1,18 @@
+import { humanNumber } from "@web/core/utils/numbers";
+import { Component} from "@odoo/owl";
+import { useClicker } from "../clicker_hook/clicker_hook";
+
+export class ClickValue extends Component {
+    static template = "awesome_clicker.click_value";
+    static components = { };
+    
+    setup()
+    {
+        this.clicker = useClicker();
+        console.log(this.clicker.clicks);
+    }
+    get humanClicks(){
+        return humanNumber(this.clicker.clicks, {decimals: 1,})
+    }
+    
+}

awesome_clicker/static/src/click_value/click_value.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.click_value">
+        <span t-esc="humanClicks" t-att-data-tooltip="clicker.clicks"/>
+    </t>
+</templates>

awesome_clicker/static/src/clicker_hook/clicker_hook.js

@@ -0,0 +1,6 @@
+import { useService } from "@web/core/utils/hooks";
+import { useState } from "@odoo/owl";
+
+export function useClicker() {
+    return useState(useService("awesome_clicker.clicker_service"));
+}

awesome_clicker/static/src/clicker_model/clicker_model.js

@@ -0,0 +1,40 @@
+import { Reactive } from "@web/core/utils/reactive";
+import {EventBus} from "@odoo/owl";
+
+
+export class ClickerModel extends Reactive{
+    constructor()
+    {
+        super();
+        this.clicks = 0;
+        this.level = 0;
+        this.clickBots = 0;
+        this.levelupEvent = new EventBus();
+    }
+
+    tick(){
+        this.addClicks(this.clickBots * 10);
+    }
+
+    addClicks(val)
+    {
+        if(this.clicks >= 100 && this.level == 0)
+            {
+                this.level = 1;
+                this.levelupEvent.trigger("MILESTONE1K");
+            }
+            this.clicks+= val;
+    }
+
+    buyClickerBot()
+    {
+        const botPrice = 100;
+        if (this.clicks < botPrice)
+            {
+                return false;
+            }
+        this.clicks -= botPrice;
+        this.clickBots ++;
+            
+    }
+}

awesome_clicker/static/src/clicker_service/clicker_service.js

@@ -0,0 +1,29 @@
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { reactive } from "@odoo/owl";
+import { ClickerModel } from "../clicker_model/clicker_model";
+
+const clicker_service = {
+    dependencies: ["effect"],
+    start(env, services)
+    {
+        const model = new ClickerModel();
+        
+        setInterval(() => 
+            {
+                model.tick();
+            }, 
+        10000);
+
+        document.addEventListener("click",() => model.addClicks(1),true);
+        model.levelupEvent.addEventListener("MILESTONE1K",()=>{
+            services.effect.add({type: "rainbow_man",message:"You just leveled up your clicker level"});
+        })
+        
+        return model;
+        
+    },
+    
+};
+
+registry.category("services").add("awesome_clicker.clicker_service",clicker_service)

awesome_clicker/static/src/clicker_systray_item/clicker_systray_item.js

@@ -0,0 +1,30 @@
+import { Component, onWillStart, useState, useExternalListener} from "@odoo/owl";
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { useClicker } from "../clicker_hook/clicker_hook";
+import { ClickValue } from "../click_value/click_value";
+
+class ClickerSystrayItem extends Component {
+    static template = "awesome_clicker.clicker_systray_item";
+    static components = {ClickValue };
+    
+    setup()
+    {
+        this.action = useService("action");
+    }
+    onOpen()
+    {
+        this.action.doAction({
+            type: "ir.actions.client",
+            tag: "awesome_clicker.client_action",
+            target: "new",
+            name: "Clicker"
+        })
+    }
+
+
+}
+export const sysItem = {
+    Component: ClickerSystrayItem
+}
+registry.category("systray").add("awesome_clicker.clickerSystrayItem",sysItem, {sequence:10000})

awesome_clicker/static/src/clicker_systray_item/clicker_systray_item.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.clicker_systray_item">
+        <div>
+            <span>Clicks: <ClickValue/></span>
+            <button class="btn btn-secondary" t-on-click="onOpen">
+                Open
+            </button>
+        </div>
+    </t>
+</templates>

awesome_clicker/static/src/client_action/client_action.js

@@ -0,0 +1,25 @@
+import { Component, useState } from "@odoo/owl";
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { ClickValue } from "../click_value/click_value";
+
+class ClientAction extends Component {
+    static template = "awesome_clicker.client_action";
+    static components = { ClickValue};
+
+    setup()
+    {
+        this.clicker = useService("awesome_clicker.clicker_service");
+    }
+
+    onClick()
+    {
+       this.clicker.addClicks(9);
+    }
+
+    buyBot()
+    {
+        this.clicker.buyClickerBot();
+    }
+}
+registry.category("actions").add("awesome_clicker.client_action",ClientAction)

awesome_clicker/static/src/client_action/client_action.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-name="awesome_clicker.client_action">
+        <div>
+            Clicks : <ClickValue/>
+            <button class="btn btn-secondary" t-on-click="onClick">
+                <i class="fa fa-plus fa-lg"/>
+            </button> 
+        </div>
+        
+        <div t-if="clicker.level >= 1">
+            <h2>BOTS : </h2>
+            <div><t t-esc="clicker.clickBots"/>x ClickBots (10clicks/10 second)</div>
+            <button class="btn btn-primary" t-att-disabled="clicker.clicks lt 100" t-on-click="buyBot"> Buy ClickBot (100 clicks)</button>
+        </div>
+    </t>
+</templates>