Skip to content

J
JARVIS
Commit 18441003 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug
Browse files
Options

fixed shit brah

parent fe6d9233
Show whitespace changes
Inline Side-by-side
Showing with 251 additions and 7 deletions
IPSystemTOPC/EmployeeProdDB/static/css/base.css
View file @ 18441003
...@@ -113,6 +113,11 @@ body { ...@@ -113,6 +113,11 @@ body {
} }
.sidebar-button:hover {
background-color: #2C1206;
color: white;
}
.sidebar p { .sidebar p {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
......
IPSystemTOPC/EmployeeProdDB/static/css/home.css
View file @ 18441003
...@@ -48,10 +48,17 @@ body { ...@@ -48,10 +48,17 @@ body {
background-color: #004316; background-color: #004316;
} }
.employee-table-cont {
overflow:hidden;
overflow-y: scroll;
height: 350px;
}
#employee { #employee {
width: 91.5%; width: 91.5%;
margin-top: 30px; margin-top: 30px;
margin-left: 50px; margin-left: 50px;
height: 100%;
/* display: flex; /* display: flex;
/* flex-direction: column; */ /* flex-direction: column; */
/* justify-content: space-between; */ /* justify-content: space-between; */
......
IPSystemTOPC/EmployeeProdDB/static/css/upload_csv.css 0 → 100644
View file @ 18441003
body {
font-family: Helvetica ;
}
.top-cont {
margin: 30px 50px 0px;
}
.top-cont textarea {
resize: none;
width: 75%;
height: 50px;
border-radius: 4px;
pointer-events: none;
margin-right: 30px;
}
.secondline {
display: flex;
/* justify-content: space-between; */
/* align-items: center; */
}
.cf-button {
width: 20%;
border-radius: 4px;
border: 1px solid white;
height: 50px;
padding: 25px;
display: flex;
align-items: center;
justify-content: center;
background-color: #00802B;
color: white;
}
.upload-table-cont {
overflow:hidden;
overflow-y: scroll;
height: 200px;
}
#input-file td, #input-file th {
border: 1px solid #ddd;
padding: 8px;
}
#input-file tr:nth-child(even){
background-color: #EAF6ED;
}
.file-name {
width: 95%;
}
.file-name:hover {
background-color: #ddd;
}
.remove-button {
border-radius: 4px;
border: 1px solid grey;
background-color: white;
}
.remove-button:hover {
background-color: lightgray;
}
.button-cont {
display: flex;
justify-content: flex-end;
}
.button-cont button {
border-radius: 4px;
border: 1px solid;
padding: 5px 10px;
margin-left: 5px;
margin-right: 5px;
width: 15%;
}
.cancel-button {
background-color: white;
color: black;
}
.confirm-button {
background-color: #00802B;
color: white;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/base.html
View file @ 18441003
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<p> <p>
Signed in as: Signed in as:
<b <b
>test user >marc leighton chua
<!-- PUT INFO HERE --></b <!-- PUT INFO HERE --></b
> >
</p> </p>
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/home.html
View file @ 18441003
...@@ -30,6 +30,7 @@ ...@@ -30,6 +30,7 @@
<!-- TABLE --> <!-- TABLE -->
<div class="employee-table-cont">
<table id="employee"> <table id="employee">
<tr> <tr>
<th>ID</th> <th>ID</th>
...@@ -50,9 +51,76 @@ ...@@ -50,9 +51,76 @@
<td>Jan 12, 2022</td> <td>Jan 12, 2022</td>
<td>Packager</td> <td>Packager</td>
<td>Marc Chua</td> <td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> <tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr><tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr><tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr><tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr><tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr><tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>Marc Chua</td>
</tr> </tr>
</table> </table>
</div>
<script <script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/upload_csv.html
View file @ 18441003
<form method="post" enctype="multipart/form-data"> {% extends 'EmployeeProdDB/base.html' %} {% load static %} {% block content %}
{% csrf_token %}
<label for="csv_file">Upload a CSV file:</label> <head>
<input type="file" name="csv_file" accept=".csv"> <link
<input type="submit" value="Upload"> rel="stylesheet"
</form> href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
\ No newline at end of file integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="{% static 'css/upload_csv.css' %}" />
<title>Home Page</title>
</head>
<body>
<div class="top-cont">
<h1 clas="choose-file">Choose file</h1>
<div class="secondline">
<textarea readonly></textarea>
<button type="submit" class="cf-button">Choose File</button>
</div>
</div>
<div class="upload-table-cont top-cont">
<table id="input-file">
<!-- CHANGE TO FOR LOOP -->
<tr>
<td class="file-name">askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr>
<tr>
<td class="file-name">askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr>
<tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr> <tr>
<td class="file-name" >askjdfhasdf.csv</td>
<td><button type="submit" class="remove-button">Remove</button></td>
</tr>
</table>
</div>
<div class="button-cont top-cont">
<button type="submit" class="cancel-button">Cancel</button>
<button type="submit" class="confirm-button">Confirm</button>
</div>
</body>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment