☰

EZ-Blurb

EZ-Blurb will save your time with frequently used blurbs.

目前为 2024-12-26 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         EZ-Blurb
  3. // @namespace    http://tampermonkey.net/
  4. // @version      V0.2
  5. // @description  EZ-Blurb will save your time with frequently used blurbs.
  6. // @author       Amin Ahmadizadeh
  7. // @match        https://omnia.it.a2z.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=a2z.com
  9. // @grant        none
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     cardNumbers = 0
  15.     let cardsObjects = []
  16.     let blurbs = []
  17.     'use strict';
  18.     setTimeout(start,10000)
  19.     class Card{
  20.         constructor(card){
  21.             this.card = card
  22.             this.customerName = card.children[0].innerText.split(' ')[0]
  23.             this.card.loaded = true
  24.             this.blurbDiv = document.createElement("div")
  25.             this.blurbDiv.style.marginTop = '-10px'
  26.             this.card.appendChild(this.blurbDiv)
  27.             this.addButtons()
  28.         }
  29.  
  30.         addButtons(){
  31.             if (blurbs.length > 0)
  32.                 blurbs.forEach((blurb)=>{
  33.                     this.addButton(blurb.symb, blurb.tooltip, blurb.text, blurb.backColor, blurb.textColor)
  34.             })
  35.         }
  36.         sendMessage(text){
  37.             let chatText = document.querySelector("textarea[data-node-id='ccp-chat-composer-editor']")
  38.             if (chatText)
  39.                 chatText.value = text
  40.             alert("No chat text found:\n" + text)
  41.         }
  42.         addButton(symb,tooltip,text,backColor,textColor){
  43.             var div = document.createElement("SPAN")
  44.             
  45.             div.innerText = symb
  46.             div.style.display = 'inline-block'
  47.             div.style.padding = '0px 5px'
  48.             div.style.borderRadius = "10px"
  49.             div.style.margin = "1px"
  50.             div.style.backgroundColor = backColor
  51.             div.style.color = textColor
  52.             div.title = tooltip
  53.             this.blurbDiv.appendChild(div)
  54.             div.addEventListener('click',()=>{this.sendMessage(this.compileText(text))})
  55.             div.addEventListener('mouseover',()=>{
  56.                 div.style.backgroundColor = 'red'
  57.             })
  58.             div.addEventListener('mouseout',()=>{
  59.                 div.style.backgroundColor = backColor
  60.                 div.style.color = textColor
  61.                 div.style.padding = '0px 5px'
  62.                 div.innerHTML = symb
  63.             })
  64.         }
  65.         
  66.         compileText(text){
  67.             return text.replace("$customer$", this.customerName)
  68.         }
  69.     }
  70.  
  71.     class Blurb{
  72.         constructor(symb, tooltip, text, backColor, textColor){
  73.             this.symb = symb
  74.             this.tooltip = tooltip
  75.             this.text = text
  76.             this.backColor = backColor
  77.             this.textColor = textColor
  78.         }
  79.     }
  80.  
  81.     function readBlurbs(){
  82.         console.log("Reading blurbs...")
  83.         savedBlurbs =  localStorage.getItem('EZBlurbs')
  84.         const inputBtn = document.createElement("input")
  85.         inputBtn.type= "file"
  86.         inputBtn.multiple = false
  87.         inputBtn.style.display = 'None'
  88.         inputBtn.addEventListener('change',(event)=>{
  89.             const file = event.target.files[0]
  90.             if (file) {
  91.                 const reader = new FileReader();
  92.                 reader.onload = function(e) {
  93.                     blurbsJSON = JSON.parse(e.target.result)
  94.                     makeBlurbs(blurbsJSON.Blurbs, true)
  95.                 };
  96.                 reader.readAsText(file);
  97.             }
  98.         })
  99.         const btn = document.createElement("input")
  100.         btn.type = 'button'
  101.         btn.className = 'awsui-button awsui-button-variant-normal awsui-hover-child-icons'
  102.         btn.value= "Load EZ-Blurbs"
  103.         btn.addEventListener('click',()=>{
  104.             inputBtn.click()
  105.         })
  106.         document.getElementsByClassName("omnia-ui-tabtools")[0].appendChild(btn)
  107.         if ( savedBlurbs ) {
  108.             console.log ('Blurbs found:', localStorage.getItem("EZBlurbs"))
  109.             makeBlurbs(JSON.parse(localStorage.getItem("EZBlurbs")), false)        
  110.         }
  111.     }
  112.  
  113.     function makeBlurbs(blurbsJSON, save) {
  114.         for (i=0; i< blurbsJSON.length; i++){
  115.             let blurbJSON = blurbsJSON[i]
  116.             symb = blurbJSON.symbol
  117.             tooltip = blurbJSON.tooltip
  118.             text = blurbJSON.text
  119.             backColor = blurbJSON.backColor
  120.             textColor = blurbJSON.textColor
  121.             blurbs.push(new Blurb(symb,tooltip,text,backColor, textColor))
  122.             if (save)
  123.                 localStorage.setItem("EZBlurbs", JSON.stringify(blurbsJSON))
  124.             }
  125.     }
  126.  
  127.     function extractCards (mainContainer){
  128.         cardsDivs = mainContainer.children[1].firstChild.firstChild.children
  129.         cardsDivs = [...cardsDivs]
  130.         return cardsDivs
  131.     }
  132.  
  133.     function start(){
  134.         console.log("EZBlurbs V0.1 started.")
  135.         readBlurbs()
  136.         var observer = new MutationObserver(function (mutations){
  137.             const mainContainer = document.querySelector('.contact-queue-card-list-all-contacts')
  138.             if (mainContainer) {
  139.                 console.log("Observig Contacts...")
  140.                 observer.observe(mainContainer,{
  141.                     childList: true,
  142.                     subtree: true,
  143.                     })
  144.                 let cards = extractCards(mainContainer)
  145.                 cards.forEach(card => { 
  146.                     if (!card.loaded){
  147.                         if (card.children.length != 0)
  148.                             cardsObjects.push(new Card(card))
  149.                     }
  150.                 })
  151.             }
  152.         })
  153.         const cqcl=document.querySelector('#contact-queue-card-list')
  154.         observer.observe(cqcl,{
  155.                             childList: true,
  156.                             subtree: true,
  157.                         })
  158.     }
  159. })();