Merge pull request #12 from klbtheprogrammer/17.0-1.2

Embedding multiple superset dashboards into Odoo

g2p_superset_dashboard/README.md

@@ -1,6 +1,5 @@
-# Superset Dashboard
+# Superset Dashboard 
 
-This module integrates the Superset dashboard into Odoo, allowing users to view and interact with Superset
-visualizations directly from the Odoo interface.
+This module integrates the Superset dashboard into Odoo, allowing users to view and interact with Superset visualizations directly from the Odoo interface.
 
 Refer to https://docs.openg2p.org.

g2p_superset_dashboard/__manifest__.py

@@ -7,9 +7,15 @@
  "author": "OpenG2P",
  "website": "https://openg2p.org",
  "license": "Other OSI approved licence",
- "depends": ["base"],
+ "depends": ["base", "web"],
  "external_dependencies": {},
- "data": ["views/res_config_settings.xml", "views/superset_dashboard.xml"],
+ "data": [
+ "views/superset_dashboard_config_views.xml",
+ "views/superset_dashboard_embedding_views.xml",
+ ],
+ "demo": [],
+ "installable": True,
+ "application": True,
  "assets": {
  "web.assets_backend": [
  "g2p_superset_dashboard/static/src/components/**/*.js",

g2p_superset_dashboard/i18n/g2p_superset_dashboard.pot

@@ -63,4 +63,4 @@ msgstr ""
 #. module: g2p_superset_dashboard
 #: model_terms:ir.ui.view,arch_db:g2p_superset_dashboard.superset_dashboard_res_config_settings_view_form
 msgid "e.g. http://localhost:8088"
-msgstr ""
+msgstr ""

g2p_superset_dashboard/models/__init__.py

@@ -1 +1 @@
-from . import res_config_settings
+from . import g2p_superset_dashboard_config

g2p_superset_dashboard/models/g2p_superset_dashboard_config.py

@@ -0,0 +1,58 @@
+import logging
+
+from odoo import api, fields, models
+
+_logger = logging.getLogger(__name__)
+
+
+class SupersetDashboardConfig(models.Model):
+ _name = "g2p.superset.dashboard.config"
+ _description = "Superset Dashboard Configuration"
+
+ name = fields.Char(string="Dashboard Name", required=True)
+ url = fields.Char(string="Dashboard URL", required=True)
+ access_user_ids = fields.Many2many(
+ "res.users",
+ string="Access Rights",
+ )
+
+ @api.model_create_multi
+ def create(self, vals_list):
+ records = super().create(vals_list)
+ self.create_menus()
+ return records
+
+ def write(self, vals):
+ res = super().write(vals)
+ self.create_menus()
+ return res
+
+ def unlink(self):
+ res = super().unlink()
+ self.create_menus()
+ return res
+
+ @api.model
+ def create_menus(self):
+ existing_menus = self.env["ir.ui.menu"].search(
+ [("parent_id", "=", self.env.ref("g2p_superset_dashboard.menu_superset_dashboard_embedded").id)]
+ )
+ existing_menus.unlink()
+
+ user = self.env.user
+ dashboards = self.search([("access_user_ids", "in", user.id)])
+ # dashboards = self.search([])
+ for dashboard in dashboards:
+ self.env["ir.actions.client"].create(
+ {
+ "name": dashboard.name,
+ "tag": "g2p.superset_dashboard_embedded",
+ "context": {"url": dashboard.url},
+ }
+ )
+
+ # menu_item = self.env['ir.ui.menu'].create({
+ # 'name': dashboard.name,
+ # 'parent_id': self.env.ref('g2p_superset_dashboard.menu_superset_dashboard_embedded').id,
+ # 'action': f"ir.actions.client,{action.id}",
+ # })

g2p_superset_dashboard/static/src/components/dashboard/g2p_superset_dashboard.css

@@ -15,17 +15,3 @@
  height: auto;
  animation: zoomInOut 3s infinite;
 }
-
-.fade-in-g2p {
- animation: fadeInAnimation 0.5s ease-in-out forwards;
- opacity: 0;
-}
-
-@keyframes fadeInAnimation {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}

g2p_superset_dashboard/static/src/components/dashboard/g2p_superset_dashboard.js

@@ -0,0 +1,36 @@
+/** @odoo-module */
+import {registry} from "@web/core/registry";
+import {Component, useState} from "@odoo/owl";
+
+export class G2PSupersetDashboardEmbedded extends Component {
+ setup() {
+ this.state = useState({
+ isLoading: true,
+ dashboards: [],
+ dashboardUrl: "",
+ });
+
+ const orm = this.env.services.orm;
+ this.loadDashboards(orm);
+ }
+
+ async loadDashboards(orm) {
+ // Fetch dashboard configurations
+ const dashboardData = await orm.searchRead("g2p.superset.dashboard.config", [], ["name", "url"]);
+ this.state.dashboards = dashboardData;
+
+ if (dashboardData.length > 0) {
+ this.state.dashboardUrl = dashboardData[0].url;
+ }
+
+ this.state.isLoading = false;
+ }
+
+ onDashboardSelect(event) {
+ const selectedUrl = event.target.value;
+ this.state.dashboardUrl = selectedUrl;
+ }
+}
+
+G2PSupersetDashboardEmbedded.template = "g2p_superset_dashboard.G2PSupersetDashboardEmbedded";
+registry.category("actions").add("g2p.superset_dashboard_embedded", G2PSupersetDashboardEmbedded);

g2p_superset_dashboard/static/src/components/dashboard/superset_dashboard_embedding_templates.xml

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve" id="G2PSupersetDashboardEmbedded">
+ <t t-name="g2p_superset_dashboard.G2PSupersetDashboardEmbedded">
+ <!-- Loading State -->
+ <t t-if="state.isLoading">
+ <div
+ style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh;"
+ >
+ <div class="loading-image-g2p-logo">
+ <img
+ style="max-height: 70px; max-width: 70px;"
+ src="/g2p_superset_dashboard/static/description/icon.png"
+ />
+ </div>
+ <span style="font-size: 11px">Loading Superset Dashboard</span>
+ </div>
+ </t>
+
+ <!-- No Dashboards Available -->
+ <t t-elif="!state.isLoading and !state.dashboards.length">
+ <div
+ style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh;"
+ >
+ <div>
+ <img
+ style="max-height: 70px; max-width: 70px;"
+ src="/g2p_superset_dashboard/static/description/icon.png"
+ />
+ </div>
+ <div style="color: red; font-size: 11px;">No Dashboards Available</div>
+ </div>
+ </t>
+
+ <!-- Dashboard Selection and Embedding -->
+ <t t-else="">
+ <div>
+ <select
+ t-on-change="onDashboardSelect"
+ style="font-size: 24px; font-weight: bold; font-family: Roboto;"
+ >
+ <t t-foreach="state.dashboards" t-as="dashboard" t-key="dashboard">
+ <option
+ t-att-value="dashboard.url"
+ t-esc="dashboard.name"
+ style="font-size: 16px; font-weight: bold; font-family: Roboto;"
+ />
+ </t>
+ </select>
+ </div>
+ <div>
+ <iframe t-att-src="state.dashboardUrl" style="width:100%; height:100vh;"/>
+ </div>
+ </t>
+ </t>
+</templates>