Skip to content

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

added base html for the employee dashboard

parent 966a3a04
Hide whitespace changes
Inline Side-by-side
Showing with 291 additions and 30 deletions
IPSystemTOPC/EmployeeProdDB/static/css/emp_record.css 0 → 100644
View file @ fe6d9233
body {
font-family: Helvetica ;
}
.employee-info-cont {
margin: 30px 50px 0px;
background-color: #00802D;
color: white;
width: 91.5%;
height: 100px;
margin-right: 50px;
border-radius: 4px;
padding: 5px 10px;
display: flex;
justify-content: space-between;
}
.employee-info-contact{
display: flex;
margin-right: 50px;
}
.employee-nameID {
display: flex;
height: 100%;
margin-left: 30px;
flex-direction: column;
width: 30%;
justify-content: center;
}
#ID {
background-color: white;
color: #00802D;
border-radius: 4px;
padding: 3px;
font-weight: bold;
}
/* .employee-info-contact {
display: flex;
flex-direction: column;
} */
.SBP {
display: flex;
height: 100%;
margin-left: 30px;
flex-direction: column;
justify-content: center;
}
.SBP h6 {
font-size: 16px;
margin: 0px;
}
.bold {
font-weight: bold;
}
.dashboard-options {
margin: 15px 50px 0px;
display: flex;
justify-content: space-between;
}
.print-out button {
border-radius: 4px;
border: 1px solid black;
padding: 5px 10px;
background-color: white;
width: max-content;
}
.print-out button:hover {
background-color: #ddd;
}
.select-range {
display: flex;
justify-content: space-between;
align-items: center;
}
.range-selected {
border-radius: 4px;
border: 1px solid black;
margin: 0px 5px;
padding: 5px 10px;
font-weight: bold;
background-color: white;
}
.range-selected:hover, .range-selected:focus {
background-color: #00802B;
color: white;
}
.vert-line {
border: 0.5px solid grey;
height: 80%;
width: 0.3px;
margin-top: 5px;
margin-bottom: 5px;
opacity: 50%;
}
.seperator {
display: flex;
justify-content: center;
}
.hori-line {
border: 0.5px solid grey;
width: 91.5%;
height: 0.3px;
margin-top: 15px;
}
.main {
margin-left: 85px;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/static/css/home.css
View file @ fe6d9233
...@@ -19,7 +19,8 @@ body { ...@@ -19,7 +19,8 @@ body {
.searchbar { .searchbar {
width: 78%; width: 78%;
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left: 30px;
} }
.searchbar input { .searchbar input {
...@@ -31,12 +32,8 @@ body { ...@@ -31,12 +32,8 @@ body {
height: 100%; height: 100%;
} }
.login-borders {
border-radius: 4px;
}
.add-button { .add-button {
border: none;
} }
.add-profile-button { .add-profile-button {
...@@ -45,6 +42,10 @@ body { ...@@ -45,6 +42,10 @@ body {
background-color: #00802B; background-color: #00802B;
color: white; color: white;
border: none; border: none;
border-radius: 4px;
}
.add-button:hover {
background-color: #004316;
} }
#employee { #employee {
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/emp_record.html 0 → 100644
View file @ fe6d9233
{% extends 'EmployeeProdDB/base.html' %} {% load static %} {% block content %}
<head>
<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/emp_record.css' %}" />
<title>Employee Record</title>
</head>
<body>
<div class="employee-info-cont">
<div class="employee-nameID">
<h4 class="bold">March Leighton Chua</h4>
<div>
<span id="ID">ID# 1</span>
<span>Dataset: 44 Reports</span>
</div>
</div>
<div class="employee-info-contact">
<div class="SBP">
<h6>
Sex:
<span class="bold"> Male<!-- IMPORT INFO HERE --> </span>
</h6>
<h6>
Birthday:
<span class="bold"> 4/3/2023<!-- IMPORT INFO HERE --> </span>
</h6>
<h6>
Position: <span class="bold"> Leader<!-- IMPORT INFO HERE --> </span>
</h6>
</div>
<div class="SBP">
<h6>
Phone Number:
<span class="bold"> 098765143223<!-- IMPORT INFO HERE --> </span>
</h6>
<h6>
Email:
<span class="bold">
march.chua@obf.ateneo.edu<!-- IMPORT INFO HERE -->
</span>
</h6>
<h6>
Emergency Contact:
<span class="bold"> 0912344567<!-- IMPORT INFO HERE --> </span>
</h6>
</div>
</div>
</div>
<div class="dashboard-options">
<div class="select-range">
<div class="">
<button type="submit" class="range-selected">
Weekly
</button>
</div>
<div class="vert-line"></div>
<div>
<button type="submit" class="range-selected">
Monthly
</button>
</div>
<div class="vert-line"></div>
<div>
<button type="submit" class="range-selected">
Quarterly
</button>
</div>
<div class="vert-line"></div>
<div>
<button type="submit" class="range-selected">
Annually
</button>
</div>
</div>
<div class="print-out">
<button type="submit" class="">
Print Out
</button>
</div>
</div>
<div class="seperator">
<div class="hori-line"></div>
</div>
<!-- EXTEND CHART JS AND REMARKS PAGE HEREHERE HERE HERE HERE -->
<!-- DUNNO HOW TO EXTEND ANOTHER HTML HERE -->
</body>
{% endblock %}
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/home.html
View file @ fe6d9233
...@@ -22,43 +22,43 @@ ...@@ -22,43 +22,43 @@
</div> </div>
<div class="add-button"> <div class="add-button">
<button type="submit" class="login-borders add-profile-button"> <button type="submit" class="add-profile-button">
Add Profile Add Profile
</button> </button>
</div> </div>
</div> </div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"
></script>
<!-- TABLE --> <!-- TABLE -->
<table id="employee"> <table id="employee">
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Employee Name</th> <th>Employee Name</th>
<th>Last Record Update</th> <th>Last Record Update</th>
<th>Position</th> <th>Position</th>
<th>Team</th> <th>Team</th>
</tr> </tr>
<tr><td>1</td> <tr><td>1</td>
<td>Juan Dela Cruz</td> <td>Juan Dela Cruz</td>
<td>Jan 12, 2022</td> <td>Jan 12, 2022</td>
<td>Packager</td> <td>Packager</td>
<td>Juan Dela Paz</td> <td>Juan Dela Paz</td>
</tr> </tr>
<tr> <tr>
<td>2</td> <td>2</td>
<td>Jacob Vitug</td> <td>Jacob Vitug</td>
<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>
</table> </table>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"
></script>
</body> </body>
{% endblock %} {% endblock %}
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/remarks_page.html 0 → 100644
View file @ fe6d9233
{% extends 'EmployeeProdDB/emp_record.html' %} {% load static %} {% block content %}
<head>
<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/emp_record.css' %}" />
<link rel="stylesheet" href="{% static 'css/remarks.css' %}" />
<title>Employee Record</title>
</head>
<body>
</body>
{% endblock%}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/urls.py
View file @ fe6d9233
...@@ -8,7 +8,8 @@ urlpatterns = [ ...@@ -8,7 +8,8 @@ urlpatterns = [
path('home/', views.home, name='home'), path('home/', views.home, name='home'),
path('upload_csv/', views.upload_csv, name = 'upload_csv'), path('upload_csv/', views.upload_csv, name = 'upload_csv'),
path('show_csv_data/', views.show_csv_data, name ='show_csv_data'), path('show_csv_data/', views.show_csv_data, name ='show_csv_data'),
path('signup/', views.signup, name='signup') path('signup/', views.signup, name='signup'),
#path('', views.login_page, name='loginpage'), #path('', views.login_page, name='loginpage'),
path('emp_record/', views.emp_record, name='emp_record')
] ]
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/views.py
View file @ fe6d9233
...@@ -5,7 +5,7 @@ from django.shortcuts import render, redirect ...@@ -5,7 +5,7 @@ from django.shortcuts import render, redirect
from .models import Productivity, User from .models import Productivity, User
from django.contrib import messages from django.contrib import messages
from django.utils.dateparse import parse_date, parse_duration from django.utils.dateparse import parse_date, parse_duration
from dateutil.parser import parse as parse_date # from dateutil.parser import parse as parse_date
def home(request): def home(request):
return render(request, 'EmployeeProdDB/home.html') return render(request, 'EmployeeProdDB/home.html')
...@@ -174,3 +174,5 @@ def show_csv_data(request): ...@@ -174,3 +174,5 @@ def show_csv_data(request):
# return render(request, 'index.html') # return render(request, 'index.html')
def emp_record(request):
return (render(request, 'EmployeeProdDB/emp_record.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