// ==UserScript==
// @name OdooTasksLinks
// @original https://greasyfork.org/es/scripts/390531-tgithub
// @author Eduardo de Miguel
// @version 18.0.2
// @grant none
// @run-at document-idle
// @namespace moduon
// @include /^https?:\/\/(?:www\.)?github\.com\/?.*$/
// @include /^https?:\/\/(?:www\.)?gitlab\.com\/?.*$/
// @include /^https?:\/\/(?:www\.)?moduon\.team\/?.*$/
// @include /^https?:\/\/(?:www\.)?loom\.com\/?.*$/
// @include /^https?:\/\/(?:www\.)?youtube\.com\/?.*$/
// @include /^https?:\/\/(?:www\.)?odoo\.com\/?.*$/
// @description Adds some features on github.com, gitlab.com, moduon.team, loom.com and youtube.com to integrate it with Moduon Team and Odoo (Odoo v18+)
// ==/UserScript==
/* jshint esversion: 6 */
(function (window) {
"use strict";
var MTTaskLinks = {
ODOO_SERVER: 'https://www.moduon.team',
COMPANY_NAME: 'Moduon',
COPY_REF_BUTTON_ID: 'OTL_copy_ref',
MENU_ID: 256,
ACTION_ID: 387,
REGEX_TEMPLATES: {},
QUERY_SELECTORS: {
'github': ['.markdown-body'],
'gitlab': ['.note-text', '.description', '.commit-box>.commit-description'],
'moduon': ['div.o-mail-Message-body>p', '.o-mail-Activity-note>p'], // , '.o-mail-Activity-info>span.text-break'
'loom': ['.below-video>span>span'],
'youtube': ['div[id="title"]>h1.ytd-watch-metadata>yt-formatted-string.ytd-watch-metadata', 'span[id="plain-snippet-text"]', 'yt-formatted-string[id="content-text"]'],
'odoo': ['div#card_body'], // Unable to track messages due to post-load of page
},
COMMON_QUERY_SELECTORS: '.commit-description,',
init: function () {
this._addRegexTemplate('MT', new RegExp(/\bMT-(\d+)/gi), `<a target="_blank" rel="noreferrer noopener" href="${this.ODOO_SERVER}/odoo/project.task/$1">${this.COMPANY_NAME} - Task #$1</a>`);
this._addRegexTemplate('OPW', new RegExp(/\bOPW-(\d+)/gi), `<a target='_blank' href='https://www.odoo.com/my/tasks/$1'>Odoo - Ticket #$1</a>`);
this._replaceTask();
if (this._isLocationHost('github')) {
this._ghAddNavbarOptions();
}else if (this._isLocationHost('moduon')) {
this._moduonAddNavbarOptions();
}
},
/* CORE FUNCTIONS */
_isLocationHost: function (host) {
return this._getLocationHost().includes(host);
},
_getLocationHost: function() {
return document.location.host.toLowerCase();
},
_addRegexTemplate: function (templateName, regex, html) {
this.REGEX_TEMPLATES[templateName] = { regex: regex, html: html };
},
_executeRegexReplace: function (templateName, text) {
if (templateName in this.REGEX_TEMPLATES && text.match(this.REGEX_TEMPLATES[templateName].regex)) {
return text.replace(this.REGEX_TEMPLATES[templateName].regex, this.REGEX_TEMPLATES[templateName].html);
}
return false;
},
/* COMMON FUNCTIONS */
_replaceTask: function () {
const searchAndParse = () => {
var hostQuerySelector = this.QUERY_SELECTORS[this._getLocationHost()] ? this.QUERY_SELECTORS[this._getLocationHost()].join(',') : Object.values(this.QUERY_SELECTORS).map(function(v){return v.join(',')}).join(',');
// Replace Company Links
document.querySelectorAll(this.COMMON_QUERY_SELECTORS + hostQuerySelector).forEach((elm) => {
const htmlTemplate = this._executeRegexReplace('MT', elm.innerHTML);
if (htmlTemplate) {
elm.innerHTML = htmlTemplate;
}
});
// Replace Odoo Links
document.querySelectorAll(this.COMMON_QUERY_SELECTORS + hostQuerySelector).forEach((elm) => {
const htmlTemplate = this._executeRegexReplace('OPW', elm.innerHTML);
if (htmlTemplate) {
elm.innerHTML = htmlTemplate;
}
});
};
// Mutation Observer
if (typeof this.observer === 'undefined') {
let targetNode;
if (this._isLocationHost('github')) {
targetNode = document.getElementsByTagName('main')[0];
} else if (this._isLocationHost('gitlab')) {
targetNode = document.getElementById('notes-list');
if (!targetNode){
targetNode = document.getElementsByClassName('js-pipeline-container')[0]; // Pipelines
}
} else if (this._isLocationHost('moduon')) {
targetNode = document.getElementsByClassName('o_web_client')[0];
} else if (this._isLocationHost('loom')) {
targetNode = document.getElementsByClassName('mainContent')[0];
} else if (this._isLocationHost('youtube')) {
targetNode = document.getElementById('content');
}
if (typeof targetNode !== 'undefined') {
this.observer = new MutationObserver(searchAndParse);
this.observer.observe(targetNode, { childList: true, subtree: true });
}
}
searchAndParse();
},
/* GITHUB FUNCTIONS */
_ghAddNavbarOptions: function () {
const targetNode = document.getElementsByTagName('nav')[0];
if (typeof targetNode !== 'undefined') {
const exampleItem = targetNode.querySelector("a[href^='/pulls']");
const menuItem = document.createElement("A");
menuItem.className = exampleItem.className;
menuItem.style.cssText = exampleItem.style.cssText
menuItem.textContent = this.COMPANY_NAME;
menuItem.href = `/pulls?q=is%3Aopen+is%3Apr+archived%3Afalse+involves%3A${this.COMPANY_NAME}`;
targetNode.insertAdjacentElement('afterbegin', menuItem);
}
},
_getTaskId: function() {
// Remove ?debug=1 parameters
const href_no_params = window.location.href.split("?")[0];
// Get las part of URL (maybe a number)
const last_href_part = href_no_params.split("/").at(-1);
// Regex: /tasks/1234
const regex = /tasks\/\d+$/;
if (regex.test(href_no_params)) {
return last_href_part;
}
// Regex: /project.task/1234
const regex1 = /project\.task\/\d+$/;
if (regex1.test(href_no_params)) {
return last_href_part;
}
// Regex: /my-tasks/1234
const regex2 = /my\-tasks\/\d+$/;
if (regex2.test(href_no_params)) {
return last_href_part;
}
// Regex: /all-tasks/1234
const regex3 = /all\-tasks\/\d+$/;
if (regex3.test(href_no_params)) {
return last_href_part;
}
return false;
},
_moduonAddNavbarOptions: function () {
let moduonObserver = new MutationObserver((mutations) => {
const task_id = this._getTaskId();
if (task_id && Number.isInteger(Number(task_id))) {
mutations.forEach((mutation) => {
if (!mutation.addedNodes) return
for (let i = 0; i < mutation.addedNodes.length; i++) {
try {
if (mutation.addedNodes[i].querySelector(".o_statusbar_buttons")) {
if (document.getElementById(this.COPY_REF_BUTTON_ID)) return
const statusBar = document.getElementsByClassName("o_statusbar_buttons")[0];
const copyButton = document.createElement("button");
copyButton.className = 'btn btn-outline-info';
copyButton.type = 'button';
copyButton.title = 'Copy Task Reference';
copyButton.id = this.COPY_REF_BUTTON_ID;
copyButton.innerHTML = "<i class='fa fa-fw fa-copy o_button_icon mr4'></i><span>Copiar MT</span>";
copyButton.onclick = function(){
navigator.clipboard.writeText("MT-" + task_id);
this.innerHTML = "<i class='fa fa-fw fa-check o_button_icon mr4'></i><span> ¡Copiado!</span>";
setTimeout(() => {
// Timeout to restore original text
this.innerHTML = "<i class='fa fa-fw fa-copy o_button_icon mr4'></i><span>Copiar MT</span>";
}, 2500);
}
statusBar.insertAdjacentElement('afterbegin', copyButton);
this.moduonObserver.disconnect();
}
} catch (e) {}
}
})
}
})
moduonObserver.observe(document.body, {
childList: true,
subtree: true,
attributes: false,
characterData: false
})
},
};
MTTaskLinks.init();
})(window)
