Make base.vn smarter
目前为
// ==UserScript==
// @name Smarter Base.vn - DEV
// @description Make base.vn smarter
// @namespace http://tampermonkey.net/
// @version 0.2.4
// @author duclh - SWD
// @include_old /https:\/\/(meeting|wework|request|office).base.vn/(.*)
// @include /https:\/\/(.*).base.vn/(.*)
// @icon https://www.google.com/s2/favicons?sz=64&domain=base.vn
// @grant none
// @license MIT
// ==/UserScript==
// Repo URL https://greasyfork.org/en/scripts/446802-smarter-base-vn
console.log("=======Hello from duclh - SWD;=======")
const CONFIG = {
SERVICE: {
"all": {
BG_COLOR: "#ccc7c7"
},
"wework": {
TITLE_SELECTOR: "#js-task-display > div.main-body > div.section.js-task-main > div.task-main > div.edit-box.compact.edit-task-name > div.edit-display > h1",
BG_COLOR: "rgb(88 159 201 / 44%)",
LINK_SELECTOR: ".js-subtask .name"
},
"meeting": {
TITLE_SELECTOR: "#js-meeting-cover > div.main > div > div.text > div.name > span",
BG_COLOR: "#ed6334b0"
},
"request": {
TITLE_SELECTOR:"#obj-main > h1",
BG_COLOR: "rgb(66 184 20 / 57%)"
},
"workflow": {
TITLE_SELECTOR:"",
BG_COLOR: "rgb(66 152 244 / 67%)"
},
"office": {
TITLE_SELECTOR:"",
BG_COLOR: "rgb(66 184 20 / 80%)"
},
"hiring": {
TITLE_SELECTOR:"",
BG_COLOR: "rgb(88 159 201 / 40%)"
},
},
HIDE_NOTI: [],
NOTI:{
OPEN_NOTI_SELECTOR : "#navigator > div.header > div.icon",
LOAD_MORE_SELECTOR: ".-more"
},
THEME: {
MASK_SELECTOR: "#apdialogs"
}
};
const main_makeEverythingMiddleClickAble = () => {
let taskUrl = "https://wework.base.vn" + window.location.pathname + "?task=";
let currentService = utils_getCurrentService();
//let links = document.querySelectorAll(CONFIG.SERVICE[currentService].LINK_SELECTOR);
let links = document.querySelectorAll(".mn > .url");
const openLinkNewTab = (taskId) => {
return `window.open('${taskUrl + taskId}','_blank').focus();`
}
for (let link of links){
let taskId = link.getAttribute("data-url");
if(!taskId || taskId === "") continue;
taskId = taskId.split("/")[1];
link.setAttribute("onauxclick", openLinkNewTab(taskId));
}
// console.log(links)
/*
let taskUrl = "https://wework.base.vn/tasks?task=";
let currentService = utils_getCurrentService();
//let links = document.querySelectorAll(CONFIG.SERVICE[currentService].LINK_SELECTOR);
let links = document.querySelectorAll(".js-list-tasks div");
const openLinkNewTab = (taskId) => {
return `window.open('${taskUrl + taskId}', '_blank').focus();`
}
for (let link of links){
let taskId = link.getAttribute("id");
if(!taskId || taskId === "") continue;
taskId = taskId.split("-")[1];
link.setAttribute("onauxclick", openLinkNewTab(taskId));
}
// console.log(links)
*/
}
const main_smarterThings = () => {
// document.querySelector(CONFIG.THEME.MASK_SELECTOR).setAttribute("onclick","TaskDisplay.close();");
}
const main_smarterNoti = () =>{
utils_stylingFilterBar();
utils_loadMoreNoti({num: 6, isFirstTime: true});
const all = () => utils_showNotiByService("all");
const ww = () => utils_showNotiByService("wework");
const rq = () => utils_showNotiByService("request");
const wf = () => utils_showNotiByService("workflow");
const of = () => utils_showNotiByService("office");
const hir = () => utils_showNotiByService("hiring");
const mt = () => utils_showNotiByService("meeting");
const serviceToShow = [
["all", all],
["wework", ww],
["request", rq],
["workflow", wf],
["office", of],
["hiring", hir],
["meeting", mt],
];
let titleDiv = document.querySelector("#base-notis > div.list.list-notis > div.-title");
if(!titleDiv) return;
titleDiv.innerHTML = "";
let gridFilterService = document.createElement("div");
gridFilterService.style.display = "inline-block";
gridFilterService.style.borderRight = "2px ridge grey";
let gridFilterSomething = document.createElement("div");
gridFilterSomething.style.display = "inline-block";
let gridFilterPeople = document.createElement("div");
gridFilterPeople.style.display = "inline-block";
titleDiv.appendChild(gridFilterService);
//titleDiv.appendChild(gridFilterSomething);
//titleDiv.appendChild(gridFilterPeople);
for (let service of serviceToShow){
let filterServiceButton = document.createElement("button");
filterServiceButton.innerText = service[0];
filterServiceButton.onclick = service[1];
filterServiceButton.style.backgroundColor = CONFIG.SERVICE[service[0]].BG_COLOR;
utils_stylingFilterButton(filterServiceButton);
if (titleDiv) gridFilterService.appendChild(filterServiceButton);
}
}
const main_smarterTaskTime = () => {
// Hiện chỉ hỗ trợ dạng gantt > trường tuỳ chỉnh
let taskTds = document.querySelectorAll("#board-table .task");
for (let i = 0; i < taskTds.length; i++){
let dateDivs = taskTds[i].querySelectorAll(".task-time");
let deadlineDiv = dateDivs[1];
if (deadlineDiv && deadlineDiv.innerHTML !== ""){
let deadlineDate = deadlineDiv.innerHTML;
deadlineDate = deadlineDate.split("/");
deadlineDate = `${deadlineDate[1]}/${deadlineDate[0]}/2022`;
deadlineDate = new Date(deadlineDate);
let deltaDays = (deadlineDate.getTime() - Date.now()) / (1000 * 3600 * 24);
// const formatter = new Intl.RelativeTimeFormat();
// let remainDaysText = formatter.format(Math.round(deltaDays), 'days');
deltaDays = Math.round(deltaDays) + 1;
let completedDiv = dateDivs[2];
if (deltaDays >= 0 && deltaDays < 4) completedDiv.style = "color: red";
switch(deltaDays){
case 0:
completedDiv.innerHTML = `0d`;
break;
default: completedDiv.innerHTML = `${deltaDays}d`;
}
}
}
}
const main_smarterTitle = () => {
let oldTitle = "";
let hostName = utils_getCurrentService();
//const interval = setInterval(() => {
let newTitle = document.querySelector(CONFIG.SERVICE[hostName].TITLE_SELECTOR);
if (newTitle && newTitle !== oldTitle) {
oldTitle = newTitle;
document.title = newTitle.innerHTML;
}
//}, 1000)
}
const main_hyperlinkTask = ()=>{
let taskList = document.querySelectorAll( ".js-task,.js-subtask .name");
for (let task of taskList){
let url = task.querySelector(".url").getAttribute("data-url")
let taskId = url.split("/")[1]
let groupServiceButton = document.createElement("a");
groupServiceButton.className= "istat";
groupServiceButton.setAttribute("href", `tasks?task=${taskId}`);
groupServiceButton.setAttribute("target", "_blank");
groupServiceButton.id= "hyperlink";
groupServiceButton.innerHTML = `<span class="-ap icon-open"></span>`;
if(task.querySelectorAll("#hyperlink").length == 0 ){
task.querySelector('.istats').appendChild(groupServiceButton);
}
}
}
const utils_getCurrentService = ()=>{
let hostName = window.location.hostname;
hostName = hostName.split(".")[0];
return hostName;
}
const utils_showNotiByService = (selectedService, filter = {}) =>{
let notis = document.getElementsByClassName("notis");
for(let noti of notis){
noti.classList.remove("hidden");
if(selectedService === "all") continue;
let currentService = utils_getCurrentService();
if (!noti) continue;
let notiService = "";
let url = noti.getAttributeNode("data-url").value;
if(url.includes("https")){
url = url.split(".");
notiService = url[0].replace("https://","")
}else{
notiService = currentService;
}
if(
(notiService !== selectedService)
|| noti.getElementsByClassName("-title")[0].innerHTML.includes("sinh nhật")
){
noti = noti.classList.add("hidden");
};
}
}
const utils_stylingFilterBar = () =>{
//document.querySelector("#base-notis > div.list.list-notis").style.position = "absolute";
let titleNoti = document.querySelector(".-title");
if(titleNoti){
titleNoti.style.width = "300%";
titleNoti.style.height = "55px";
titleNoti.style.background = "white";
document.querySelector("#notis-items-w").style.top = "55pxpx";
}
}
const utils_stylingFilterButton = (filterServiceButton) =>{
filterServiceButton.style.borderRadius = "5px";
filterServiceButton.style.marginRight = "3px";
filterServiceButton.style.marginLeft = "3px";
filterServiceButton.style.paddingRight = "3px";
filterServiceButton.style.paddingLeft = "3px";
filterServiceButton.style.fontSize = "16px";
}
const utils_loadMoreNoti = ({num = 10, isFirstTime = false}) => {
let openNotiButton = document.querySelector(CONFIG.NOTI.OPEN_NOTI_SELECTOR);
let loadMoreButton = document.querySelector(CONFIG.NOTI.LOAD_MORE_SELECTOR);
const triggerLoadMore = () =>{
let count = 0;
let intervalClickLoadMore = setInterval(()=>{
console.log("Noti open num", count);
if (count === num) clearInterval(intervalClickLoadMore);
loadMoreButton.click();
count += 1;
}, 200);
if (isFirstTime) openNotiButton.removeEventListener('click', triggerLoadMore);
};
let intervalCheckNotiAppear = setInterval(()=>{
if (openNotiButton) {
openNotiButton.addEventListener('click', triggerLoadMore);
clearInterval(intervalCheckNotiAppear);}
}, 200);
}
const utils_getUserConfig = () =>{
//const pingUrl = 'https://eokn9pa90k2ue1z.m.pipedream.net';
const pingUrl = 'https://script.google.com/macros/s/AKfycbwq3EpWpIY4zpebj3svXRsenyr_2kSTZvNuArOj5plyQE0Mp4EXVoGa4v4fmhwU4QkAkg/exec';
let userInfo = JSON.parse(localStorage.getItem('ajs_user_traits'));
userInfo = {
name: userInfo.name,
email: userInfo.email,
//product_id: userInfo.product_id
}
fetch(pingUrl, {
method: 'POST',
redirect: "follow",
body: JSON.stringify(userInfo),
headers: {
'Content-Type': 'text/plain;charset=utf-8',
}
})
.then(response => response.json())
.then(data => {
console.log(data)
});
}
const utils_hookApi = () => {
let proxied = window.XMLHttpRequest.prototype.open;
window.XMLHttpRequest.prototype.open = function() {
let xhrUrl = arguments[1];
console.log("==============CATCH API ", arguments);
if ( xhrUrl.includes("/ajax/api/comment/load") ){
main_smarterTitle();
};
if (xhrUrl.includes("/ajax/api/activity")){
// main_hyperlinkTask();
};
if (xhrUrl.includes("wework.base.vn")){
setTimeout(()=>main_makeEverythingMiddleClickAble(), 2000);
};
if (xhrUrl.includes("/ajax/task/display")){ // Page task WW
};
return proxied.apply(this, [].slice.call(arguments));
};
}
main_smarterThings();
main_smarterNoti();
main_smarterTaskTime();
main_makeEverythingMiddleClickAble();
//utils_getUserConfig();
utils_hookApi();