2021-10-06 18:05:01 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title > RaPla Middleware LinkGen< / title >
< meta name = "author" content = "Patrick Müller" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" type = "text/css" href = "styles.css" >
2021-10-09 15:05:09 +00:00
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel = "stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous">< / script >
2021-10-09 12:42:19 +00:00
<!-- Font Awesome Icons -->
< script src = "https://kit.fontawesome.com/f2c150d561.js"
2021-10-09 15:05:09 +00:00
crossorigin="anonymous">
2021-10-09 12:42:19 +00:00
< / script >
2021-10-06 18:05:01 +00:00
< script src = "https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" > < / script >
< script src = "scripts.js" > < / script >
< / head >
< body >
2021-10-09 12:42:19 +00:00
< div class = "container-fluid" id = "raplalinkcontainer" >
<!-- HEADER -->
< div class = "content" >
2021-10-09 15:05:09 +00:00
< nav class = "raplalinkcontainer--nav row" id = "raplalinkcontainer--nav" >
2021-10-09 12:42:19 +00:00
< div class = "raplalinkcontainer--nav__text col-11" >
2021-10-11 07:01:09 +00:00
< span > RaPla Middleware Link Generator< / span >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
< i class = "raplalinkcontainer__header--button col-1 far fa-moon" id = "colorModeToggleIcon"
onclick="toggleDarkMode()">
2021-10-09 12:42:19 +00:00
< / i >
2021-10-09 15:05:09 +00:00
< / nav >
<!-- // HEADER -->
<!-- PREFACE -->
< div class = "raplalinkcontainer__preface--row" >
< div class = "raplalinkcontainer__preface" >
< p > This website generates a link based on your preferences to use the RaPla Middleware which filters
unwanted events.< / p >
< p > Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as
otherwise,
the middleware might not work as expected.< / p >
< p > Of course, I try my best to only exclude the events you want to have removed, but of course I can't
guarantee
that this tool works exactly as expected all the time. Please don't only rely on this tool working
perfectly.< / p >
< / div >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
<!-- // PREFACE -->
<!-- RAPLA - LINK - FORM -->
< div class = "raplalinkcontainer__form" >
< form >
<!-- COURSE - NAME -->
< div class = "input-group mb-3" >
< div class = "input-group-prepend" >
< label class = "input-group-text" for = "coursename" > Choose your course< / label >
< / div >
< select class = "form-select" id = "coursename" >
< option value = "-1" selected > Course< / option >
< option value = "TINF19B1" > TINF19B1< / option >
< option value = "TINF19B2" > TINF19B2< / option >
< option value = "TINF19B3" > TINF19B3< / option >
< option value = "TINF19B4" > TINF19B4< / option >
< option value = "TINF19B5" > TINF19B5< / option >
< option value = "TINF20B1" > TINF20B1< / option >
< option value = "TINF20B2" > TINF20B2< / option >
< option value = "TINF20B3" > TINF20B3< / option >
< option value = "TINF20B4" > TINF20B4< / option >
< option value = "TINF20B5" > TINF20B5< / option >
< / select >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
<!-- // COURSE - NAME -->
<!-- CUSTOM RAPLALINK -->
< p class = "mb-3" > If your course is not in the list, provide your RaPla Link here:< / p >
< div class = "input-group mb-3" >
< div class = "input-group-prepend" >
< label class = "input-group-text" for = "raplalink" > Your RaPla Link< / label >
< / div >
< input class = "form-control" id = "raplalink" name = "raplalink" type = "text"
placeholder="Your RaPla Link">
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
<!-- // CUSTOM RAPLALINK -->
<!-- HIDE BLOCKERS -->
< div class = "mb-3 form-check" >
< label class = "form-check-label" for = "hideBlockers" > Hide Blockers< / label >
< input type = "checkbox" class = "form-check-input" id = "hideBlockers" name = "hideBlockers" >
< / div >
2021-10-09 12:42:19 +00:00
2021-10-09 15:05:09 +00:00
<!-- // HIDE BLOCKERS -->
<!-- WAHLMODUL -->
< div class = "input-group mb-3" >
< div class = "input-group-prepend" >
< label class = "input-group-text" for = "wahlmodul" > Choose your Wahlmodul< / label >
< / div >
< select class = "form-select" id = "wahlmodul" name = "wahlmodul" >
< option value = "" selected > Wahlmodul< / option >
< option value = "0" > ERP-Systeme< / option >
< option value = "1" > Ethik für Informatiker< / option >
< option value = "2" > Evolutionäre Algorithmen< / option >
< option value = "3" > Forensik< / option >
< option value = "4" > Kryptographische Verfahren< / option >
< option value = "5" > Robotik< / option >
< option value = "6" > Web-Services< / option >
2022-02-25 08:31:14 +00:00
< option value = "7" > Digitale Audiosignalverarbeitung< / option >
< option value = "8" > Psychologische Grundlagen für Informatiker< / option >
< option value = "9" > Erklärbare Künstliche Intelligenz< / option >
< option value = "10" > Innovation Management< / option >
2021-10-09 15:05:09 +00:00
< / select >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
<!-- // WAHLMODUL -->
<!-- PROFILMODUL -->
< div class = "input-group mb-3" >
< div class = "input-group-prepend" >
< label class = "input-group-text" for = "profilmodul" > Choose your Profilmodul< / label >
< / div >
< select class = "form-select" id = "profilmodul" name = "profilmodul" >
< option value = "" selected > Profilmodul< / option >
< option value = "0" > KI und BV< / option >
< option value = "1" > Computergrafik< / option >
< option value = "2" > KI und IS< / option >
< option value = "3" > E-Business< / option >
< option value = "4" > Netztechnik II< / option >
< / select >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-09 15:05:09 +00:00
<!-- // PROFILMODUL -->
<!-- GENERATE LINK BUTTON -->
2021-10-11 07:01:09 +00:00
< input type = "button" class = "btn btn-outline-secondary" id = "submitBtn" value = "Generate Link" data-bs-toggle = "modal" data-bs-target = "#linkModal" >
2021-10-09 15:05:09 +00:00
<!-- // GENERATE LINK BUTTON -->
< / form >
2021-10-09 12:42:19 +00:00
< / div >
2021-10-11 07:01:09 +00:00
< div class = "raplalinkcontainer--nav__subtext" > Made with < img height = "10" src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/microsoft/309/red-heart_2764-fe0f.png" / > by < a href = "https://www.p4ddy.com" > Paddy< / a > & < a href = "https://www.li54.dev" > Lisa< / a > < / div >
2021-10-09 12:42:19 +00:00
2021-10-11 07:01:09 +00:00
<!-- Modal -->
< div class = "modal fade" id = "linkModal" tabindex = "-1" aria-labelledby = "linkModalSuccess" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "linkModalTitle" > < / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body" >
< div class = "raplalinkcontainer--link" >
< p id = "raplalinkcontainer--link" > < / p >
< / div >
< p id = "full-link" > < / p >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" id = "raplalinkcontainer--closeButton" data-bs-dismiss = "modal" > < / button >
< / div >
< / div >
< / div >
2021-10-09 15:05:09 +00:00
< / div >
2021-10-09 12:42:19 +00:00
< / div >
< / div >
2021-10-11 07:01:09 +00:00
2021-10-06 18:05:01 +00:00
< / body >
< / html >
