Skip to content

Commit

Permalink
Feature/challange counter popup (#114)
Browse files Browse the repository at this point in the history
  • Loading branch information
@AlterTobi
AlterTobi authored Nov 8, 2024
1 parent 96a5507 commit bae25a8
Showing 1 changed file with 236 additions and 1 deletion.
237 changes: 236 additions & 1 deletion no_support/wfes-editChallengeCounter.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
// @name Edit Challenge Counter
// @version 1.0.3
// @version 1.0.4
// @description Count Edit Contributions for the 2024 Wayfarer Edit Challenge
// @author AlterTobi

Expand All @@ -14,6 +14,7 @@
padding-top: 0.3em;
text-align: center;
display: block;
cursor: pointer;
}
.dark .wfesEdChCo {
color: #ddd;
Expand All @@ -25,6 +26,111 @@
.wfesEdChCoSmall {
font-size: smaller;
}
.wfesEdChCo-bg {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0,0,0,0.5);
z-index: 100000;
}
.wfesEdChCo-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
overflow: auto;
background-color: #fff;
padding: 1em;
max-width: 95vw;
}
.dark .wfesEdChCo-popup {
background-color: #333;
}
.wfesEdChCo-popup h1 {
margin-bottom: 20px;
float: left;
font-size: 1.75rem;
}
.wfesEdChCo-close {
z-index: 2;
font-size: 2em;
cursor: pointer;
opacity: 0.5;
float: right;
margin-left: 14px;
}
.wfesEdChCo-close:hover {
opacity: 1;
}
.wfesEdChCo-close {
z-index: 2;
font-size: 2em;
cursor: pointer;
opacity: 0.5;
float: right;
margin-left: 14px;
}
.wfesEdChCo-close:hover {
opacity: 1;
}
.wfesEdChCo-box {
height: calc(100% - 60px);
display: flex;
background-color: #ddd;
clear: both;
}
.dark .wfesEdChCo-box {
background-color: #222;
}
.wfesEdChCo-box > table {
margin: auto;
width: 100%;
border: 1px;
border-color: black;
}
.wfesEdChCo-box th, td {
padding: 8px 12px; /* Abstand innerhalb der Zellen */
text-align: right; /* Rechtsbündige Ausrichtung der Inhalte */
}
.wfesEdChCo-box th {
background-color: #eee;
border-color: #000;
}
.wfesEdChCo-box td {
background-color: #fff;
border-color: #000;
}
.wfesEdChCo-box tr#total th,
.wfesEdChCo-box tr#total td {
background-color: #eee;
font-weight: bold;
}
.dark .wfesEdChCo-box th,
.dark .wfesEdChCo-box td {
background-color: #333;
border-color: #eee;
}
.dark .wfesEdChCo-box tr#total th,
.dark .wfesEdChCo-box tr#total td {
background-color: #444;
font-weight: bold;
}
.wfesEdChCo-box tr#empty > th,
.wfesEdChCo-box tr#empty > td {
background-color: #eee;
font-weight: bold;
}
.dark .wfesEdChCo-box tr#empty > th,
.dark .wfesEdChCo-box tr#empty > td {
background-color: #000;
}
.wfesEdChCo-box td#alltotal {
color: #20B8E3;
font-size: x-large;
}
`;

const buttonID = "wfesECCButton";
Expand All @@ -33,6 +139,134 @@
const START_DATE = "2024-10-30";
const END_DATE = "2024-11-13";
const TYPES = ["PHOTO", "EDIT_TITLE", "EDIT_DESCRIPTION", "EDIT_LOCATION"]; // Typen, die berücksichtigt werden sollen
const TYPE_LABELS = {
"PHOTO": "Photo",
"EDIT_TITLE": "Title",
"EDIT_DESCRIPTION": "Description",
"EDIT_LOCATION": "Location"
};
const STATUSES = ["NOMINATED", "VOTING", "NIANTIC_REVIEW", "ACCEPTED", "REJECTED", "WITHDRAWN"]; // Erwartete Statuswerte
const STATUS_LABELS = {
"NOMINATED": "Nominated",
"VOTING": "Voting",
"NIANTIC_REVIEW": "Niantic",
"ACCEPTED": "Accepted",
"REJECTED": "Rejected",
"WITHDRAWN": "Withdrawn"
};
// Funktion zur erweiterten Zählung nach Typ und Status
function countContributionsExtended(contributions) {
// Zweidimensionales Array für die Zählung initialisieren
const counts = {};
TYPES.forEach(type => {
counts[type] = {};
STATUSES.forEach(status => {
counts[type][status] = 0;
});
});

// Zählprozess mit Überprüfung von Typ und Status
const startDate = new Date(START_DATE);
const endDate = new Date(END_DATE);

contributions.forEach(item => {
const itemDate = new Date(item.day);

if (itemDate >= startDate && itemDate <= endDate && TYPES.includes(item.type)) {
if (STATUSES.includes(item.status)) {
counts[item.type][item.status]++;
} else {
console.log("Unbekannter Status:", item.status, "bei ID:", item.id);
}
}
});

return counts;
}

// Modalbox für Ausgabe der erweiterten Statistik
// Idea and (parts of) code taken from https://github.com/tehstone/wayfarer-addons/raw/main/wayfarer-ticket-saver.user.js
function showCounterModal() {
// Funktion zur Umwandlung des Zähl-Arrays in eine HTML-Tabelle
function generateHTMLTable(counts) {
let html = "<table>";

// Tabellenkopf für Typen
html += "<tr><th>&nbsp;</th>";
TYPES.forEach(type => {
const label = TYPE_LABELS[type] || type; // Verwende Übersetzung oder Originalnamen als Fallback
html += `<th>${label}</th>`;
});
html += "<th></th><th>TOTAL</th></tr>";

// Tabellenzeilen für jeden Status
STATUSES.forEach(status => {
const label = STATUS_LABELS[status] || status; // Verwende Übersetzung oder Originalnamen als Fallback
let rowtotal = 0;
html += `<tr><th>${label}</th>`;
TYPES.forEach(type => {
rowtotal += counts[type][status];
html += `<td>${counts[type][status]}</td>`;
});
html += `<td></td><th>${rowtotal}</th>`;
html += "</tr>";
});

// Leerzeile hinzufügen
html += `<tr id="empty"><th></th>${TYPES.map(() => "<td></td>").join("")}<td></td><td></td></tr>`;

html += '<tr id="total"><th>TOTAL</th>';

let alltotal = 0;
TYPES.forEach(type => {
let typeTotal = 0;
STATUSES.forEach(status => {
typeTotal += counts[type][status];
});
html += `<td>${typeTotal}</td>`;
alltotal += typeTotal;
});
html += `<td></td><td id="alltotal">${alltotal}</td></tr></table>`;

return html;
}

const outer = document.createElement("div");
outer.classList.add("wfesEdChCo-bg");
document.querySelector("body").appendChild(outer);

const inner = document.createElement("div");
inner.classList.add("wfesEdChCo-popup");
outer.appendChild(inner);

const header = document.createElement("h1");
header.textContent = "2024 Edit Challenge Statistics";
inner.appendChild(header);

const closeBtn = document.createElement("div");
closeBtn.textContent = "❌";
closeBtn.title = "Close";
closeBtn.classList.add("wfesEdChCo-close");
closeBtn.addEventListener("click", () => {
outer.remove();
});
inner.appendChild(closeBtn);

// contributions holen
const contributions = window.wfes.g.nominationsList();

// zählen
const resultCounts = countContributionsExtended(contributions);
const htmlTable = generateHTMLTable(resultCounts);

const box = document.createElement("div");
box.classList.add("wfesEdChCo-box");
box.innerHTML = htmlTable;
inner.appendChild(box);

}

// /Modalbox

// Funktion zur Zählung der Objekte
function countContributions(contributions) {
Expand Down Expand Up @@ -70,6 +304,7 @@
const div = document.createElement("div");
div.className = "wfesEdChCo";
div.id = buttonID;
div.addEventListener("click", showCounterModal);

const headerEl = document.createElement("p");
headerEl.innerText = header;
Expand Down

0 comments on commit bae25a8

Please sign in to comment.