Paddy/RaPla-Middleware-LinkGen
1
0
Fork 0
Code Issues 6 Pull Requests Projects Releases Wiki Activity

Adding shoutout for Lisa :)
All checks were successful
Jenkins Production Deployment
Details

Browse Source
This commit is contained in:
Patrick Müller 2021-10-09 17:05:09 +02:00
parent fba5368a58
commit f53d0e03e6
1 changed files with 106 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

200
index.html
View File

@ -6,11 +6,14 @@
<meta name="author" content="Patrick Müller"> <meta name="author" content="Patrick Müller">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
<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> 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>
<!--Font Awesome Icons--> <!--Font Awesome Icons-->
<script src="https://kit.fontawesome.com/f2c150d561.js" <script src="https://kit.fontawesome.com/f2c150d561.js"
crossorigin="anonymous"> crossorigin="anonymous">
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
@ -21,110 +24,119 @@
<!-- HEADER --> <!-- HEADER -->
<div class="content"> <div class="content">
<nav class="raplalinkcontainer--nav row" id="raplalinkcontainer--nav"> <nav class="raplalinkcontainer--nav row" id="raplalinkcontainer--nav">
<div class="raplalinkcontainer--nav__text col-11"> <div class="raplalinkcontainer--nav__text col-11">
RaPla Middleware Link Generator RaPla Middleware Link Generator
</div> </div>
<i class="raplalinkcontainer__header--button col-1 far fa-moon" id="colorModeToggleIcon" onclick="toggleDarkMode()"> <i class="raplalinkcontainer__header--button col-1 far fa-moon" id="colorModeToggleIcon"
onclick="toggleDarkMode()">
</i> </i>
</nav> </nav>
<!-- // HEADER --> <!-- // HEADER -->
<!-- PREFACE --> <!-- PREFACE -->
<div class="raplalinkcontainer__preface--row"> <div class="raplalinkcontainer__preface--row">
<div class="raplalinkcontainer__preface"> <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>This website generates a link based on your preferences to use the RaPla Middleware which filters
<p>Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as otherwise, unwanted events.</p>
the middleware might not work as expected.</p> <p>Please only select a Wahl- / Profilmodul if you are in the 5./6. Semester and have any of these as
<p>Of course, I try my best to only exclude the events you want to have removed, but of course I can't guarantee otherwise,
that this tool works exactly as expected all the time. Please don't only rely on this tool working perfectly.</p> the middleware might not work as expected.</p>
<p>If you have any questions or bugs, contact me via one of the options on <a href="https://www.p4ddy.com">p4ddy.com</a></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>
<p>If you have any questions or bugs, contact me via one of the options on <a
href="https://www.p4ddy.com">p4ddy.com</a>.
Also huge thanks to <a href="https://www.li54.dev">Lisa</a> for the styling of this page :)
</p>
</div>
</div> </div>
</div> <!-- // PREFACE -->
<!-- // PREFACE --> <!-- RAPLA-LINK-FORM -->
<!-- RAPLA-LINK-FORM --> <div class="raplalinkcontainer__form">
<div class="raplalinkcontainer__form"> <form>
<form> <!-- COURSE-NAME -->
<!-- COURSE-NAME --> <div class="input-group mb-3">
<div class="input-group mb-3"> <div class="input-group-prepend">
<div class="input-group-prepend"> <label class="input-group-text" for="coursename">Choose your course</label>
<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>
</div> </div>
<select class="form-select" id="coursename"> <!-- // COURSE-NAME -->
<option value="-1" selected>Course</option> <!-- CUSTOM RAPLALINK -->
<option value="TINF19B1">TINF19B1</option> <p class="mb-3">If your course is not in the list, provide your RaPla Link here:</p>
<option value="TINF19B2">TINF19B2</option> <div class="input-group mb-3">
<option value="TINF19B3">TINF19B3</option> <div class="input-group-prepend">
<option value="TINF19B4">TINF19B4</option> <label class="input-group-text" for="raplalink">Your RaPla Link</label>
<option value="TINF19B5">TINF19B5</option> </div>
<option value="TINF20B1">TINF20B1</option> <input class="form-control" id="raplalink" name="raplalink" type="text"
<option value="TINF20B2">TINF20B2</option> placeholder="Your RaPla Link">
<option value="TINF20B3">TINF20B3</option>
<option value="TINF20B4">TINF20B4</option>
<option value="TINF20B5">TINF20B5</option>
</select>
</div>
<!-- // 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> </div>
<input class="form-control" id="raplalink" name="raplalink" type="text" placeholder="Your RaPla Link">
</div>
<!-- // CUSTOM RAPLALINK --> <!-- // CUSTOM RAPLALINK -->
<!-- HIDE BLOCKERS --> <!-- HIDE BLOCKERS -->
<div class="mb-3 form-check"> <div class="mb-3 form-check">
<label class="form-check-label" for="hideBlockers">Hide Blockers</label> <label class="form-check-label" for="hideBlockers">Hide Blockers</label>
<input type="checkbox" class="form-check-input" id="hideBlockers" name="hideBlockers"> <input type="checkbox" class="form-check-input" id="hideBlockers" name="hideBlockers">
</div>
<!-- // 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> </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>
</select>
</div>
<!-- // 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>
</div>
<!-- // PROFILMODUL --> <!-- // HIDE BLOCKERS -->
<!-- GENERATE LINK BUTTON --> <!-- WAHLMODUL -->
<input type="button" class="btn btn-outline-secondary" id="submitBtn" value="Generate Link"> <div class="input-group mb-3">
<!-- // GENERATE LINK BUTTON --> <div class="input-group-prepend">
</form> <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>
</select>
</div>
<!-- // 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>
</div>
<!-- // PROFILMODUL -->
<!-- GENERATE LINK BUTTON -->
<input type="button" class="btn btn-outline-secondary" id="submitBtn" value="Generate Link">
<!-- // GENERATE LINK BUTTON -->
</form>
</div> </div>
<div class="raplalinkcontainer--link"> <div class="raplalinkcontainer--link">
<p>Here is the link that you can use for importing RaPla into your iCloud etc. calendar (click to copy):</p> <p>Here is the link that you can use for importing RaPla into your iCloud etc. calendar (click to copy):</p>
<p id="full-link"></p> <p id="full-link"></p>
</div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>