Commit d75ecec1 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug

added positionlist

parent bcd453ab
......@@ -50,14 +50,15 @@ body {
}
.employee-table-cont {
margin-top: 15px;
overflow:hidden;
overflow-y: scroll;
height: 350px;
height: 340px;
}
#employee {
width: 91.5%;
margin-top: 30px;
margin-top: 15px;
margin-left: 50px;
height: 100%;
/* display: flex;
......
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/search.css');
body {
font-family: Helvetica ;
}
.search-and-add-cont {
margin: 30px 50px 0px;
display: flex;
/* flex-direction: column; */
justify-content: space-between;
}
.search-and-add-cont button {
border-radius: 4px;
border: 1px solid black;
padding: 5px 10px;
}
.searchbar {
width: 78%;
background: url("%images/search-icon.png%") top left no-repeat scroll 7px 7px;
padding-left: 30px;
}
.searchbar input {
border-radius: 4px;
border: 1px solid black;
padding: 5px 10px;
margin-right: 20px;
width: 100%;
height: 100%;
}
.add-button {
border: none;
}
.add-profile-button {
width: 200px;
height: 50px;
background-color: #00802B;
color: white;
border: none;
border-radius: 4px;
}
.add-button:hover {
background-color: #004316;
}
.employee-table-cont {
margin-top: 15px;
overflow:hidden;
overflow-y: scroll;
height: 340px;
}
#employee {
width: 91.5%;
margin-top: 15px;
margin-left: 50px;
height: 100%;
/* display: flex;
/* flex-direction: column; */
/* justify-content: space-between; */
}
#employee th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #00802D;
color: white;
}
#employee td, #employee th {
border: 1px solid #ddd;
padding: 8px;
}
#employee tr:nth-child(even){
background-color: #f2f2f2;
}
#employee tr:hover {
background-color: #ddd;
}
.button-cont {
width: 250px;
display: flex;
/* justify-content: space-between; */
align-items: center;
}
.button-save button {
border-radius: 4px;
border: 1px solid white;
padding: 5px 10px;
background-color: #00802B;
color: white;
width: max-content;
width: 100px;
margin-right: 10px;
}
.button-delete button {
border-radius: 4px;
border: 1px solid white;
padding: 5px 10px;
background-color: #8b0000 ;
color: white;
width: max-content;
width: 100px;
/* margin-right: 15px; */
}
\ No newline at end of file
{% extends 'EmployeeProdDB/base.html' %} {% load static %} {% block content %}
<head>
<title>Login</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
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/positionlist.css' %}" />
<title>Home Page</title>
</head>
<body>
<div class="search-and-add-cont">
<div class="searchbar">
<input placeholder= 'Search Name' />
</div>
<div class="add-button">
<button type="submit" class="add-profile-button">
Add Profile
</button>
</div>
</div>
<!-- TABLE -->
<div class="employee-table-cont">
<table id="employee">
<tr>
<th>ID</th>
<th>Position</th>
<th>Division Head</th>
<th>Number of Participants</th>
<th></th>
</tr>
<tr>
<td>1</td>
<td>Juan Dela Cruz</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>
<div class="button-cont">
<div class="button-save">
<button>
Edit
</button>
</div>
<div class="button-delete">
<button>
Delete
</button>
</div>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>Jacob Vitug</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td>
<div class="button-cont">
<div class="button-save">
<button>
Edit
</button>
</div>
<div class="button-delete">
<button>
Delete
</button>
</div>
</div>
</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>
</table>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"
></script>
</body>
{% endblock %}
......@@ -13,5 +13,6 @@ urlpatterns = [
path('emp_record/', views.emp_record, name='emp_record'),
path('create_profile/' ,views.create_emp_profile, name='create_emp_profile'),
path('edit_profile/', views.edit_emp_profile, name='edit_emp_profile'),
path('position_list/', views.positionlist, name='positionlist'),
]
\ No newline at end of file
......@@ -184,4 +184,7 @@ def create_emp_profile(request):
return (render(request, 'EmployeeProdDB/create_emp_profile.html'))
def edit_emp_profile(request):
return (render(request, 'EmployeeProdDB/edit_emp_profile.html'))
\ No newline at end of file
return (render(request, 'EmployeeProdDB/edit_emp_profile.html'))
def positionlist(request):
return (render(request, 'EmployeeProdDB/positionlist.html'))
\ No newline at end of file
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