import
This commit is contained in:
commit
5c55b6f921
5 changed files with 275 additions and 0 deletions
19
directory.css
Normal file
19
directory.css
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
#_kfrombi_columns_slider{display: inline-block; vertical-align: middle;}
|
||||||
|
|
||||||
|
#_kfrombi_trombi { display: grid; grid-row-gap: 2em; font-size: 1.2em; text-align: center; }
|
||||||
|
|
||||||
|
._kfrombi_trombi_3 { grid-template-columns: repeat(3, 1fr); }
|
||||||
|
._kfrombi_trombi_4 { grid-template-columns: repeat(4, 1fr); }
|
||||||
|
._kfrombi_trombi_5 { grid-template-columns: repeat(5, 1fr); }
|
||||||
|
._kfrombi_trombi_6 { grid-template-columns: repeat(6, 1fr); }
|
||||||
|
._kfrombi_trombi_7 { grid-template-columns: repeat(7, 1fr); }
|
||||||
|
._kfrombi_trombi_8 { grid-template-columns: repeat(8, 1fr); }
|
||||||
|
|
||||||
|
.hidden { display: none; }
|
||||||
|
._kfrombi_trombi_img {
|
||||||
|
filter: grayscale(100%) contrast(150%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
.headerHeading, #idPageNavi {display: none;}
|
||||||
|
}
|
||||||
111
directory.js
Normal file
111
directory.js
Normal file
|
|
@ -0,0 +1,111 @@
|
||||||
|
const C = document.createElement;
|
||||||
|
// const G = document.getElementById;
|
||||||
|
|
||||||
|
const ordNrRegex = /.*pOrgNr=([0-9]+).*/gm;
|
||||||
|
const personalIDRegex = /.*pStPersonNr=([0-9]+).*/gm;
|
||||||
|
|
||||||
|
function appendLink() {
|
||||||
|
if (document.getElementById("_kfrombi_row")) return;
|
||||||
|
|
||||||
|
var row_header = document.createElement("th");
|
||||||
|
row_header.textContent = "Trombi";
|
||||||
|
|
||||||
|
var link = document.createElement("a");
|
||||||
|
link.textContent = "Toggle";
|
||||||
|
link.href="#";
|
||||||
|
link.addEventListener("click", toggleTrombi);
|
||||||
|
|
||||||
|
var slider = document.createElement("input");
|
||||||
|
slider.id = "_kfrombi_columns_slider";
|
||||||
|
slider.type = "range";
|
||||||
|
slider.value = 5;
|
||||||
|
slider.min = 3;
|
||||||
|
slider.max = 8;
|
||||||
|
|
||||||
|
var column_nr = document.createElement("span");
|
||||||
|
column_nr.id = "_kfrombi_column_nr";
|
||||||
|
column_nr.textContent = slider.value;
|
||||||
|
var column_label = document.createElement("span");
|
||||||
|
column_label.textContent = " columns";
|
||||||
|
|
||||||
|
slider.addEventListener("input", (event) => {
|
||||||
|
column_nr.textContent = slider.value;
|
||||||
|
const trombi = document.getElementById("_kfrombi_trombi");
|
||||||
|
trombi.classList.remove( "_kfrombi_trombi_3", "_kfrombi_trombi_4", "_kfrombi_trombi_5", "_kfrombi_trombi_6", "_kfrombi_trombi_7", "_kfrombi_trombi_8" );
|
||||||
|
trombi.classList.add(`_kfrombi_trombi_${slider.value}`);
|
||||||
|
})
|
||||||
|
|
||||||
|
var row_links = document.createElement("td");
|
||||||
|
row_links.append(link, slider, column_nr, column_label);
|
||||||
|
|
||||||
|
var tr = document.createElement("tr");
|
||||||
|
tr.classList.add("coNavdocument.getElementByIdroup");
|
||||||
|
tr.append(row_header, row_links);
|
||||||
|
tr.id = "_kfrombi_row";
|
||||||
|
|
||||||
|
const nav = document.getElementById("idPageNavi");
|
||||||
|
nav.tBodies[0].append(tr);
|
||||||
|
}
|
||||||
|
|
||||||
|
function extractIDs(url) {
|
||||||
|
return {
|
||||||
|
org: url.replace(ordNrRegex, "$1"),
|
||||||
|
perso: url.replace(personalIDRegex, "$1"),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateCard(student, col) {
|
||||||
|
const url = `https://online.uni-graz.at/kfu_online/pl/ui/$ctx/wbstudkart.wbShowImage?pOrgNr=${student.ids.org}&pStPersonNr=${student.ids.perso}&pType=U`
|
||||||
|
|
||||||
|
const d = document.createElement("div");
|
||||||
|
d.style.gridColumn = "auto";
|
||||||
|
|
||||||
|
const img = document.createElement("img");
|
||||||
|
img.classList.add("_kfrombi_trombi_img");
|
||||||
|
img.src = url;
|
||||||
|
|
||||||
|
const name_div = document.createElement("div");
|
||||||
|
name_div.textContent = `${student.firstname} ${student.lastname}`;
|
||||||
|
|
||||||
|
d.append(img, name_div);
|
||||||
|
return d;
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleTrombi() {
|
||||||
|
const trombi = document.getElementById("_kfrombi_trombi");
|
||||||
|
const form = document.getElementById("idTNListe");
|
||||||
|
trombi.classList.toggle("hidden");
|
||||||
|
form.classList.toggle("hidden");
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateTrombi() {
|
||||||
|
var trombi = document.getElementById("_kfrombi_trombi");
|
||||||
|
if (trombi) { trombi.remove(); }
|
||||||
|
const slider = document.getElementById("_kfrombi_columns_slider");
|
||||||
|
trombi = document.createElement("div");
|
||||||
|
trombi.id = "_kfrombi_trombi";
|
||||||
|
trombi.classList.add("hidden");
|
||||||
|
trombi.classList.add(`_kfrombi_trombi_${slider.value}`);
|
||||||
|
const form = document.getElementById("idTNListe");
|
||||||
|
|
||||||
|
const table_body = document.getElementById("idTNVWTable").tBodies[0];
|
||||||
|
|
||||||
|
const student_list = [];
|
||||||
|
for (let row of table_body.children) {
|
||||||
|
student_list.push({
|
||||||
|
lastname: row.children[1].textContent,
|
||||||
|
firstname: row.children[2].textContent,
|
||||||
|
ids: extractIDs(row.children[1].children[1].href)
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
|
student_list.forEach((student, idx) => {
|
||||||
|
trombi.append(generateCard(student, 1 + idx % 5));
|
||||||
|
});
|
||||||
|
|
||||||
|
form.after(trombi);
|
||||||
|
}
|
||||||
|
|
||||||
|
appendLink();
|
||||||
|
generateTrombi();
|
||||||
|
|
||||||
BIN
icons/icon-48.png
Normal file
BIN
icons/icon-48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
119
icons/icon.svg
Normal file
119
icons/icon.svg
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="48"
|
||||||
|
height="48"
|
||||||
|
viewBox="0 0 12.7 12.7"
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||||
|
sodipodi:docname="border.svg"
|
||||||
|
inkscape:export-filename="icon-48.png"
|
||||||
|
inkscape:export-xdpi="96"
|
||||||
|
inkscape:export-ydpi="96"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="namedview1"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#000000"
|
||||||
|
borderopacity="0.25"
|
||||||
|
inkscape:showpageshadow="2"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#d1d1d1"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:zoom="1.0770412"
|
||||||
|
inkscape:cx="238.61667"
|
||||||
|
inkscape:cy="131.37844"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1413"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="27"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs1">
|
||||||
|
<rect
|
||||||
|
x="0"
|
||||||
|
y="32.474262"
|
||||||
|
width="45.281854"
|
||||||
|
height="12.678828"
|
||||||
|
id="rect1" />
|
||||||
|
</defs>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1">
|
||||||
|
<text
|
||||||
|
xml:space="preserve"
|
||||||
|
transform="matrix(0.2907302,0,0,0.2907302,1.2586092,-0.4136854)"
|
||||||
|
id="text1"
|
||||||
|
style="font-size:8px;font-family:tex;-inkscape-font-specification:tex;white-space:pre;shape-inside:url(#rect1);display:inline;fill:#000000;stroke-width:0.755906;stroke-linecap:round;stroke-linejoin:round"><tspan
|
||||||
|
x="0"
|
||||||
|
y="39.753611"
|
||||||
|
id="tspan2">KFRombi</tspan></text>
|
||||||
|
<ellipse
|
||||||
|
style="fill:#000000;stroke-width:0.266185;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path1"
|
||||||
|
cx="6.6160941"
|
||||||
|
cy="5.2686148"
|
||||||
|
rx="3.5493381"
|
||||||
|
ry="3.8652532" />
|
||||||
|
<path
|
||||||
|
sodipodi:type="star"
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path2"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
sodipodi:sides="8"
|
||||||
|
sodipodi:cx="5.4926267"
|
||||||
|
sodipodi:cy="5.0868015"
|
||||||
|
sodipodi:r1="1.1985368"
|
||||||
|
sodipodi:r2="0.68863398"
|
||||||
|
sodipodi:arg1="-0.12226288"
|
||||||
|
sodipodi:arg2="0.36970345"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
d="M 6.6822166,4.9406298 6.1347328,5.3356318 6.4371528,5.8246096 5.7707147,5.7167887 5.6387984,6.2763914 5.2437964,5.7289076 4.7548186,6.0313277 4.8626395,5.3648895 4.3030368,5.2329733 4.8505206,4.8379713 4.5481005,4.3489935 5.2145387,4.4568144 5.3464549,3.8972116 5.7414569,4.4446954 6.2304347,4.1422754 6.1226138,4.8087135 Z"
|
||||||
|
transform="translate(-0.61028141,-0.58743968)" />
|
||||||
|
<path
|
||||||
|
sodipodi:type="star"
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path3"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
sodipodi:sides="8"
|
||||||
|
sodipodi:cx="5.4926267"
|
||||||
|
sodipodi:cy="5.0868015"
|
||||||
|
sodipodi:r1="1.1985368"
|
||||||
|
sodipodi:r2="0.68863398"
|
||||||
|
sodipodi:arg1="-0.12226288"
|
||||||
|
sodipodi:arg2="0.36970345"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
d="M 6.6822166,4.9406298 6.1347328,5.3356318 6.4371528,5.8246096 5.7707147,5.7167887 5.6387984,6.2763914 5.2437964,5.7289076 4.7548186,6.0313277 4.8626395,5.3648895 4.3030368,5.2329733 4.8505206,4.8379713 4.5481005,4.3489935 5.2145387,4.4568144 5.3464549,3.8972116 5.7414569,4.4446954 6.2304347,4.1422754 6.1226138,4.8087135 Z"
|
||||||
|
transform="translate(2.6524998,-0.71195834)" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path4"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
sodipodi:cx="6.6160941"
|
||||||
|
sodipodi:cy="7.5143247"
|
||||||
|
sodipodi:rx="1.5538439"
|
||||||
|
sodipodi:ry="0.69132471"
|
||||||
|
sodipodi:start="0"
|
||||||
|
sodipodi:end="3.2134157"
|
||||||
|
sodipodi:arc-type="slice"
|
||||||
|
d="M 8.169938,7.5143247 A 1.5538439,0.69132471 0 0 1 7.3605798,8.1211326 1.5538439,0.69132471 0 0 1 5.7756539,8.0957985 1.5538439,0.69132471 0 0 1 5.0662563,7.4647143 l 1.5498378,0.04961 z" />
|
||||||
|
<rect
|
||||||
|
style="fill:#ffffff;fill-opacity:1;stroke-width:0.2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="rect4"
|
||||||
|
width="0.33944243"
|
||||||
|
height="0.55598503"
|
||||||
|
x="6.6160941"
|
||||||
|
y="5.9792342"
|
||||||
|
ry="0.14385796" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.5 KiB |
26
manifest.json
Normal file
26
manifest.json
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
{
|
||||||
|
"manifest_version": 2,
|
||||||
|
"name": "KFRombi",
|
||||||
|
"version": "0.1",
|
||||||
|
|
||||||
|
"browser_specific_settings": {
|
||||||
|
"gecko": {
|
||||||
|
"id": "kfrombi@math.janko.fr"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"description": "Generates a directory of students with photos from online.uni-graz.at",
|
||||||
|
|
||||||
|
"icons": {
|
||||||
|
"48": "icons/icon-48.png"
|
||||||
|
},
|
||||||
|
|
||||||
|
"content_scripts": [
|
||||||
|
{
|
||||||
|
"matches": ["https://online.uni-graz.at/kfu_online/pl/ui/$ctx/wblvgrp.anmeldungen*"],
|
||||||
|
"js": ["directory.js"],
|
||||||
|
"css": ["directory.css"]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue