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
Hide 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 @@
.label-row input, select {
display: flex;
width: 260px;
width: 95%;
}
.input-row {
......@@ -199,8 +199,7 @@
border: 0.5px solid white;
background-color: white;
width: 260px;
height: 56px;
/* margin-top: 15px; */
min-height: 280px;
}
.search-add-cont {
......@@ -341,4 +340,8 @@
height: 200px;
overflow:hidden;
overflow-y: scroll;
}
\ No newline at end of file
}
#buttons {
width: 40%;
}
IPSystemTOPC/EmployeeProdDB/static/css/positionlist.css
View file @ 111ab061
......@@ -87,10 +87,30 @@ body {
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 {
width: 250px;
width: 100%;
display: flex;
/* justify-content: space-between; */
justify-content: space-evenly;
align-items: center;
}
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/create_position.html
View file @ 111ab061
......@@ -21,146 +21,50 @@
<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">
<div class="text-input-grouping" id="name">
<label for="name" class="">Name:</label>
<div class="long-textbox">
<input type="text" style="width: 660px;" name="name" required />
<input type="text" name="name" required />
</div>
</div>
<div class="text-input-grouping ">
<div class="invisible-box">
</div>
<div class="text-input-grouping " id="buttons">
<br>
<div class="profile-options">
<div class="button-save">
<button
name="Save"
type="submit"
>
Save Changes
</button>
</div>
<div class="button-cancel">
<button
name="Save"
type="submit"
>
Cancel
</button>
</div>
</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="button-save">
<button
name="Save"
type="submit"
>
Save Changes
</button>
</div>
<div class="button-cancel">
<button
name="Save"
type="submit"
>
Cancel
</button>
</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>
</form>
<div class="large-filler"></div>
</main>
</div>
</div>
<div class="">
<div class="invisible-box">
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/positionlist.html
View file @ 111ab061
......@@ -22,85 +22,55 @@
</div>
<div class="add-button">
<button type="submit" class="add-profile-button">
Add Profile
</button>
<button type="submit" class="add-profile-button"><a href="{% url 'create_position' }" style="color: white">
Add Position
</a></button>
</div>
</div>
<!-- TABLE -->
<div class="employee-table-cont">
<table id="employee">
<tr>
<table id="employee">
<tr>
<th>ID</th>
<th>Position</th>
<th>Division Head</th>
<th>Number of Participants</th>
<th></th>
</tr>
<!-- {% for position in positions %}
<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>{{ position.position_id }}</td>
<td>{{ position.position_name }}</td>
<td>
<div class="button-cont">
<div class="button-save">
<button><a href="{% url 'edit_position' position_id=position.position_id %}" style="color: white">Edit</a>
</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>
{% endfor %} -->
tr>
<td>1</td>
<td>position.position_name </td>
<td>
<div class="button-cont">
<div class="button-save">
<button><a href="{% url 'edit_position' position_id=position.position_id %}
" style="color: white">Edit</a>
</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>
</table>
</div>
<script
......
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