Greasy Fork is available in English.
一些技术支持需要用到的辅助功能, 目前包括: 日志快捷记录, 自动暂存文本框内容
As of
// ==UserScript==
// @name jira日志记录功能增强
// @namespace armstrong@fanruan.com
// @version 4.2.4
// @description 一些技术支持需要用到的辅助功能, 目前包括: 日志快捷记录, 自动暂存文本框内容
// @author LeoYuan&Armstrong
// @license CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode
// @match https://work.fineres.com/browse/*
// @include /^https?://work\.fineres\.com.*
// @icon https://work.fineres.com/s/3e84z9/805005/12f785fd3d3d0d63b7c21a41e0d048b2/_/jira-favicon-hires.png
// @note https://greasyfork.org/en/scripts/415068
// @grant none
// ==/UserScript==
/* DONE:
- bugfix: 三线问题联动字段, 平台组打错了, 改回了DEC;
- 交互优化: 现在内容比较少, 关掉了鼠标悬浮扩大效果; 暂存提示出来的时机调早了些
*/
/* TODO:
- 优化埋点: 本地汇总后定期发送, 减少请求量;
- 冲突检测: 同时启用了多个这个插件的话, 进行提示;
*/
(function() {
'use strict';
var JIRA = window.JIRA || {};
var AJS = window.AJS || {};
// ----------------------------------------------------------------------------------------------------
// # 一些变量
// ### 自定义日志快捷记录, 每条一个数组, 数组第一项是记录名称字符串, 第二项是时长字符串, 第三项是内容字符串. (注意需要带标签, 有人要审核标签)
// *** (注意此配置暂时无法保存, 每次重新安装或更新后都要重新定义) ***
const WORKLOGS = {
ALL: [
{name: '1m_待发布', duration: '1m', state: '修复待发布', obstacles: [], extra: '', location: ['right-panel', 'dropdown-panel']},
{name: '未到约定时间沟通', duration: '1m', state: '未到约定沟通日期', obstacles: [], extra: '', location: ['right-panel', 'dropdown-panel']},
{name: '我未跟进', duration: '1m', state: '', obstacles: ['未跟进'], extra: '', location: ['right-panel', 'dropdown-panel']},
],
filter: (location) => WORKLOGS.ALL.filter(log => log.location.includes(location)),
content: (log) => `${TEMPLATES.status(log.state)}\n${TEMPLATES.obstacle(log.obstacles)}\n${log.extra}`,
filterByName: (name) => WORKLOGS.ALL.filter(log => log.name.includes(name))[0] || {},
};
// ### 重构后的问题状态日志记录字段. 请勿随意修改! 无效的字段或格式是无法被crm处理统计的!! 事关个人绩效.请勿随意修改!
const WORKLOGSTATES = [ '沟通和定位', '方案准备和交付', '__SPACE__', '方案待实施', '实施后观察效果', '未到约定沟通日期', '__SPACE__', '研发处理', '修复待发布', '二开沟通阶段', ];
const WORKLOGOBSTACLES = [ '文档找不到或缺失', '文档错误', '__SPACE__', '环境特殊', '内网', '__SPACE__', '客户无响应', '客户配合意愿较低', '__SPACE__', '未跟进', '难还原待复现', '不知道找谁寻求帮助', ];
const HIDEITEMRULES = {
'研发处理': ['_研发处理中_'],
'修复待发布': ['_待发布_'],
'二开沟通阶段': ['_二开中_'],
'沟通和定位': ['_SLA待确诊_'],
'方案准备和交付': ['_SLA待确诊_'],
'方案待实施': ['_SLA已确诊_'],
'实施后观察效果': ['_SLA已确诊_'],
};
const ISSUEINFODICT = {
PROJECT: {
'三线': ['REPORT', 'BI', 'DEC', 'MOBILE', 'CHART', ],
'二开': ['JSD', 'TM', 'SLN'],
},
STATUS: {
'SLA待确诊': ['组长分配', '待恢复', '待确诊'],
'SLA已确诊': ['待观察', '组长审核', '已解决', 'bug已解决', '协商关闭'],
'三线处理中': ['测试处理', '研发组员问题解决中', '测试组员测试验收中', '研发组长验收'].concat(['待分配', '组长分配', '子模块组长分配', '测试组长分配', '架构组分配']).concat(['重复BUG待解决']),
'三线待发布': ['验收通过待发布'].concat(['重复BUG待解决']),
'三线已解决': ['被否决', '已解决', '创建者确认', '创建者验收'].concat(['产品确认']),
'二开中': [''],
}
};
// ### 一些预定义的html内容, 请勿随意修改! 会影响脚本正常运行!
const HTMLCONTENT = {
logWorkRightPanel: (issuekey) => `<tr class="quick-work-log-tr"><td class="quick-work-log-td">${WORKLOGS.filter('right-panel').map(log => `<div class="quick-work-log-btn" data-location="issueRightPanel" data-log="${log.name}" data-issuekey="${issuekey}">${log.name}</div>`).join('')}</td></tr>`,
logWorkDropdownPanel: (issuekey) => `<ul class="aui-list-section quick-work-log-ul">${WORKLOGS.filter('dropdown-panel').map(log => {return `<li class="aui-list-item quick-work-log-li"><a class="aui-list-item-link quick-work-log-item" role="menuitem" data-location="dashboardDropdownPanel" data-log="${log.name}" data-issuekey="${issuekey}">${log.name}</a></li> \n `}).join('') }</ul> \n `,
logWorkDialog: (issuekey) => `<div class="quick-work-log-dialog-div">${WORKLOGS.filter('log-work-dialog').map(log => {return `<div class="quick-work-log-btn" data-location="logWorkDialog" data-log="${log.name}" data-issuekey="${issuekey}">${log.name}</div>`}).join('') }</div>`,
fieldGroup: (inner) => `<div class="field-group" id="wp-fg-status"><label for="log-work-status">Issue Status<span class="aui-icon icon-required"> Required</span></label><div class="log-work-status-pick-box">${inner}</div></div>`,
statePanelBox: () => `<div class="log-work-status-panel state-panel" id="log-work-status-state-panel">${HTMLCONTENT.stateListHeader}<div class="log-work-status-list-scroll"><div class="aui-list log-work-status-list state-ul">${WORKLOGSTATES.map(stt => stt == '__SPACE__' ? HTMLCONTENT.spacerItem.repeat(2) : HTMLCONTENT.stateItem(stt)).join('')}</div></div></div>`,
stateListHeader: `<div class="log-work-status-list-header list-header">当前问题状态*</div>`,
stateItem: (state) => `<div class="log-work-status-list-item state-item" state="${state}" ${HIDEITEMRULES[state] && HIDEITEMRULES[state].join(' ') || ''} ><p class="aui-list-item-link"><span>${state}</span></p></div>`,
obstaclePanelBox: () => `<div class="log-work-status-panel obstacle-panel" id="log-work-status-obstacle-panel">${HTMLCONTENT.obstacleListHeader}<div class="log-work-status-list-scroll"><div class="aui-list log-work-status-list obstacle-ul">${WORKLOGOBSTACLES.map(obs => obs == '__SPACE__' ? HTMLCONTENT.spacerItem : HTMLCONTENT.obstacleItem(obs)).join('')}</div></div></div>`,
obstacleListHeader: `<div class="log-work-obstacle-list-header list-header">当前障碍点<span class="list-header-tip">(可多选)</span></div>`,
obstacleItem: (obstacle) => `<div class="log-work-status-list-item obstacle-item" obstacle="${obstacle}" ${HIDEITEMRULES[obstacle] && HIDEITEMRULES[obstacle].join(' ') || ''} ><p class="aui-list-item-link"><span>${obstacle}</span></p></div>`,
spacerItem: `<div class="log-work-status-list-item spacer-item"> </div>`,
autoStorageTip: (msg) => `<div class="auto-saved-tip" title="内容缓存到本地session啦, 找回内容请找 LeoYuan">~~~${msg || '内容已自动缓存'}~~~</div>`,
}
// ### 一些文本格式模板, 请勿随意修改!
const TEMPLATES = {
status: (inner) => inner ? `【[-${inner}-]】` : '',
statusRegex: /【\[-[^】]{2,20}-\]】/g,
statusRegexMatch: /【\[-([^】]{2,30})-\]】/,
obstacle: (inner) => inner.length ? `当前障碍点: ${JSON.stringify(inner)}` : '',
obstacleRegex: /当前障碍点:\s*\["[^\]]{2,256}\"]/g,
}
// ### 一些文本性内容
const TEXTMSG = {
tipOnSolution4Customer:
`请注意文明用语，内容客户可见！
请勿泄露公司内部信息，人员姓名等！
请谨慎使用“BUG”来描述问题，以免客户误解`,
errMsg4IssueInfo: '工单信息获取出现问题, 请联系LeoYuan或Armstrong处理',
errMsg4logWork: (inner) => `记录失败"${inner}", 请联系LeoYuan或Armstrong处理`,
successMsg4logWork: (inner) => `记录成功"${inner}"`,
}
// ### 预定义的翻译国际化, 可根据自身需求修改. lang是匹配的浏览器语言. trans是自定义的内容.
// * selector注意尽可能唯一确定, 范围过大的话所有匹配到的内容都会翻译掉;
// * from为空时整个元素的innerText替换为to, from不为空时执行replace操作, 元素中匹配到from的内容替换为to;
// * 支持添加callback方法自定义翻译, 比如有些元素的文本不在innerText中, 可以自定义方法进行修改. 方法默认接受三个参数, 单个的元素, from文本, to文本;
const LOCALIZATION = [{
lang: ['zh', 'zh-CN'],
trans: [
{selector: 'label[for="log-work-issue-picker-field"]', from: '', to: '任务'},
{selector: 'label[for="log-work-worklog-author-field"]', from: '', to: '用户'},
{selector: 'label[for="log-work-period"]', from: '', to: '阶段'},
{selector: 'label[for="log-work-status"]', from: '', to: '阶段'},
{selector: 'label[for="log-work-time-logged"]', from: '', to: '花费时间'},
{selector: 'label[for="log-work-date-logged"]', from: '', to: '工时开始时间'},
{selector: 'label[for="wp-copy-to-issue-comments"]', from: '', to: '复制到任务的评论中'},
{selector: 'label[for="comment"]', from: '', to: '进展'},
{selector: '#wp-fg-estimates label', from: '', to: '剩余工作时间'},
{selector: '[class="aui-form example"]', from: '', to: '(例如 3d 12h 30m,单位需小写)'},
{selector: 'div#WorklogByUserPanel a#add-worklog-issue-right-panel-link', from: '', to: 'Log Work(其他情况点我记录)'},
{selector: '#worklogpro-log-work-submit', from: '', to: '确认记录工时', callback: (el, from, to) => {el.value = to}},
]
}]
// ----------------------------------------------------------------------------------------------------
// # 一些预定义的常用方法
// ## 通用的一些方法
// ### 往页面插入自定义js的方法
window.addCss = function(cssString) {
const head = document.getElementsByTagName('head')[0];
const newCss = document.createElement('style');
newCss.type = "text/css";
newCss.innerHTML = cssString;
head.appendChild(newCss);
}
// ### 修改xhr方法, 用来拦截请求, 在请求加载后执行操作
const __send = window.XMLHttpRequest.prototype.send;
window.XMLHttpRequest.prototype.send = function() {
if(window.loadInterceptions) {
this.addEventListener('loadend', e => {
window.loadInterceptions.filter(i => typeof(i.match) == 'function' && typeof(i.handler) == 'function').forEach((intercept) => {
if(intercept.match(e)) intercept.handler(e);
});
//console.log('intercepted', e);
}, { once: true });
}
__send.apply(this, arguments);
};
// ### 全局的监听方法, 包装了一下MutationObserver, 当监听到指定选择器的元素被加载时, 执行回调
window.waitForAddedNode = function(params) {
if(params.immediate) {
const matched = [];
matched.push(...document.querySelectorAll(params.selector));
const smatched = [...new Set(matched)]
if(!params.urlmatcher || location.href.includes(params.urlmatcher)) {
for (const el of smatched) {
params.done(el);
}
}
}
const observer = new MutationObserver(mutations => {
const matched = [];
for (const { addedNodes }
of mutations) {
for (const n of addedNodes) {
if (!n.tagName) continue;
if (n.matches(params.selector)) {
matched.push(n);
} else if (n.firstElementChild) {
matched.push(...n.querySelectorAll(params.selector));
}
}
}
const smatched = [...new Set(matched)]
if (smatched && params.once) this.disconnect();
if(!params.urlmatcher || location.href.includes(params.urlmatcher)) {
for (const el of smatched) {
params.done(el);
}
}
});
observer.observe(document.querySelector(params.parent) || document.body, {
subtree: !!params.recursive || !params.parent,
childList: true,
});
}
// ### 功能埋点方法, 记录使用情况
window.eventTracker = {
log: (event, text, storage) => {
const data = window.eventTracker.__prepareData(event, text);
var xhr = new XMLHttpRequest();
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
// console.log('-------------------------\n', event, data, storage, this.responseText);
if(typeof(storage) == 'object' && storage.k && storage.v) localStorage.setItem(storage.k,storage.v)
}
});
xhr.open("POST", "https://1.y30.xyz:60083/c447bb0737483295a34e14ec74c61589");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(data);
},
__prepareData: (event, data) => JSON.stringify({
t: 'JIRA',
c: AJS.params.loggedInUser || 'unknown',
e: event || 'none',
i: JSON.stringify(data || {}),
}),
__installedNotify: () => {
if(localStorage.getItem('__scriptInstalled') && localStorage.getItem('__scriptInstalled') == GM_info.script.version) return;
const data = {
version: GM_info.script.version,
browser: navigator.userAgent,
languare: navigator.language,
time: +new Date(),
};
return window.eventTracker.log('scriptInstalled', data, {k:'__scriptInstalled', v:GM_info.script.version});
},
}
window.et = window.eventTracker;
// ### 自动暂存填写内容
window.tipTimer = 0;
window.autoSaveKeyGenerator = function (el) {
return ['__autoSave', location.pathname, el.parentNode.attributes && el.parentNode.attributes.id && el.parentNode.attributes.id.value || '', el.attributes && el.attributes.id && el.attributes.id.value || ''].join('__');
}
window.autoSave = function(el) {
const keyName = window.autoSaveKeyGenerator(el);
el.addEventListener('keyup', function(e){
var msg = '内容已自动缓存';
clearTimeout(window.tipTimer);
const data = {
value: event.target.value,
timestamp: + new Date(),
};
if(data.value){
localStorage.setItem(keyName, JSON.stringify(data));
} else {
localStorage.removeItem(keyName);
msg = '缓存内容已清除';
}
window.tipTimer = setTimeout(function(){
if(!el.parentNode.querySelector('.auto-saved-tip')) el.insertAdjacentHTML('afterend', HTMLCONTENT.autoStorageTip(msg));
setTimeout(function(){el.parentNode.querySelectorAll('.auto-saved-tip').forEach(el => el.remove()); }, 10000);
}, 500)
})
};
// ### 恢复自动暂存的内容
window.restoreSavedValue = function(el) {
const keyName = window.autoSaveKeyGenerator(el);
const data = JSON.parse(localStorage.getItem(keyName));
if(!data || !data.timestamp || !data.value) return;
if(data.timestamp < (new Date() - 60*60*1000)) return;
if(el.value && el.value != '无') return;
el.value = data.value;
el.insertAdjacentHTML('afterend', HTMLCONTENT.autoStorageTip('已恢复缓存内容. 无需恢复请清空该控件内容后刷新页面. 详询 LeoYuan'))
};
// ### 自动清理过早的记录
window.cleanEarlySavedValue = function(days) {
if(localStorage.getItem('__autoSaveLastCleanTime__') > (new Date() - 24*60*60*1000)) return ;
const timepoint = new Date() - (days || 7)*24*60*60*1000;
Object.keys(localStorage).filter(keyName => keyName.match(/^__autoSave__/))
.filter(keyName => JSON.parse(localStorage.getItem(keyName)).timestamp < timepoint)
.forEach(keyName => localStorage.removeItem(keyName));
localStorage.setItem('__autoSaveLastCleanTime__', + new Date());
}
// -------------------------------------------------
// ## 一些适用于jira页面的方法
// ### 快捷写日志方法
window.quickWorkLog = function(duration, message, key, target){
window.et.log('quickWorkLog', {target: target});
if(!duration) JIRA.Messages.showErrorMsg('未提供日志时长');
if(!message) JIRA.Messages.showErrorMsg('未提供日志内容');
const user = AJS.params.loggedInUser;
const issuekey = key || document.querySelector('meta[name="ajs-issue-key"]').attributes.content.value;
const atltoken = document.querySelector('meta[name="atlassian-token"]').attributes.content.value;
const startDate = window.moment(new Date).format(JIRA.translateSimpleDateFormat('yyyy-MM-dd HH:mm'));
const endDate = window.moment(new Date).format(JIRA.translateSimpleDateFormat('yyyy-MM-dd'));
return AJS.$.post({
url:'https://work.fineres.com/secure/WPCreateWorklogOnIssueWithWorkLogAction.jspa?atl_token=' + atltoken,
header:{
'content-type': 'application/x-www-form-urlencoded'
},
data:{
inline: true,
decorator: 'dialog',
jql: '',
navFilter: '',
issueKey: issuekey,
worklogAuthorUsername: user,
period: 'none',
timeLogged: duration,
startDateJS: startDate,
startDate: startDate,
endDateJS: endDate,
endDate: endDate,
adjustEstimate: 'auto',
remainingEstimateOptionsExpanded: false,
comment: message,
commentLevel: ''
},
success: function(){
JIRA.Messages.showSuccessMsg(TEXTMSG.successMsg4logWork(message));
if(document.querySelector('div#worklog-tabpanel')){
document.querySelector('a#comment-tabpanel').click();
document.querySelector('a#worklog-tabpanel').click();
}
},
fail: function(){
JIRA.Messages.showErrorMsg(TEXTMSG.errMsg4logWork(message));
window.et.log('quickWorkLogFailed', {target: target, duration: duration, message: message, key: key, location: location.href});
}
})
}
// ### 获取issue信息的方法
window.getIssueFields = function(key, fields, successCallback) {
if(!fields) fields = 'status,customfield_14301,issuelinks';
return AJS.$.get({
url: 'https://work.fineres.com/rest/api/2/issue/' + key,
data: {fields: fields},
success: function(res){
if(typeof(successCallback) == 'function') successCallback(res);
return res;
},
fail: function(res){
JIRA.Messages.showErrorMsg(TEXTMSG.errMsg4IssueInfo);
window.et.log('getIssueFieldsFailed', {key: key, fields: fields, location: location.href});
}
})
}
// ----------------------------------------------------------------------------------------------------
// ## 一些适用于issue页面的组件用的小方法
// ### 处理日志记录的state字段的方法
window.stateClicked = function (event){
window.et.log('statusClicked');
const state = (event.target.querySelector('span') || event.target.closest('span')).innerText;
window.prependStateContent(state);
document.querySelectorAll('div.log-work-status-list-item.state-item').forEach(li => li.classList.remove('active'));
(event.target.querySelector('div.log-work-status-list-item') || event.target.closest('div.log-work-status-list-item')).classList.add('active');
}
window.obstacleClicked = function (event){
window.et.log('obstacleClicked');
const el = event.target.querySelector('div.log-work-status-list-item') || event.target.closest('div.log-work-status-list-item');
const isActivated = el.classList.contains('active');
isActivated ? el.classList.remove('active') : el.classList.add('active');
const activeObstacles = document.querySelectorAll('div.log-work-status-list-item.obstacle-item.active');
window.prependObstacleContent([...activeObstacles].map(obs => obs.innerText));
}
window.prependStateContent = function(state) {
const commentElement = document.querySelector('div.field-group#wp-fg-comment textarea#comment');
const newComment = `${TEMPLATES.status(state)}\n${window.purgeStateText(commentElement.value)[0]}`;
commentElement.value = newComment;
commentElement.dispatchEvent(new Event('input'));
}
window.prependObstacleContent = function(obstacles) {
const commentElement = document.querySelector('div.field-group#wp-fg-comment textarea#comment');
const statePurged = window.purgeStateText(commentElement.value);
const obstaclePurged = window.purgeObstacleText(statePurged[0]);
const obstaclesText = TEMPLATES.obstacle(obstacles);
const newComment = [...statePurged[1], obstaclesText, obstaclePurged[0]].join('\n');
commentElement.value = newComment;
commentElement.dispatchEvent(new Event('input'));
}
window.purgeStateText = function(text) {
const matched = (text.match(TEMPLATES.statusRegex) || []).filter(m => {
const s = m.match(TEMPLATES.statusRegexMatch);
return s && s[1] && WORKLOGSTATES.filter(st => st == s[1]).length > 0;
});
matched.forEach(m => (text = text.replace(m, '')) == '');
return [text.trim(), matched];
}
window.purgeObstacleText = function(text) {
let matched = (text.match(TEMPLATES.obstacleRegex) || [])
matched.forEach(m => (text = text.replace(m, '')) == '');
return [text.trim(), matched];
}
window.translatePage = function(lang) {
lang = lang || navigator.language;
LOCALIZATION.filter(lcl => lcl.lang.includes(lang))
.forEach(lcl => {
lcl.trans.forEach(trs => {
document.querySelectorAll(trs.selector).forEach(el => {
typeof(trs.callback) == 'function' ? trs.callback(el, trs.from, trs.to) : (el.innerText = trs.from ? el.innerText.replace(trs.from, trs.to) : trs.to);
})
})
})
}
window.determineSubmitButton = function() {
const textarea = document.querySelector('form#log-work-lean div#wp-fg-comment textarea');
const btn = document.querySelector('form#log-work-lean div.form-footer input#worklogpro-log-work-submit');
textarea.addEventListener('input', event => {
const match = window.purgeStateText(event.target.value);
if(match[1][0]) {
textarea.setAttribute('hasStatus','');
btn.removeAttribute('disabled');
btn.value = '确认记录工时';
} else {
textarea.removeAttribute('hasStatus');
btn.setAttribute('disabled','');
btn.value = '选择问题状态后才能提交';
}
});
textarea.addEventListener('keydown', window.preventKeyboardSubmit);
setTimeout(function(){textarea.dispatchEvent(new Event('input'))}, 100);
}
window.preventKeyboardSubmit = function(event) {
if(event.target.hasAttribute('hasStatus')) return;
if(!event.ctrlKey || 13 !== event.keyCode) return;
event.preventDefault();
event.stopPropagation();
return false;
}
window.hideUnnecessaryItem = function(issuekey) {
return window.getIssueFields(issuekey, '', function(res) {
if(!res || !res.fields) return;
const info = {
key: res.key,
project: res.key.split('-')[0],
status: res.fields.status.name,
links: res.fields.issuelinks.map(link => {return {
key: link.inwardIssue.key,
project: link.inwardIssue.key.split('-')[0],
status: link.inwardIssue.fields.status.name,
}}),
};
const attributes = [...new Set([].concat(...Object.values(HIDEITEMRULES)))]; //获取所有的隐藏属性标签, 在下面进行排除, 剩下的标签都会隐藏掉;
if(info.links.filter(link => ISSUEINFODICT.PROJECT['三线'].includes(link.project)).filter(link => ISSUEINFODICT.STATUS['三线待发布'].includes(link.status)).length) attributes.splice(attributes.indexOf('_待发布_'), 1);
if(info.links.filter(link => ISSUEINFODICT.PROJECT['三线'].includes(link.project)).filter(link => ISSUEINFODICT.STATUS['三线处理中'].includes(link.status)).length) attributes.splice(attributes.indexOf('_研发处理中_'), 1);
if(info.links.filter(link => ISSUEINFODICT.PROJECT['二开'].includes(link.project)).length) attributes.splice(attributes.indexOf('_二开中_'), 1);
if(ISSUEINFODICT.STATUS['SLA已确诊'].includes(info.status)) attributes.splice(attributes.indexOf('_SLA已确诊_'), 1);
if(ISSUEINFODICT.STATUS['SLA待确诊'].includes(info.status)) attributes.splice(attributes.indexOf('_SLA待确诊_'), 1);
attributes.forEach(attr => (document.querySelectorAll(`div[${attr}]`).forEach(el => (el.style.display = 'none')) == '') == '');
})
}
window.quickWorkLogClickHandler = function(event) {
const location = event.target.attributes['data-location'].value;
const logName = event.target.attributes['data-log'].value;
const issuekey = event.target.attributes['data-issuekey'].value;
const log = WORKLOGS.filterByName(logName);
if(!log.name) return JIRA.Messages.showErrorMsg(TEXTMSG.errMsg4logWork(' 未能获取到对应日志记录, '));
const content = WORKLOGS.content(log);
return window.quickWorkLog(log.duration, content, issuekey, location);
}
// ----------------------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------------------
// # 主代码部分
// ### bug页侧边栏添加记录日志按钮
window.waitForAddedNode({
selector: '#add-worklog-issue-right-panel-link',
immediate: true,
recursive: true,
done: function(el) {
const elMetaIssueKey = document.querySelector('meta[name="ajs-issue-key"]');
const elDockLink = document.querySelector('#worklog-issue-dock-link');
const elTitle = document.querySelector('a#key-val');
const issuekey = elTitle ? elTitle.innerText : (elDockLink ? elDockLink.textContent : (elMetaIssueKey ? elMetaIssueKey.attributes.content.value : ''));
el.closest('tbody').insertAdjacentHTML('beforeend', HTMLCONTENT.logWorkRightPanel(issuekey));
AJS.$('.quick-work-log-tr .quick-work-log-btn').off('mouseup');
AJS.$('.quick-work-log-tr .quick-work-log-btn').on('mouseup', window.quickWorkLogClickHandler);
}});
// ### 看板页下拉框添加记录日志按钮
window.waitForAddedNode({
selector: '.aui-list-item-link.issueaction-comment-issue',
recursive: true,
done: function(el) {
const issuekey = el.attributes["data-issuekey"].value;
el.closest('.aui-last').insertAdjacentHTML('beforebegin', HTMLCONTENT.logWorkDropdownPanel(issuekey));
AJS.$('.quick-work-log-ul .quick-work-log-li .quick-work-log-item').off('mouseup');
AJS.$('.quick-work-log-ul .quick-work-log-li .quick-work-log-item').on('mouseup', window.quickWorkLogClickHandler);
}});
// ### 关bug弹窗添加记录日志按钮
window.waitForAddedNode({
selector: '[for="customfield_10528"]',
recursive: true,
done: function(el) {
const issuekey = el.closest('.jira-dialog-content').querySelector('.dialog-title').textContent.match(/SLA-\d{1,10}/)[0];
el.closest('form').querySelector('.buttons-container.form-footer').insertAdjacentHTML('afterbegin', HTMLCONTENT.logWorkDialog(issuekey));
AJS.$('.quick-work-log-dialog-div .quick-work-log-btn').off('mouseup');
AJS.$('.quick-work-log-dialog-div .quick-work-log-btn').on('mouseup', window.quickWorkLogClickHandler);
}});
// ### 记录日志弹窗添加状态内容
window.waitForAddedNode({
selector: 'div.field-group#wp-fg-comment',
recursive: true,
done: function(el) {
el.insertAdjacentHTML('beforebegin', HTMLCONTENT.fieldGroup(HTMLCONTENT.statePanelBox() + HTMLCONTENT.obstaclePanelBox()));
AJS.$('.log-work-status-list-item.state-item').on('mouseup', window.stateClicked);
AJS.$('.log-work-status-list-item.obstacle-item').on('mouseup', window.obstacleClicked);
window.translatePage();
window.determineSubmitButton();
window.hideUnnecessaryItem(el.querySelector('textarea#comment').attributes['data-issuekey'].value);
}});
// ### 对外解决方案输入框添加文明用语水印
window.waitForAddedNode({
selector: 'textarea[name="customfield_16005"]',
recursive: true,
done: function(el) {
el.placeholder = TEXTMSG.tipOnSolution4Customer;
}});
// ### 出现textarea的时候恢复最后值并绑定自动保存
window.waitForAddedNode({
selector: 'textarea',
immediate: true,
recursive: true,
done: function(el) {
window.restoreSavedValue(el);
window.autoSave(el);
}});
// ### 清理很久之前的的自动暂存的内容
window.cleanEarlySavedValue();
window.et.__installedNotify();
window.translatePage();
// ### 页面注入css样式
window.addCss ( `
/* ### 快捷日志log work部分 */
td.quick-work-log-td {
padding: 0;
text-align: left;
display: flex;
flex-wrap: wrap;
}
div.buttons-container.form-footer {
text-align: left;
}
div.quick-work-log-dialog-div {
display: inline;
}
tr.quick-work-log-subtitle-tr td {
padding-bottom: 0;
}
tr.quick-work-log-subtitle-tr h6 {
text-align: left;
}
div.quick-work-log-btn {
font-size: 14px;
border-radius: 3px;
cursor: pointer;
background-image: none;
background-color: rgba(9,30,66,.08);
border: 1px solid transparent;
color: #344563;
text-decoration: none;
display: inline-block;
padding: 4px 10px;
margin: 5px;
white-space: nowrap;
}
div.quick-work-log-btn:hover {
background-color: rgba(9,30,66,.2)
}
a.aui-list-item-link.quick-work-log-item {
color: #172b4d;
}
a.aui-list-item-link.quick-work-log-item:hover {
color: #42526e;
background-color: #007fde;
}
/* ### 日志状态记录部分 */
div#wp-fg-estimates.field-group.wp-remaining-estimate-group label {
display: block !important;
}
div.log-work-status-pick-box {
border: 2px solid #dfe1e6;
border-radius: 3px;
}
div.log-work-status-panel {
vertical-align: top;
}
div.state-panel {
width: 200px;
float: left;
}
div.obstacle-panel {
width: 100%;
flex-wrap: wrap;
}
div.list-header {
text-align: center;
padding: 5px 0;
font-weight: bold;
overflow-y: scroll;
border-bottom: 2px solid lightgrey;
pointer-events: none;
user-select: none;
}
div.log-work-status-list-scroll {
overflow-y: scroll;
height: 160px;
}
div.log-work-status-pick-box:hover div.log-work-status-list-scroll {
height: 160px !important;
}
div.log-work-status-list {
padding: 0;
list-style-type: none;
}
div.log-work-status-list-item {
padding: 2px 3px;
}
div.log-work-status-list-item.state-item:nth-child(even) {
background: #f0f0ff;
}
div.log-work-status-list-item.state-item.active,
div.log-work-status-list-item.obstacle-item.active {
background: #007fde;
color: white;
}
div.log-work-status-list-item.state-item:hover,
div.log-work-status-list-item.obstacle-item:hover {
background: #007fde;
color: white;
font-weight: bold;
cursor: pointer;
}
div.obstacle-panel div.log-work-status-list-item {
display: inline-block;
white-space: nowrap;
border: 1px solid lightgrey;
border-radius: 5px;
padding: 1px;
margin: 2px;
}
div.obstacle-panel div.log-work-status-list-item span {
white-space: normal;
word-wrap: break-word;
}
div.state-panel div.log-work-status-list-item.spacer-item {
height: 1px;
}
div.state-panel div.log-work-status-list-item.spacer-item:nth-child(odd) {
border-bottom: 2px dashed lightgrey;
}
div.obstacle-panel div.log-work-status-list-item.spacer-item {
border: 0;
width: 10px;
}
div#wp-fg-status div {
scrollbar-width: thin;
scrollbar-color: darkblue lightgrey;
}
div#wp-fg-status div::-webkit-scrollbar {
width: 10px;
}
div#wp-fg-status div::-webkit-scrollbar-track {
background: lightgrey;
}
div#wp-fg-status div::-webkit-scrollbar-thumb {
background-color: darkblue;
border-radius: 20px;
border: 3px solid lightgrey;
}
span.list-header-tip {
font-size: x-small;
}
input#worklogpro-log-work-submit[disabled] {
color: red;
font-weight: bold;
}
/* ### 自动暂存的提示 */
div.auto-saved-tip {
color: grey;
font-size: 9pt;
background: lightblue;
display: table-row;
}
/* ### 以下内容是对原有样式的美化 */
div#wp-fg-comment textarea#comment {
max-width: 655px;
height: 8rem;
}
div#WorklogByUserPanel a#add-worklog-issue-right-panel-link {
background: lightblue;
border-radius: 8px;
padding: 12px 24px;
margin-left: 23px;
display: inline-block;
}
div#WorklogByUserPanel a#add-worklog-issue-right-panel-link:hover {
background: lightsteelblue;
}
` );
})();