Skip to content

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

fixed add profile screen

parent e77320ed
Show whitespace changes
Inline Side-by-side
Showing with 58 additions and 37 deletions
IPSystemTOPC/EmployeeProdDB/static/css/base.css
View file @ 98111c98
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/user-add.css'); @import url('https://unpkg.com/css.gg@2.0.0/icons/css/user-add.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/import.css'); @import url('https://unpkg.com/css.gg@2.0.0/icons/css/import.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/log-out.css'); @import url('https://unpkg.com/css.gg@2.0.0/icons/css/log-out.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/user-list.css');
body { body {
font-family: Helvetica ; font-family: Helvetica ;
...@@ -13,10 +14,11 @@ body { ...@@ -13,10 +14,11 @@ body {
} }
.footer { .footer {
position: fixed; position: absolute;
left: 0; /* left: 0; */
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 2.5rem;
text-align: center; text-align: center;
} }
...@@ -186,3 +188,12 @@ body { ...@@ -186,3 +188,12 @@ body {
background-color: #00802B; background-color: #00802B;
color: white; color: white;
} }
.content-wrap {
padding-bottom: 2.5rem;
}
.page-container {
position: relative;
min-height: 100vh;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/static/css/create_emp_profile.css
View file @ 98111c98
...@@ -156,3 +156,7 @@ input[type="radio"] { ...@@ -156,3 +156,7 @@ input[type="radio"] {
margin-right: 15px; margin-right: 15px;
margin-top: 50px; margin-top: 50px;
} }
.long-textbox {
width: 660px;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/static/css/home.css
View file @ 98111c98
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/search.css'); @import url('https://unpkg.com/css.gg@2.0.0/icons/css/search.css');
body { body {
font-family: Helvetica ; font-family: Helvetica ;
} }
...@@ -19,7 +20,7 @@ body { ...@@ -19,7 +20,7 @@ body {
.searchbar { .searchbar {
width: 78%; width: 78%;
background: url(images/comment-author.gif) no-repeat scroll 7px 7px; background: url("%images/search-icon.png%") top left no-repeat scroll 7px 7px;
padding-left: 30px; padding-left: 30px;
} }
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/base.html
View file @ 98111c98
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
...@@ -11,12 +10,18 @@ ...@@ -11,12 +10,18 @@
crossorigin="anonymous" crossorigin="anonymous"
/> />
<link rel="stylesheet" href="{% static 'css/base.css' %}" /> <link rel="stylesheet" href="{% static 'css/base.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
<!-- <link rel="stylesheet" href="{% static 'css/loginpage.css' %}"> -->
<link rel = "icon" href = "{% static 'images/topc_logo.jpg' %}" type = "image/x-icon">
<title>{% block title %}{% endblock %}</title> <title>{% block title %}{% endblock %}</title>
</head> </head>
<body> <div class="page-container">
<div class="content-wrap">
<div class="base-header"> <div class="base-header">
<div class="base-header-align"> <div class="base-header-align">
<div class="base-logo"> <div class="base-logo">
...@@ -47,12 +52,22 @@ ...@@ -47,12 +52,22 @@
<div class="sidebar"> <div class="sidebar">
<div class="sidebar-icon-placing sidebar-button"> <div class="sidebar-icon-placing sidebar-button">
<div> <div>
<div class="sidebar-hover"> <div class="sidebar-hover">
<a href=""> <a href="">
<div class="icon-align sidebar-button"> <div class="icon-align sidebar-button">
<i class="gg-list"></i> <i class="gg-list"></i>
</div> </div>
<p>Record List</p> <p>Employee List</p>
</a>
</div>
<div class="sidebar-hover">
<a href="">
<div class="icon-align sidebar-button">
<i class="gg-user-list"></i>
</div>
<p>Position List</p>
</a> </a>
</div> </div>
...@@ -87,6 +102,7 @@ ...@@ -87,6 +102,7 @@
</div> </div>
<div class="main">{% block content %}{% endblock %}</div> <div class="main">{% block content %}{% endblock %}</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"
...@@ -101,5 +117,6 @@ ...@@ -101,5 +117,6 @@
</script> </script>
</p> </p>
</footer> </footer>
</div>
</body> </body>
</html> </html>
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/create_emp_profile.html
View file @ 98111c98
...@@ -25,15 +25,9 @@ ...@@ -25,15 +25,9 @@
<div class=""> <div class="">
<div class="label-row"> <div class="label-row">
<div class="text-input-grouping"> <div class="text-input-grouping">
<label for="first-name" class="">First Name:</label> <label for="full-name" class="">Full Name:</label>
<div class=""> <div class="long-textbox">
<input type="text" class="" name="first-name" required /> <input type="text" style="width: 660px;" name="full-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> </div>
<div class="text-input-grouping"> <div class="text-input-grouping">
...@@ -46,18 +40,12 @@ ...@@ -46,18 +40,12 @@
<div class="label-row"> <div class="label-row">
<div class="text-input-grouping"> <div class="text-input-grouping">
<label for="mid-name" class="">Middle Name:</label> <label for="address" class="">Address:</label>
<div class=""> <div class="input-row">
<input type="text" name="middle-name" required /> <input type="text" style="width: 660px;" name="address" required />
</div> </div>
</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"> <div class="text-input-grouping">
<label for="emerg_num">Emergency Contact:</label> <label for="emerg_num">Emergency Contact:</label>
...@@ -69,9 +57,9 @@ ...@@ -69,9 +57,9 @@
<div class="label-row"> <div class="label-row">
<div class="text-input-grouping"> <div class="text-input-grouping">
<label for="last-name">Last Name:</label> <label for="bday">Birthday:</label>
<div class=""> <div class="">
<input type="text" name="last-name" required /> <input type="date" name="birthday" />
</div> </div>
</div> </div>
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/home.html
View file @ 98111c98
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<div class="search-and-add-cont"> <div class="search-and-add-cont">
<div class="searchbar"> <div class="searchbar">
<input placeholder='&#xf002 Search Name' /> <input placeholder= 'Search Name' />
</div> </div>
<div class="add-button"> <div class="add-button">
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/loginpage.html
View file @ 98111c98
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<!-- <input type="submit"> --> <!-- <input type="submit"> -->
<div class="centercont column-direction"> <div class="centercont column-direction">
<button type="submit" class="login-button login-borders button-login">Continue</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> <button type="submit" class="login-button login-borders button-cancel" href="#">Cancel</button>
</div> </div>
</form> </form>
......
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