42 lines
1.6 KiB
JavaScript
42 lines
1.6 KiB
JavaScript
/** Section: Functions related to the Golden Cookie Timers */
|
|
|
|
import { CMOptions } from '../../Config/VariablesAndData';
|
|
import { GCTimers } from '../VariablesAndData';
|
|
|
|
/**
|
|
* This function creates a new Golden Cookie Timer and appends it CM.Disp.GCTimers based on the id of the cookie
|
|
* @param {object} cookie A Golden Cookie object
|
|
*/
|
|
export default function CreateGCTimer(cookie) {
|
|
const GCTimer = document.createElement('div');
|
|
GCTimer.id = `GCTimer${cookie.id}`;
|
|
GCTimer.style.width = '96px';
|
|
GCTimer.style.height = '96px';
|
|
GCTimer.style.position = 'absolute';
|
|
GCTimer.style.zIndex = '10000000001';
|
|
GCTimer.style.textAlign = 'center';
|
|
GCTimer.style.lineHeight = '96px';
|
|
GCTimer.style.fontFamily = '"Kavoon", Georgia, serif';
|
|
GCTimer.style.fontSize = '35px';
|
|
GCTimer.style.cursor = 'pointer';
|
|
GCTimer.style.display = 'block';
|
|
GCTimer.style.pointerEvents = 'none';
|
|
if (CMOptions.GCTimer === 0) GCTimer.style.display = 'none';
|
|
GCTimer.style.left = cookie.l.style.left;
|
|
GCTimer.style.top = cookie.l.style.top;
|
|
GCTimer.onclick = function () {
|
|
cookie.pop();
|
|
};
|
|
GCTimer.onmouseover = function () {
|
|
cookie.l.style.filter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; // eslint-disable-line no-param-reassign
|
|
cookie.l.style.webkitFilter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; // eslint-disable-line no-param-reassign
|
|
};
|
|
GCTimer.onmouseout = function () {
|
|
cookie.l.style.filter = ''; // eslint-disable-line no-param-reassign
|
|
cookie.l.style.webkitFilter = ''; // eslint-disable-line no-param-reassign
|
|
};
|
|
|
|
GCTimers[cookie.id] = GCTimer;
|
|
l('shimmers').appendChild(GCTimer);
|
|
}
|