Commit 71a761e1 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug

afds

parent 111ab061
...@@ -21,7 +21,7 @@ body { ...@@ -21,7 +21,7 @@ body {
/* align-items: center; */ /* align-items: center; */
} }
.cf-button { .cf-button{
width: 20%; width: 20%;
border-radius: 4px; border-radius: 4px;
border: 1px solid white; border: 1px solid white;
...@@ -33,7 +33,18 @@ body { ...@@ -33,7 +33,18 @@ body {
background-color: #00802B; background-color: #00802B;
color: white; color: white;
} }
.input [type=file], [type=submit] {
display: none;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
.upload-table-cont { .upload-table-cont {
color: white; color: white;
height: 200px; height: 200px;
...@@ -79,6 +90,15 @@ body { ...@@ -79,6 +90,15 @@ body {
width: 15%; width: 15%;
} }
.button-cont input {
border-radius: 4px;
border: 1px solid;
padding: 5px 10px;
margin-left: 5px;
margin-right: 5px;
width: 15%;
}
.cancel-button { .cancel-button {
background-color: white; background-color: white;
color: black; color: black;
...@@ -87,4 +107,4 @@ body { ...@@ -87,4 +107,4 @@ body {
.confirm-button { .confirm-button {
background-color: #00802B; background-color: #00802B;
color: white; color: white;
} }
\ No newline at end of file
...@@ -15,7 +15,8 @@ ...@@ -15,7 +15,8 @@
<!-- <link rel="stylesheet" href="{% static 'css/loginpage.css' %}"> --> <!-- <link rel="stylesheet" href="{% static 'css/loginpage.css' %}"> -->
<link rel = "icon" href = "{% static 'images/topc_logo.jpg' %}" type = "image/x-icon">
<link rel = "icon" href = "{% static 'images/logo-circle.png' %}" type = "image/x-icon" >
<title>{% block title %}{% endblock %}</title> <title>{% block title %}{% endblock %}</title>
</head> </head>
...@@ -25,8 +26,7 @@ ...@@ -25,8 +26,7 @@
<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">
<a href="#" <a><img
><img
src="{% static 'images/topc_logo.jpg' %}" src="{% static 'images/topc_logo.jpg' %}"
class="img logo rounded-circle" class="img logo rounded-circle"
/></a> /></a>
......
...@@ -6,6 +6,8 @@ ...@@ -6,6 +6,8 @@
<link rel="stylesheet" href="{% static 'css/style.css' %}"/> <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="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' %}"> <link rel="stylesheet" href="{% static 'css/signin.css' %}">
<link rel = "icon" href = "{% static 'images/logo-circle.png' %}" type = "image/x-icon" >
</head> </head>
<body> <body>
......
...@@ -6,6 +6,8 @@ ...@@ -6,6 +6,8 @@
<link rel="stylesheet" href="{% static 'css/style.css' %}"/> <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="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/signup.css' %}"> <link rel="stylesheet" href="{% static 'css/signup.css' %}">
</head> </head>
<body> <body>
......
...@@ -14,12 +14,23 @@ ...@@ -14,12 +14,23 @@
<link rel="stylesheet" href="{% static 'css/upload_csv.css' %}" /> <link rel="stylesheet" href="{% static 'css/upload_csv.css' %}" />
<title>Home Page</title> <title>Home Page</title>
</head> </head>
<body> <form method="post" enctype="multipart/form-data" action="{% url 'upload_csv' %}">
<div class="top-cont"> {% csrf_token %}
<h1 clas="choose-file">Choose file</h1> <!-- <label for="file">Upload File</label> -->
<div class="secondline"> <div class="top-cont">
<textarea readonly></textarea> <h1 class="choose-file">Choose file</h1>
<button type="submit" class="cf-button">Choose File</button> <div class="secondline">
<textarea readonly></textarea>
<input type="file" name="file" id="file" class=""/>
<!-- <label for="file"></label> -->
<!-- <label for="file" class="custom-file-upload">
Custom Upload
</label>
<input id="file" type="file"/> -->
</div> </div>
</div> </div>
...@@ -29,7 +40,10 @@ ...@@ -29,7 +40,10 @@
<div class="button-cont top-cont"> <div class="button-cont top-cont">
<button type="submit" class="cancel-button">Cancel</button> <button type="submit" class="cancel-button">Cancel</button>
<button type="submit" class="confirm-button">Confirm</button> <input type="submit" value="Confirm" class="confirm-button">
</div> </div>
</form>
</body> </body>
{% endblock %} {% endblock %}
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