DONE ! ITHINK?

IPS/IPSapp/models.py

@@ -112,7 +112,7 @@ class SummaryReport(models.Model):
         return self.date
     
     def __str__(self):
-        return "pk: " + str(self.pk) + ": " + self.sr_no + ", " + self.employee_name + ", " + self.prod_score + ", " + self.date
+        return "pk: " + str(self.pk) + ": " + str(self.sr_no) + ", " + self.employee_name + ", " + str(self.prod_score) + ", " + str(self.date)
 
 #    class Meta:
 #        constraints = [

IPS/IPSapp/static/css/base.css

@@ -113,6 +113,11 @@ body {
 
 }
 
+/* .sidebar-button:hover {
+    background-color: #2C1206;
+    color: white;
+} */
+
 .sidebar p {
     font-size: 12px;
     text-align: center;

IPS/IPSapp/static/css/create_emp_profile.css

+body {
+  font-family: Helvetica;
+}
+
+.centercont {
+  margin: auto;
+  display: flex;
+  justify-content: center;
+}
+
+h2.bold {
+  margin-top: 30px;
+  font-weight: bold;
+}
+
+input[type="text"],
+input[type="tel"],
+input[type="email"],
+input[type="password"],
+input[type="date"],
+select,
+textarea {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1;
+  color: #212529;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+input[type="file"] {
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.8rem;
+  font-weight: 400;
+  line-height: 1;
+  border-radius: 0.25rem;
+  margin-left: 25px;
+}
+input[type="radio"] {
+  padding: 0.375rem 0.75rem;
+  font-size: 0.8rem;
+  border-radius: 0.25rem;
+  margin-left: 25px;
+  margin-right: 5px;
+  transform: scale(1.5);
+}
+
+.top-cont {
+  margin: 30px 50px 0px;
+}
+
+.profile-info-cont {
+    margin-top: 30px;
+}
+
+.profile-info-form {
+  border: none;
+}
+
+/* button{
+    border-radius: 4px;
+} */
+
+.input-dimension input, select {
+    border: 1px solid black;
+    border-radius: 4px;
+    width: 60%;
+}
+
+.label-row {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+
+.label-row input, select {
+    display: flex;
+    width: 260px;
+}
+
+.input-row {
+    width: 100%;
+    display: flex;
+    width: 100%;
+    justify-content: space-evenly;
+}
+
+.text-input-grouping {
+    display: flex;
+    flex-direction: column;
+}
+
+.box {
+    width: 260px;
+    background-color: white;
+    height: 60px;
+
+}
+
+.sex-input {
+    width: 260px;
+    display: flex;
+}
+
+.sex-input input {
+    display: flex;
+}
+
+
+.sex-input label {
+    display: block;
+    margin: 0 auto;
+    width: 150px;
+}
+
+.sex-input input[type="radio"] {
+    line-height: 30px;
+    vertical-align: bottom;
+    width: 15px;
+    margin-left: 15px;
+}
+
+.button-cancel button {
+    border-radius: 4px;
+    border: 1px solid black;
+    padding: 5px 10px;
+    background-color: white;
+    width: max-content;
+    width: 200px;
+    margin-right: 15px;
+}
+
+.button-save button {
+    border-radius: 4px;
+    border: 1px solid white;
+    padding: 5px 10px;
+    background-color: #00802B;
+    color: white;
+    width: max-content;
+    width: 200px;
+}
+
+.profile-options {
+    display: flex;
+    justify-content: end;
+}
+
+.bottom-cont {
+    margin-right: 15px;
+    margin-top: 50px;
+}
\ No newline at end of file

IPS/IPSapp/static/css/emp_record.css

+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

IPS/IPSapp/static/css/home.css

@@ -19,7 +19,8 @@ body {
 
 .searchbar {
     width: 78%;
-    
+    background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
+    padding-left: 30px;
 }
 
 .searchbar input {
@@ -31,12 +32,8 @@ body {
     height: 100%;
 }
 
-.login-borders {
-    border-radius: 4px;
-}
-
 .add-button {
-    
+    border: none;
 }
 
 .add-profile-button {
@@ -45,12 +42,23 @@ body {
     background-color: #00802B;
     color: white;
     border: none;
+    border-radius: 4px;
+}
+.add-button:hover {
+    background-color: #004316;
+}
+
+.employee-table-cont {
+    overflow:hidden;
+    overflow-y: scroll;
+    height: 350px;
 }
 
 #employee {
     width: 91.5%;
     margin-top: 30px;
     margin-left: 50px;
+    height: 100%;
     /* display: flex;
     /* flex-direction: column; */
     /* justify-content:  space-between; */

IPS/IPSapp/static/css/signin.css

+body {
+    font-family: Helvetica ;
+}
+
+.centercont {
+    margin: auto;
+    display: flex;
+    justify-content: center;
+}
+
+.loginheader {
+    background-color: #00802B;
+    color: white;
+    text-transform: uppercase;
+    font-family: Helvetica, Arial, sans-serif; 
+}
+
+.loginheader span {
+    font-size: 14px;
+}
+
+.headertextcontainer {
+    margin-top: 16px;
+}
+
+.login-logo {
+    margin: 20px;
+}
+
+.login-logo img {
+    width: 150px;
+    height: auto;
+}
+
+.column-direction {
+    flex-direction: column;
+    align-items: center;
+}
+
+.column-direction b {
+    font-size: 24px;
+}
+
+.login-input-align {
+    margin: 5px;
+}
+
+.login-input-align input {
+    border-radius: 8px;
+    border: 1px solid black;
+    padding: 5px 10px;
+    margin: 5px;
+}
+
+.login-box {
+    width: 350px;
+}
+
+.login-button {
+    width: 200px;
+    border: 1px solid white;
+    padding: 5px 10px;
+    margin-top: 10px;
+    font-weight: bold;
+
+}
+
+.login-borders {
+    border-radius: 4px;
+}
+
+.button-login {
+    background-color: #00802B;
+    color: white;
+    margin: 8px;
+}
+
+.button-signup {
+    background-color: white;
+    border: 1px solid black;
+    margin: 8px;
+}
+
+a:link {
+    text-decoration: none;
+}
+
+a:visited {
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+a:active {
+    text-decoration: none;
+}
\ No newline at end of file

IPS/IPSapp/static/css/upload_csv.css

+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; */
+}
+
+input[type="file"] {
+    display: none;
+}
+
+#file-upload{
+    display: none;
+}
+
+.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

IPS/IPSapp/templates/EmployeeProdDB/base.html

@@ -37,7 +37,7 @@
         <p>
           Signed in as:
           <b
-            >{{ user }}
+            >marc leighton chua
             <!-- PUT INFO HERE --></b
           >
         </p>
@@ -48,7 +48,7 @@
       <div class="sidebar-icon-placing sidebar-button">
         <div>
           <div class="sidebar-hover">
-            <a href="">
+            <a href="{% url 'home' %}">
               <div class="icon-align sidebar-button">
                 <i class="gg-list"></i>
               </div>
@@ -66,7 +66,7 @@
           </div>
 
           <div class="sidebar-hover">
-            <a href="/upload_csv">
+            <a href="{% url 'upload_csv' %}">
               <div class="icon-align sidebar-button">
                 <i class="gg-import"></i>
               </div>
@@ -76,7 +76,7 @@
         </div>
 
         <div class="sidebar-hover">
-          <a href="/">
+          <a href="">
             <div class="icon-align sidebar-button">
               <i class="gg-log-out"></i>
             </div>

IPS/IPSapp/templates/EmployeeProdDB/create_emp_profile.html

+{% extends 'EmployeeProdDB/base.html' %} {% load static %} {% block content %}
+<html lang="en">
+  <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 rel="stylesheet" href="{% static 'css/create_emp_profile.css' %}" />
+  </head>
+
+  <body>
+    <div class="top-cont">
+      <div class="header">
+        <h2 class="bold">Add Profile</h2>
+      </div>
+
+      <main class="profile-info-cont">
+        <form method="POST" action="" class="profile-info-form input-dimension">
+          {% csrf_token %}
+          <div>
+            <div class="row g-0">
+              <div class="">
+                <div class="label-row">
+                  <div class="text-input-grouping">
+                    <label for="first-name" class="">First Name:</label>
+                    <div class="">
+                      <input type="text" class="" name="first-name" required />
+                    </div>
+                  </div>
+                  <div class="text-input-grouping">
+                    <label for="address" class="">Address:</label>
+                    <div class="input-row">
+                      <input type="text" name="address" required />
+                    </div>
+                  </div>
+                  <div class="text-input-grouping">
+                    <label for="phonenum" class="">Phone Number:</label>
+                    <div class="input-row">
+                      <input type="tel" name="phone-number" required />
+                    </div>
+                  </div>
+                </div>
+
+                <div class="label-row">
+                  <div class="text-input-grouping">
+                    <label for="mid-name" class="">Middle Name:</label>
+                    <div class="">
+                      <input type="text" name="middle-name" required />
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <label for="bday">Birthday:</label>
+                    <div class="">
+                      <input type="date" name="birthday" />
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <label for="emerg_num">Emergency Contact:</label>
+                    <div class="tex">
+                      <input type="tel" name="emerg-number" required />
+                    </div>
+                  </div>
+                </div>
+
+                <div class="label-row">
+                  <div class="text-input-grouping">
+                    <label for="last-name">Last Name:</label>
+                    <div class="">
+                      <input type="text" name="last-name" required />
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <label for="email" class="">Email:</label>
+                    <div class="">
+                      <input type="email" name="email" required />
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <label for="position" class="">Position:</label>
+                    <div class="">
+                      <select name="position">
+                        <option value="" disabled selected>
+                          Select a position
+                        </option>
+                        <option value="packager">Packager</option>
+                        <option value="handler">Handler</option>
+                        <option value="cutter">Cutter</option>
+                      </select>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="label-row">
+                  <div class="text-input-grouping" id="sex">
+                    <label for="sex" class="">Sex:</label>
+                    <div class="sex-input">
+                      <input
+                        type="radio"
+                        id="male"
+                        name="gender"
+                        value="male"
+                        required
+                      />
+                      <label for="male">Male</label>
+                      <input
+                        type="radio"
+                        id="female"
+                        name="gender"
+                        value="female"
+                        required
+                      />
+                      <label for="female">Female</label>
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <label for="id-num" class="">ID Number:</label>
+                    <div class="">
+                      <input type="text" name="id-num" required />
+                    </div>
+                  </div>
+
+                  <div class="text-input-grouping">
+                    <div class="box"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="bottom-cont">
+                <div class="col-md-8"></div>
+                <div class="profile-options">
+                    <div class="button-cancel">
+                      <button
+                        name="Save"
+                        type="submit"
+                      >
+                        Cancel
+                      </button>
+                    </div>
+                  <div class="button-save">
+                    <button
+                      name="Save"
+                      type="submit"
+                    >
+                      Save Changes
+                    </button>
+                  </div>
+                </div>
+            </div>
+            <div class="row g-0" style="margin-top: 5px">
+              <div class="col-md-10"></div>
+              <div class="col-md-2"></div>
+            </div>
+          </div>
+        </form>
+      </main>
+    </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 %}
+</html>

IPS/IPSapp/templates/EmployeeProdDB/emp_record.html

+{% 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 %}

IPS/IPSapp/templates/EmployeeProdDB/home.html

@@ -22,43 +22,40 @@
 
     </div>
     <div class="add-button">
-      <button type="submit" class="login-borders add-profile-button">
+      <button type="submit" class="add-profile-button">
         Add Profile
       </button>
     </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 -->
+  <div class="employee-table-cont">
   <table id="employee">
     <tr>
-        <th>ID</th>
-        <th>Employee Name</th>
-        <th>Last Record Update</th>
-        <th>Position</th>
-        <th>Team</th>
-    </tr>
-    <tr><td>1</td>
-        <td>Juan Dela Cruz</td>
-        <td>Jan 12, 2022</td>
-        <td>Packager</td>
-        <td>Juan Dela Paz</td>
+      <th>Summary Report No.</th>
+      <th>Employee Name</th>
+      <th>Date</th>
+      <th>Productivity Score</th>
+      <th>Total Work Hours</th>
     </tr>
+    {% for row in csv_data %}
     <tr>
-        <td>2</td>
-        <td>Jacob Vitug</td>
-        <td>Jan 12, 2022</td>
-        <td>Packager</td>
-        <td>Marc Chua</td>
+        <td>{{ row.sr_no}}</td>
+        <td>{{ row.employee_name}}</td>
+        <td>{{ row.date}}</td>
+        <td>{{ row.prod_score }}</td>
+        <td>{{ row.totalworkhrs }}</td>
+        <!-- add more cells for additional fields -->
     </tr>
-    
-  </table>
-
+    {% endfor %}
+  </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 %}

IPS/IPSapp/templates/EmployeeProdDB/loginpage.html

@@ -23,7 +23,7 @@
             <a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
         </div>
 
-            <b>Sign In</b>
+            <b>Log In</b>
 
         <div class="login-box centercont">
 
@@ -38,7 +38,7 @@
                 </div>
                 <!-- <input type="submit"> -->
                 <div class="centercont column-direction">
-                    <button type="submit" class="login-button login-borders button-login">Log In</button>
+                    <button type="submit" class="login-button login-borders button-login">Continue</button>
                     <button type="submit" class="login-button login-borders button-cancel">Cancel</button>
                 </div>
                 

IPS/IPSapp/templates/EmployeeProdDB/remarks_page.html

+{% 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

IPS/IPSapp/templates/EmployeeProdDB/signin.html

+<!DOCTYPE html>
+{% load static %}
+<html lang="en">
+<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 rel="stylesheet" href="{% static 'css/signin.css' %}">
+</head>
+<body>
+
+    <div class="loginheader centercont">
+        <div class="headertextcontainer">
+            <span>Thousand Oaks Packaging Corporation</span>
+            <h2>Employee Performance</h2>
+        </div>
+    </div>
+
+    <!-- {% block content %} -->
+    <br><br><br><br><br>
+    <div class="centercont column-direction">
+        <div class="login-logo">
+            <a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
+        </div>
+
+            <b>Sign In</b>
+
+        <div class="login-box centercont">
+                <div class="centercont row-direction">
+                    <button class="login-button login-borders button-login"><a href="{% url 'loginpage' %}" style="color: white">Log In</a></button>
+                    <button class="login-button login-borders button-signup"><a href="{% url 'signup' %}" style="color: black">Sign Up</a></button>
+                </div>
+                
+            </form>
+        </div>
+    </div>
+    {% endblock content %}
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file

IPS/IPSapp/templates/EmployeeProdDB/signup.html

@@ -68,8 +68,7 @@
                     </div>
                   </div>
                   <div class="col-lg-6 d-flex align-items-center gradient-custom-2">
-                    <div class="text-white px-3 py-4 p-md-5 mx-md-4"><img src="{% static 'images/voting.png' %}" style="width: 300px;">
-                      <h5 class="mb-4" style="font-family:'Poppins';">Exercise your Right to Vote!</h5>
+                    <div class="text-white px-3 py-4 p-md-5 mx-md-4"><img src="{% static 'images/topc_logo.png' %}" style="width: 300px;">
                     </div>
                   </div>
                 </div>

IPS/IPSapp/templates/EmployeeProdDB/upload_csv.html

-<form method="post" enctype="multipart/form-data">
-    {% csrf_token %}
-    <label for="csv_file">Upload a CSV file:</label>
-    <input type="file" name="csv_file" accept=".csv">
-    <input type="submit" value="Upload">
-</form>
\ No newline at end of file
+{% extends 'EmployeeProdDB/base.html' %} {% load static %} {% block content %}
+
+<head>
+  <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/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="file" name="csv_file" accept=".csv">Choose File</button> -->
+      <form method="post" enctype="multipart/form-data">
+        {% csrf_token %}
+      <label for="file-upload" class="cf-button">
+        Choose File
+    </label>
+    <input id="file-upload" type="file" name="csv_file" style="
+    display: none;"/>
+    <!-- <label for="csv_file">Upload a CSV file:</label> -->
+    <!-- <input type="file" class="cf-button" name="csv_file" accept=".csv"> -->
+    <!-- <input type="submit" value="Upload"> -->
+    </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" value="Upload">Confirm</button>
+  </form>
+  </div>
+</body>
+{% endblock %}

IPS/IPSapp/urls.py

@@ -4,13 +4,16 @@ from . import views
 
 urlpatterns = [
     path('admin/', admin.site.urls),
-    path('', views.loginpage, name='loginpage'),
+    path('login/', views.loginpage, name='loginpage'),
     path('home/', views.home, name='home'),
     path('upload_csv/', views.upload_csv, name = 'upload_csv'),
     path('show_csv_data/', views.show_csv_data, name ='show_csv_data'),
     path('signup/', views.signup, name='signup'),
     path('show_csv_data2/', views.show_csv_data2, name='show_csv_data2'),
-    path('chart_template/', views.chart_template, name='chart_template')
+    path('chart_template/', views.chart_template, name='chart_template'),
     # path('', views.login_page, name='loginpage'),
+    path('', views.signin, name='signin'),
+    path('emp_record/', views.emp_record, name='emp_record'),
+    path('create_profile/' ,views.create_emp_profile, name='create_emp_profile')
 
 ]
\ No newline at end of file

IPS/IPSapp/views.py

@@ -15,7 +15,8 @@ from django.http import JsonResponse
 from django.utils import timezone
 
 def home(request):
-        return render(request, 'EmployeeProdDB/home.html')
+        csv_data = SummaryReport.objects.all()
+        return render(request, 'EmployeeProdDB/home.html', {'csv_data': csv_data})
 
 
 def my_view(request):
@@ -320,4 +321,11 @@ def show_csv_data2(request):
     csv_data = SummaryReport.objects.all()
     return render(request, 'EmployeeProdDB/show_csv_data2.html', {'csv_data': csv_data})
 
-# Create your views here.
+def signin(request):
+    return render(request, 'EmployeeProdDB/signin.html')
+
+def emp_record(request):
+    return render(request, 'EmployeeProdDB/emp_record.html')
+
+def create_emp_profile(request):
+    return render(request, 'EmployeeProdDB/create_emp_profile.html')
\ No newline at end of file