SowinskiBraeden/ScheduleGeneratorApp
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
SowinskiBraeden committed 2022-11-06 11:50:13 -08:00
commit 7b909b770b
15 files changed
+1011
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

template/index.html
+94
View File
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test App</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="/eel.js"></script>
</head>
<body>
<div class="background">
<div class="shape"></div>
<div class="shape"></div>
</div>
<div class="main">
<h3>Schedule Generator</h3>
<label for="input_file">Input File (.csv)</label>
<input
aria-describedby="inputGroup-sizing-default"
aria-label="Default"
name="input_file"
id="input_file"
type="file"
>
<label for="classrooms">Number of classrooms (20-100)</label>
<input
aria-describedby="inputGroup-sizing-default"
class="form-control"
aria-label="Default"
name="classrooms"
id="classrooms"
type="number"
value="40"
max="100"
min="10"
>
<label for="min_req">Minimum students per class</label>
<input
aria-describedby="inputGroup-sizing-default"
class="form-control"
aria-label="Default"
name="min_req"
id="min_req"
type="number"
value="18"
max="50"
min="10"
>
<label for="class_cap">Maximum students per class</label>
<input
aria-describedby="inputGroup-sizing-default"
class="form-control"
aria-label="Default"
name="class_cap"
id="class_cap"
type="number"
value="30"
max="100"
min="30"
>
<label for="total_blocks">Total blocks (10 or 8)</label>
<input
aria-describedby="inputGroup-sizing-default"
class="form-control"
aria-label="Default"
name="total_blocks"
id="total_blocks"
type="number"
value="10"
step="2"
max="10"
min="8"
>
<!-- step="2" prevents a number like 9 -->
<button id="startBtn" onclick="start()">Generate</button>
</div>
<div class="processing">
<div id="myProgress">
<div id="myBar"></div>
</div>
</div>
</body>
</html>
template/script.js
+38
View File
@@ -0,0 +1,38 @@
function start() {
let file = document.getElementById("input_file");
let blockClassLimit = document.getElementById("classrooms").value;
let minReq = document.getElementById("min_req").value;
let classCap = document.getElementById("class_cap").value;
let totalBlocks = document.getElementById("total_blocks").value;
console.log(file);
}
function summation() {
var data_1 = document.getElementById("int1").value;
var data_2 = document.getElementById("int2").value;
eel.add(data_1, data_2)(call_Back);
}
function call_Back(output){
document.getElementById("res").value = output;
}
var i = 0;
function move() {
if (i == 0) {
i = 1;
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame, 10);
function frame() {
if (width >= 100) {
clearInterval(id);
i = 0;
} else {
width++;
elem.style.width = width + "%";
}
}
}
}
template/style.css
+117
View File
@@ -0,0 +1,117 @@
*,
*:before,
*:after{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
min-width: 800;
min-height: 600;
background-color: #080710;
}
.background{
width: 430px;
height: 520px;
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
}
.background .shape{
height: 200px;
width: 200px;
position: absolute;
border-radius: 50%;
}
.shape:first-child{
background: linear-gradient(
#1845ad,
#23a2f6
);
left: -80px;
top: -80px;
}
.shape:last-child{
background: linear-gradient(
to right,
#ff512f,
#f09819
);
right: -30px;
bottom: -80px;
}
.main{
height: 600px;
width: 400px;
background-color: rgba(255,255,255,0.13);
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
border-radius: 10px;
backdrop-filter: blur(10px);
border: 2px solid rgba(255,255,255,0.1);
box-shadow: 0 0 40px rgba(8,7,16,0.6);
padding: 50px 35px;
}
.main *{
font-family: 'Poppins',sans-serif;
color: #ffffff;
letter-spacing: 0.5px;
outline: none;
border: none;
}
.main h3{
font-size: 32px;
font-weight: 500;
line-height: 42px;
text-align: center;
}
label{
display: block;
margin-top: 30px;
font-size: 16px;
font-weight: 500;
}
.form-control{
display: block;
height: 50px;
width: 100%;
background-color: rgba(255,255,255,0.07);
border-radius: 3px;
padding: 0 10px;
margin-top: 8px;
font-size: 14px;
font-weight: 300;
}
::placeholder{
color: #e5e5e5;
}
.main button{
transition: 0.05s;
margin-top: 50px;
width: 100%;
background-color: #ffffff;
color: #080710;
padding: 15px 0;
font-size: 18px;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
}
.processing {
display: none;
}
#myProgress {
width: 100%;
background-color: #ddd;
}
#myBar {
width: 1%;
height: 30px;
background-color: #04AA6D;
}