Skip to content

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

create position edited

parent 45a3ff08
Show whitespace changes
Inline Side-by-side
Showing with 94 additions and 197 deletions
IPSystemTOPC/EmployeeProdDB/static/css/create_position.css
View file @ 111ab061
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
.label-row input, select { .label-row input, select {
display: flex; display: flex;
width: 260px; width: 95%;
} }
.input-row { .input-row {
...@@ -199,8 +199,7 @@ ...@@ -199,8 +199,7 @@
border: 0.5px solid white; border: 0.5px solid white;
background-color: white; background-color: white;
width: 260px; width: 260px;
height: 56px; min-height: 280px;
/* margin-top: 15px; */
} }
.search-add-cont { .search-add-cont {
...@@ -342,3 +341,7 @@ ...@@ -342,3 +341,7 @@
overflow:hidden; overflow:hidden;
overflow-y: scroll; overflow-y: scroll;
} }
#buttons {
width: 40%;
}
IPSystemTOPC/EmployeeProdDB/static/css/positionlist.css
View file @ 111ab061
...@@ -87,10 +87,30 @@ body { ...@@ -87,10 +87,30 @@ body {
background-color: #ddd; background-color: #ddd;
} }
#employee td:nth-child(1) {
width: 5%;
text-align: center;
}
#employee td:nth-child(2) {
width: 65%;
}
#employee td:nth-child(3) {
border-right: unset;
width:15%;
}
#employee td:nth-child(5) {
/* display: flex; */
/* align-items: center; */
width: 15%;
}
.button-cont { .button-cont {
width: 250px; width: 100%;
display: flex; display: flex;
/* justify-content: space-between; */ justify-content: space-evenly;
align-items: center; align-items: center;
} }
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/create_position.html
View file @ 111ab061
...@@ -21,117 +21,16 @@ ...@@ -21,117 +21,16 @@
<form method="POST" action="" class="profile-info-form input-dimension"> <form method="POST" action="" class="profile-info-form input-dimension">
{% csrf_token %} {% csrf_token %}
<div> <div>
<div class="row g-0">
<div class=""> <div class="">
<div class="label-row"> <div class="label-row">
<div class="text-input-grouping"> <div class="text-input-grouping" id="name">
<label for="name" class="">Name:</label> <label for="name" class="">Name:</label>
<div class="long-textbox"> <div class="long-textbox">
<input type="text" style="width: 660px;" name="name" required /> <input type="text" name="name" required />
</div> </div>
</div> </div>
<div class="text-input-grouping "> <div class="text-input-grouping " id="buttons">
<div class="invisible-box"> <br>
</div>
</div>
</div>
<div class="label-row">
<div class="text-input-grouping">
<label for="divhead" class="">Division Head Name:</label>
<div class="input-row">
<input type="text" style="width: 660px;" name="divhead" required />
</div>
</div>
<d<div class="text-input-grouping ">
<div class="invisible-box">
</div>
</div>
<div class="hori-line"></div>
<div class="text-input-grouping">
<p>Assign Participant/s <span>Only Employee Profiles with no position assigned will appear</span></p>
</div>
</div>
</div>
</div>
<div class="position-buttons-cont">
<!-- left side for the table -->
<div class="left-cont">
<!-- search bar cont -->
<div class="search-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>
<div class="table-cont">
<!-- table -->
<table class="participant-table-cont" id="participant">
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr><tr>
<td>1</td>
<td id="td-align">
Name
</td>
<td>
<div class="button-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
<tr>
<td>1</td>
<td>
Jacob
</td>
<td>
<div class="button-remove cell-remove"><button >Remove</button></div>
</td>
</tr>
</table>
</div>
</div>
<div class="bottom-cont">
<!-- right side for the bottoms then just align it down or left -->
<!-- <div class="col-md-8"></div> -->
<div class="profile-options"> <div class="profile-options">
<div class="button-save"> <div class="button-save">
<button <button
...@@ -152,15 +51,20 @@ ...@@ -152,15 +51,20 @@
</div> </div>
</div> </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>
</div> </div>
</form> </form>
<div class="large-filler"></div>
</main> </main>
</div> </div>
<div class="">
<div class="invisible-box">
</div>
</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"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/positionlist.html
View file @ 111ab061
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
</div> </div>
<div class="add-button"> <div class="add-button">
<button type="submit" class="add-profile-button"> <button type="submit" class="add-profile-button"><a href="{% url 'create_position' }" style="color: white">
Add Profile Add Position
</button> </a></button>
</div> </div>
</div> </div>
...@@ -35,71 +35,41 @@ ...@@ -35,71 +35,41 @@
<tr> <tr>
<th>ID</th> <th>ID</th>
<th>Position</th> <th>Position</th>
<th>Division Head</th>
<th>Number of Participants</th>
<th></th> <th></th>
</tr> </tr>
<!-- {% for position in positions %}
<tr> <tr>
<td>1</td> <td>{{ position.position_id }}</td>
<td>Juan Dela Cruz</td> <td>{{ position.position_name }}</td>
<td>Jan 12, 2022</td>
<td>Packager</td>
<td> <td>
<div class="button-cont"> <div class="button-cont">
<div class="button-save"> <div class="button-save">
<button> <button><a href="{% url 'edit_position' position_id=position.position_id %}" style="color: white">Edit</a>
Edit
</button> </button>
</div> </div>
<div class="button-delete"> <div class="button-delete">
<button> <button>Delete</button>
Delete
</button>
</div> </div>
</div> </div>
</td> </td>
</tr> </tr>
<tr> {% endfor %} -->
<td>2</td> tr>
<td>Jacob Vitug</td> <td>1</td>
<td>Jan 12, 2022</td> <td>position.position_name </td>
<td>Packager</td>
<td> <td>
<div class="button-cont"> <div class="button-cont">
<div class="button-save"> <div class="button-save">
<button> <button><a href="{% url 'edit_position' position_id=position.position_id %}
Edit " style="color: white">Edit</a>
</button> </button>
</div> </div>
<div class="button-delete"> <div class="button-delete">
<button> <button>Delete</button>
Delete
</button>
</div> </div>
</div> </div>
</td> </td>
</tr> </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> </table>
</div> </div>
......
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