Skip to content

Instantly share code, notes, and snippets.

@lrakai

lrakai/pulse-lab

Last active January 20, 2022 22:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lrakai/b21d523e6c09831350f7bffd7dede0cf to your computer and use it in GitHub Desktop.
Save lrakai/b21d523e6c09831350f7bffd7dede0cf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pulse-lab
// ==UserScript==
// @name Pulse Lab
// @namespace http://tampermonkey.net/
// @version 0.2
// @description Provide links to open in admin
// @author You
// @match https://*.cloudacademy.com/*
// @grant GM_setClipboard
// @grant window.focus
// @require https://code.jquery.com/jquery-3.6.0.min.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js
// @downloadURL https://gist.githubusercontent.com/lrakai/e0c3fba33305ff1f5d5969dc878623fd/raw/pulse-lab
// @updateURL https://gist.githubusercontent.com/lrakai/e0c3fba33305ff1f5d5969dc878623fd/raw/pulse-lab
// @run-at document-idle
// ==/UserScript==
(function() {
'use strict';
const pulse_icon_html = '<svg width="50px" height="12.5px" viewBox="0 0 100 25" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 0C5.6 0 0 5.6 0 12.5S5.6 25 12.5 25 25 19.4 25 12.5 19.4 0 12.5 0zm0 22.5c-5.525 0-10-4.475-10-10s4.475-10 10-10 10 4.475 10 10-4.475 10-10 10zm6.25-10a6.25 6.25 0 11-12.5 0 6.25 6.25 0 0112.5 0z" fill="#FFFFFF"></path><path d="M33.75 19.793h2.954v-4.731h2.484c3.213 0 5.083-2.003 5.083-4.917 0-2.9-1.836-4.945-5.008-4.945H33.75v14.593zm2.954-7.204V7.722h1.992c1.706 0 2.532.97 2.532 2.423 0 1.446-.826 2.444-2.518 2.444h-2.006zM56.536 5.2v9.213c0 1.668-1.12 2.872-2.839 2.872-1.712 0-2.838-1.204-2.838-2.872V5.2h-2.954v9.477c0 3.192 2.306 5.323 5.792 5.323 3.473 0 5.793-2.13 5.793-5.323V5.2h-2.954zM63.636 19.793h7.254l1.69-2.544h-5.99V5.2h-2.954v14.594zM83.832 9.397h2.832C86.623 6.796 84.576 5 81.464 5c-3.063 0-5.307 1.767-5.293 4.418-.007 2.152 1.446 3.385 3.806 3.976l1.522.4c1.522.384 2.368.84 2.374 1.824-.007 1.068-.975 1.795-2.476 1.795-1.535 0-2.64-.74-2.736-2.202h-2.859C75.877 18.368 78.04 20 81.431 20c3.411 0 5.417-1.703 5.424-4.375-.007-2.43-1.76-3.72-4.19-4.29l-1.255-.314c-1.214-.292-2.23-.762-2.21-1.81 0-.94.798-1.631 2.244-1.631 1.413 0 2.28.67 2.388 1.817zM90.557 19.793H100V17.25h-6.488v-3.484h4.738V11.22h-4.738V7.743h4.738L99.973 5.2h-9.416v14.593z" fill="#FFFFFF"></path></svg>';
const breadcrumb_library_selector = "li[data-cy='training-library-bc']";
const page_title_selector = "#lab-page-title";
const challenge_icon_selector = "div[name='labContent'] > div[type='lab'] > div > span";
const lab_description_selector = "div[name='entityDescription'] > div > div[type='lab'] > div > div";
const challenge_description_selector = "div[name='entityDescription'] > div > div[type='lab'] > div:nth-child(2) > div";
const pulse_id = "pulse-lab";
const pulse_selector = `#${pulse_id}`;
const pulse_url = "https://cloudacademy.pulse.so/streams/e64f63f6-a096-4cc6-9c35-e236b9b91b41/";
const link_style = "color:#00ffc6;font-size:12px";
let pulse_clicked = false;
waitForKeyElements(page_title_selector, pulse_lab);
window.addEventListener('load', pulse_lab, false);
function pulse_lab() {
const pathElements = window.location.pathname.split('/').filter(e => e);
if (!(pathElements.includes("lab") || pathElements.includes("lab-challenge")) || pathElements.length > 2) {
return;
}
const title_element = document.querySelector(page_title_selector);
if (!title_element) {
return;
}
const link = location.href.replace(location.search, '');
if(pathElements.includes("lab-challenge")) {
const title = `New Lab Challenge: ${title_element.textContent}`;
const challenge_icon_element = document.querySelector(challenge_icon_selector);
if (!challenge_icon_element || challenge_icon_element.parentElement.querySelector(pulse_selector)) {
return;
}
challenge_icon_element.insertAdjacentHTML('afterEnd', `<span id=${pulse_id} style="padding-left: 5px;">${pulse_icon_html}</span>`);
const challenge_description_element = document.querySelector(challenge_description_selector);
const overview_paragraph = challenge_description_element.querySelector('p:first-child').innerText;
const learning_objectives_heading = Array.from(challenge_description_element.parentElement.parentElement.parentElement.parentElement.parentElement.querySelectorAll('h4')).find(el => el.textContent.toLowerCase() === 'what will be assessed');
let sibling = learning_objectives_heading.nextElementSibling;
let learning_objectives = "";
while (sibling) {
learning_objectives += sibling.outerHTML;
sibling = sibling.nextElementSibling;
}
const body = `A new lab challenge has been published.<br />
${overview_paragraph}
${learning_objectives_heading.outerHTML}
${learning_objectives}
${link}
`;
const pulse_element = challenge_icon_element.parentElement.querySelector(pulse_selector);
pulse_element.onclick = function() { copy_title(pulse_element, title, body); };
} else {
const title = `New Lab: ${title_element.textContent}`;
const lab_description_element = document.querySelector(lab_description_selector);
const breadcrumb_library_element = document.querySelector(breadcrumb_library_selector);
if (!breadcrumb_library_element || breadcrumb_library_element.parentElement.querySelector(pulse_selector)) {
return;
}
const overview_paragraph = lab_description_element.querySelector('p:first-child').innerText;
const learning_objectives_heading = Array.from(lab_description_element.querySelectorAll('h3')).find(el => el.textContent.toLowerCase() === 'learning objectives');
let sibling = learning_objectives_heading.nextElementSibling;
let learning_objectives = "";
while (sibling.tagName !== "H3") {
learning_objectives += sibling.outerHTML;
sibling = sibling.nextElementSibling;
}
const body = `A new lab has been published.<br />
${overview_paragraph}
${learning_objectives_heading.outerHTML}
${learning_objectives}
${link}
`;
breadcrumb_library_element.insertAdjacentHTML('beforeEnd', `<span id=${pulse_id} style="padding-left: 5px;">${pulse_icon_html}</span>`);
const pulse_element = breadcrumb_library_element.parentElement.querySelector(pulse_selector);
pulse_element.onclick = function() { copy_title(pulse_element, title, body); };
}
}
function copy_title(element, title, body) {
window.focus();
navigator.permissions.query({name: "clipboard-write"}).then(result => {
if (result.state == "granted" || result.state == "prompt") {
window.focus();
navigator.clipboard.writeText(title).then(
function () {
console.log("Successfully wrote title to clipboard.");
},
function (error) {
console.log(error);
console.log("Failed to write title to clipboard.");
}
);
if (!pulse_clicked) {
pulse_clicked = true;
window.open(pulse_url, "_blank");
}
}
});
if (!pulse_clicked) {
element.insertAdjacentHTML('AfterEnd', `<span style="padding-left: 5px; font-size: 14px; color: white; text-decoration: underline;">Copy pulse body</span>`);
element.nextElementSibling.onclick = function() { copy_pulse_body(title, body) };
}
}
function copy_pulse_body(title, body) {
navigator.permissions.query({name: "clipboard-write"}).then(result => {
if (result.state == "granted" || result.state == "prompt") {
const type = "text/html";
const blob = new Blob([body], { type });
const data = [new ClipboardItem({ [type]: blob })];
navigator.clipboard.write(data).then(
function () {
console.log("Successfully wrote body to clipboard.");
},
function (error) {
console.log(error);
console.log("Failed to write body to clipboard.");
}
);
}
});
}
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment