Jira helper to preselect some fields when creating dialog is shown
ของเมื่อวันที่
// ==UserScript==
// @name JiraRoboScript
// @namespace http://tampermonkey.net/
// @version 3.3
// @description Jira helper to preselect some fields when creating dialog is shown
// @author Robo
// @homepage https://greasyfork.org/sk/scripts/400374-jiraroboscript
// @require https://code.jquery.com/jquery-3.4.1.min.js
// @match https://pmjira.cz.tmo/*
// @match https://vpconfluence.cz.tmo/*
// @grant GM_addValueChangeListener
// @grant GM_setValue
// @grant GM_addStyle
// ==/UserScript==
(function () {
'use strict';
//due to conflicts with page scripts
let $myJQuery = jQuery.noConflict(true);
const CONFLUENCE_TO_JIRA_VAR = "CONFLUENCE_TO_JIRA_VAR";
// Starts listening for changes in the target HTML element of the page.
let target = document.getElementById('jira');
if(target) {
let bodyMutationObserver = new MutationObserver(function (mutations) {
for (let i = 0; i < mutations.length; i++) { //faster than forEach
let mutation = mutations[i];
//console.log(mutation);
if (mutation.addedNodes.length > 0
&& (mutation.addedNodes[0].id === "create-issue-dialog" || mutation.addedNodes[0].id === "create-subtask-dialog")) {
//add inner dialog mutationObserver
initializeDialogMutationObserver(mutation.addedNodes[0]);
}
}
});
bodyMutationObserver.observe(target, {
childList: true
});
}
//confluence interaction
confluenceTableInit($myJQuery("body"));
//for iframe
setTimeout(function () {
confluenceTableInit($myJQuery("#wysiwygTextarea_ifr").contents());
}, 2000);
GM_addValueChangeListener(CONFLUENCE_TO_JIRA_VAR, function() {
fillFieldsFromConfluence(arguments[2]);
});
////////////////
function initializeDialogMutationObserver(dialog) {
let dialogMutationObserver = new MutationObserver(function (mutations) {
for (let i = 0; i < mutations.length; i++) { //faster than forEach
let mutation = mutations[i];
//console.log(mutation);
if (mutation.target.className.includes("jira-dialog-content-ready")) {
//dialog is ready
//don't disconnect observer, because changing project type cause reload of inner content and dialog panel class change is triggered
//makeMiracle(mutation.target);
createMiracleButton(mutation.target);
}
}
});
dialogMutationObserver.observe(dialog, {
attributes: true,
attributeFilter: ["class"]
});
}
function createMiracleButton(dialog) {
let dialogHeader = $myJQuery(dialog).find(".jira-dialog-heading h2");
if (dialogHeader.find(".miracleButton").length === 0) {
let miracleButton = $myJQuery("<a class='aui-button aui-button-primary aui-style miracleButton' title='Prefil form' href='#' style='margin-left:20px;'>Make miracle</a>");
dialogHeader.append(miracleButton).on("click", miracleButtonHnadler);
$myJQuery(dialog).find("#create-issue-submit").on("click", verifyInputs);
}
}
function miracleButtonHnadler(event) {
let dialog = $myJQuery(event.target).parents(".jira-dialog");
let dialogContent = (dialog).find(".jira-dialog-content");
makeMiracle(dialogContent);
}
function makeMiracle(dialogContent) {
let prefilledFields = getPrefilledFieldsByIssueType(dialogContent);
prefilledFields.forEach(function(prefilledField) {
prefilledField.check(dialogContent);
prefilledField.apply(dialogContent);
});
//epic hack, fill hidden select with selected option
dialogContent.find("#customfield_10000")
.find("option")
.remove()
.end()
.append("<option value='key:AT-55102' title='undefined' selected='selected'>OASK - Generic Epic</option>");
dialogContent.find("#customfield_10000-field").one("click", function() {
dialogContent.find("#customfield_10000-field").val("");
dialogContent.find("#customfield_10000 option").remove();
});
}
function verifyInputs(event) {
let dialog = $myJQuery(event.target).parents(".jira-dialog");
let dialogContent = (dialog).find(".jira-dialog-content");
let prefilledFields = getPrefilledFieldsByIssueType(dialogContent);
let issueType = dialogContent.find("#issuetype-field").val();
if (issueType == "Sub-task") {
alert("I am not sure that you realy need 'Sub-Task' type, maybe 'Technical sub-task' will be better");
}
let fieldsFilled = true;
prefilledFields.forEach(function(prefilledField) {
if(!prefilledField.check(dialogContent)) {
fieldsFilled = false;
alert("Please fill value in " + prefilledField.readableName);
}
});
return fieldsFilled;
}
function setConfluenceFields(event) {
let tableRow = $myJQuery(event.target).parents("tr");
let confluenceFields = {};
confluenceFields.components = tableRow.find("td").eq(2).text();
confluenceFields.summary = tableRow.find("td").eq(3).text();
confluenceFields.estimate = parseInt(tableRow.find("td").eq(4).text()) + "h";
confluenceFields.description = tableRow.find("td").eq(5).html();
GM_setValue(CONFLUENCE_TO_JIRA_VAR, null);
GM_setValue(CONFLUENCE_TO_JIRA_VAR, confluenceFields);
//tableRow.addClass("miracle");
//hack for chrome problem with iframe css in confluence
tableRow.find("td").each( function( index, element ) {
let td = $myJQuery(this);
let oldBackground = td.css("background-color");
td.css("background-color", "rgb(255, 0, 255)");
setTimeout(function () {
if (oldBackground == "rgb(255, 0, 255)") {
td.css("background-color", "");
} else {
td.css("background-color", oldBackground);
}
}, 1000);
});
setTimeout(function () {
tableRow.removeClass("miracle");
}, 1000);
}
function confluenceTableInit(container) {
let miracleTable = container.find(".confluenceTable th:contains('JIRA')").parents("table");
if (miracleTable.length == 0) {
miracleTable = container.find(".confluenceTable th:contains('Jira')").parents("table");
}
if (miracleTable.length > 0) {
miracleTable.addClass("miracleTable");
//in edit mode tinyMce editor manipulate DOM and therefore attach click on whole body and filter node by selector
miracleTable.on("click", "td:first-child", setConfluenceFields);
GM_addStyle(".miracleTable td:first-child:hover { background-color: magenta !important; cursor: alias;}");
//GM_addStyle(".miracleTable tr.miracle td { background-color: magenta !important;}");
}
}
function fillFieldsFromConfluence(confluenceFields) {
if (confluenceFields == null) {
return;
}
let dialogContent = $myJQuery(".jira-dialog-content");
makeMiracle(dialogContent);
dialogContent.find("#summary").val(confluenceFields.summary);
dialogContent.find("#timetracking_originalestimate").val(confluenceFields.estimate);
//#description
tinymce.activeEditor.setContent(confluenceFields.description);
let componentsTextArea = dialogContent.find("#components-textarea");
let enteredComponents = confluenceFields.components.split(/(?:\r?\n|,)/);
let halComponentsOptions = dialogContent.find("#components option")
.filter(function(i, option) {
return $myJQuery(option).text().trim().startsWith("HAL - ")
});
componentsTextArea.val("");
halComponentsOptions.removeAttr("selected");
enteredComponents.forEach(function(component){
component = component.trim();
if (!component.startsWith("HAL - ")) {
component = "HAL - " + component;
}
let foundComponent = halComponentsOptions
.filter(function(i, option) { return $myJQuery(option).text().trim().startsWith(component)});
if (foundComponent.length == 0) {
alert("Component not found: " + component);
} else {
componentsTextArea.val(componentsTextArea.val() + " " + foundComponent.text().trim());
foundComponent.attr("selected", "selected");
}
});
}
function getPrefilledFieldsByIssueType(dialogContent) {
//load team value from parent task (rendered page), if exists
let parentTaskTeamValue = $myJQuery("#issue-content").find("#customfield_10685-field").text().trim();
let epic = "OASK - Generic Epic";
let newTaskTeamValue = "16135";
if (parentTaskTeamValue === "ST_SK - One Shop") {
newTaskTeamValue = "16400";
epic = "One Shop SK - GenericEpic";
}
let descriptionTextArea = new ElementConfig("#description", null, "Description"); //empty
let componentsTextArea = new ElementConfig("#components-textarea", null, "Components"); //empty
let agileRadio = new ElementConfig("#customfield_10267-1", true, "Agile");
let epicInput = new ElementConfig("#customfield_10000-field", epic, "Epic");
let teamSelect = new ElementConfig("#customfield_10685", newTaskTeamValue, "Team"); //ST_SK - One App
let privacyRelevanceSelect = new ElementConfig("#customfield_12605", "14042", "Privacy Relevance"); //NO
let issueTypeToFieldMap = {
"Technical US": [descriptionTextArea, agileRadio, epicInput, teamSelect],
"Task": [descriptionTextArea, agileRadio, epicInput, teamSelect],
"Sub-task": [descriptionTextArea, agileRadio, teamSelect],
"Technical sub-task": [descriptionTextArea],
"Story": [descriptionTextArea, agileRadio, epicInput, teamSelect, privacyRelevanceSelect],
"Bug": [descriptionTextArea, agileRadio, epicInput, teamSelect]
};
let issueType = dialogContent.find("#issuetype-field").val();
return issueTypeToFieldMap[issueType];
}
function ElementConfig(selector, value, readableName) {
this.selector = selector;
this.value = value;
this.readableName = readableName;
this.apply = function (parentElement) {
if (this.value == null) {
return;
}
let element = parentElement.find(this.selector);
if (element.is(":checkbox, :radio")) {
element.prop('checked', this.value);
} else if (element.is("input, textarea")) {
element.val(this.value);
} else if (element.is("select")) {
element.val(this.value);
//scroll to selected
setTimeout(function () {
let optionTop = element.find("option:selected").offset().top;
let selectTop = element.offset().top;
element.scrollTop(element.scrollTop() + (optionTop - selectTop));
}, 100);
}
};
this.check = function (parentElement) {
let element = parentElement.find(this.selector);
if (element.parents(".qf-form.qf-configurable-form").length === 1 && element.parents(".qf-field-active").length === 0) {
alert("Missing required field '" + this.readableName + "'");
return false;
}
if (element.is(":checkbox, :radio")) {
return parentElement.find("[name='"+element.attr("name")+"']:checked").length != 0;
} else if (element.is("input, textarea")) {
return element.val().length != 0;
} else if (element.is("select")) {
return element.val().length != 0;
} else {
return true;
}
}
}
})();